鸿蒙项目实战-月木学途:2.自定义底部导航

效果预览

Tabs组件简介

Tabs组件的页面组成包含两个部分,分别是TabContent和TabBar。TabContent是内容页,TabBar是导航页签栏,页面结构如下图所示,根据不同的导航类型,布局会有区别,可以分为底部导航、顶部导航、侧边导航,其导航栏分别位于底部、顶部和侧边。

Tabs组件基本布局

自定义导航栏思路

1.标明底部导航属性

Tabs({ barPosition: BarPosition.End }) {

2.自定义导航项tabBar

/**
   * 自定义导航项TabBar
   * @param title 标题
   * @param targetIndex  目标索引
   * @param selectedImg 选中图片
   * @param normalImg 未选中图片
   */
  @Builder TabBuilder(title: string, targetIndex: number, selectedImg: string, normalImg: string) {
    Column() {
      Image(this.currentIndex === targetIndex ? selectedImg : normalImg).size({ width: 25, height: 25 })
      Text(title).fontColor(this.currentIndex === targetIndex ? '#1698CE' : '#6B6B6B')
    }.width('100%').height(50).justifyContent(FlexAlign.Center)
  }

3.导航绑定切换事件

//这里的index对应的是tabBar组件的索引,从0依次增加
    .onChange((index) => {
      this.currentIndex = index
    })

4.把每个页面封装成组件,引入到中TabContent

import layout_index from "./layout_index"
TabContent() {
        layout_index().height("100%") //使用页面组件,高度设为100%
      }

 

代码实现

import layout_index from "./layout_index"


@Entry //标明入口组件,可以由此启动项目
@Component
struct layout {

  //初始化当前标签索引
  @State currentIndex: number = 0;

  /**
   * 自定义导航项TabBar
   * @param title 标题
   * @param targetIndex  目标索引
   * @param selectedImg 选中图片
   * @param normalImg 未选中图片
   */
  @Builder TabBuilder(title: string, targetIndex: number, selectedImg: string, normalImg: string) {
    Column() {
      Image(this.currentIndex === targetIndex ? selectedImg : normalImg).size({ width: 25, height: 25 })
      Text(title).fontColor(this.currentIndex === targetIndex ? '#1698CE' : '#6B6B6B')
    }.width('100%').height(50).justifyContent(FlexAlign.Center)
  }

  build() {
    /**
     * 底部导航
     */
    Tabs({ barPosition: BarPosition.End }) {
      TabContent() {
        layout_index().height("100%") //使用页面组件,高度设为100%
      }
      .tabBar(this.TabBuilder(
        '首页',
        0,
        'data:image/png;base64,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',
        'data:image/png;base64,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',
      ))

      TabContent() {
        Text('课程').fontSize(30)
      }
      .tabBar(this.TabBuilder(
        '课程',
        1,
        'data:image/png;base64,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',
        'data:image/png;base64,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',
      ))

      TabContent() {
        Text('个人').fontSize(30)
      }
      .tabBar(this.TabBuilder(
        '个人',
        2,
        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAADMZJREFUeF7tnQmQHFUZx3/fzCRGNCgRSZAEsOSoAgSlgOK0iCTZ6U0wQDDcJSiXBBRQwCTTk2F7AhEKk8rBYSiwNByGI4Q1O7OBHBQohqBQoqUiWNwCJoRDMAk7/ay3uwmRkEzPTE+/17vdVVu9k3nv+/+///tvp6/3PaEvbyXvWERG4KvdEUYAI1Bs+n0AsBZYg8galFrbu18DqUU4U//Ul6XZlJv0qSRL3r7A0UALSCuoz9SfnzwHahGKh/l0ZTkjC131x7K3Z/wNUJp+IKpyDiJ64A9pitTCaygeQvx7yE5b0hQMQ0Hja4DOoj60XwLon0ER6ncviptodZdHiNk0qPgZYPGVgxk4+OLegd+1acpUD7wA1I04+cerN7W3RbwMUC5eiNJ/8Wo/ayRVzGfHgT/i6Kves4ZTDUTiY4BScT6oc2vILbqmwiokfTYtU/4WHWg4SPEwQMlbARwbTspNi/IW+BNxpi1rGkITAtttgPbibqTVKoTdmpB7c0Iq9R1a879sTvDwo9prgPbiYWTUqvBTjiTiFBz32kiQGgSx0wBLinuQUi80mJvh7jIRJ3ePYRJV4e0zwOKfDmbgxnerMo9FA3UYTn61zVTtM0DJ+x1whM2i1cRNsRet7vM19YmwsV0G6PB+jnBehPlHAfU4UhlHtvBWFGC1YthjgLI3A8VVtSYQj/ZqMU7+BBu52mGAcnE8Sj1go0ChcRK5jGxuVmjxQgpkhwE6vE6EMSHlZGcYpV4i4x/BmMJrNhE0b4BS26kgd9kkShO5XI/jXtnE+DWHNm+AsvcIim/UzDyeHbrw5QjG5p60hb5ZAyzxziHFbbaIERGPO3DcMyPCqgpj1gAl7wng0Kos+1oD5bfSOq1kQ1rmDNDhjUHotEEEAxzm4Lg/MIC7FaQ5A5TabgC53AYRouegnsPJ7x097taI5gzQ4T2DcIANIhjiMBLHXWkIezOsGQOU2w5CydOmkzeMPxPHNX4ENGOADm8qQtHwABiGt+O/ATMG6GtP/Oq1Uir1VVqm/rne7mH0i94At5w/gN1HbAyDfOxjiDqFbH6hyTyiN8CK64axfsO/TCZtDbbwY7LuDSb5RG+AzukH4PvPmEzaHmw1Gyf/Q5N8ojeAnrEL+jXvZNOTT538SSaFiN4A5eIElLrXZNL2YMuTODmjt8KjN0DJuwC42Z5BMMrkTRx3qEkG0RsguQew5XhvwHGjnNm8ldeiN0Cn9318bjTpeouwn8dx9zLJx4QBxuHTbjJpi7BX4rgjTfKJ3gDtbQeR6ffPATaN+QIc96z+ZYDfXLsT6S4r35GPfiDUDJz85OhxP0KM/gigsUueLqbwWZOJ24Etk3ByRs+HDBmg+BerqnyYc8N4HPdBc/BgyACenjV7ssnErcDukuEcn3vVJBdDBiieBupOk4kbxxaeJut+3TQPMwYoF4ag0rpKZ//dlLqG1vxU0wKYMUDPiaAuuNhqWgBj+Cl/DC3THjKG3wtszgAd3iUIs00LYARfeJt33/oSE2f+1wj+FqDmDFBu2x8lRl+HMij+/TjuBIP4m6HNGaDnvwFdZfNwG4SIlINwPll3fqSY2wAzbYDvAbfaIESEHB7HcY+MEG+7UGYNoKl1tD2GyFG2CNJ8HuosnPyC5uMEQzBvgHLb6Si5Ixjd2LdajuMeZ1MW5g3Qcy6gL4dG2SRMU7iInEw2d19TYtcZ1BIDFE8EdX+dOcSkmyzByY2zjawdBug+CrTdD3KibQKFxOc9UC02ri1gjwH0CiAVtQzBimnTIQ18TxiLLvs+npc9BtDMllw9mlRqaajiGw8ms3FyRid/bE8CuwzQc1l4MSJzjI9bOASsO+u3+wiwiV25OAel9LpAcd6Mv/MfRDz7jgAfmWApSo0OkoR9bdQrOHm9UKX1m70G6L4y8K4ArrNexf8neA+OOzEunO02gFaxs3gkPksbWwU0ouFQ5Gh1p0eEFgqM/QbovjooDEPScxCL3yNMcREt7k2hjEqEQeJhgM3nBVaWlNdvOBdx8ndHOG6hQcXLAD2XiUchoq8QTg1NhfoCrUOYyYaBsxgfz0UjddrxM8Dmo8H0sajKJSAt9Y1fA71EbkapWTju3xuIYkXX+Bpgk3yltjNB9ALSh0Wg6IOIP4vstD5T4ST+Bth8RLh6JH5qJIKebauXkg9nEynhqxIDM0sYNfmf4QS1J0rfMcCWmrYXdiaTGoWkRqP4Gih9U+aLAWT/D8hLKP+vpFKLSWceZPRP3gnQL7ZN+qYBPmk4OmZ/Ct4ZjjAC1HBIDSel9OC+zEb1MjLgJcZNXhfbkayTeP8xQJ0C9fVuiQH6+ghXyS/+BigUUhy6wy6k1w9FyU6RjKeodVQGvcHqD96kUPAjwWwSSDwMUC7shZ92SPEVFLqs2i6weR/k5K5J8nWH/TfwJvBG9154A5/nSVVKZAvPNRM4jNh2GuChGZ/D//AYfL7ZO4F03zCSNRBD3yjqIMVyUgMetfGKwh4DlKcfjPKPAzmm+wVKGGhgwJoJuRGkE9SjSGoZ2al/bCZY0NjmDdDu7c0AJqHQ9/fTQYnHvF0FYS4fMo/j3X+YzMWcAR6ePpQPKxeDTAKiOXkzqfQnY68DNY8B6bmMmqrPISLfojdAe2EHMulJ3e/8ieweecY2Aup1hUXm0lWZx/GFD6KkGK0Bym0XQkoPfn9eLWzb4yu6XoI/j2w+smLa0RmgVLwd1NlRuju+WPILnNw5UfBvvgGWentTQc/+NVoXPwoxQ8ZYTZozGNPck8TmGqDDOwGRBbF4oTPk0QsnnLyPUmfS6j4QTrytozTPAOXiFJSK1RuyzRK54bgiU8nmrmk4zicEaI4BOrw7EE5vBuF+G1NxJ63uGWHnH74BSp6uAHpa2ESTeN0K3IXjhvqHFa4Bym3nosSK6ld91jCiziObD62wVngG6Hld+7E+K7xNiSl1NK3534ZBKRwDLCnuQUq9EAahJEZABXzZk7G5FwO23mazxg2wcGGawc/qp1xWVb9qVBj7+8sy3tunhYkTK41wbdwApeJ8UOc2QiLpW68CcitO7rx6e+t+jRmg5E0DCo0QSPo2rEABx7263ij1G2BJYR9S6d/340e59Woedr91+JXDGVt4tp7A9Rug5M0F9LP8ZDOvwDwct66SOvUZILnkMz/kH2dQ56VhfQYoeb8GYlMGxb7RagqjhTjuKbVGrt0A5eJ4lGra06laE0jab6GAyAlkc4tr0aR2A5TaloMYXe+2lgT7V1u1AievX6UPvNVmgORef2BhjTWs8VlBbQbo7yt9GRvVmoA7cNyxQXsEN0B7cTcy3ff7M0GDJ+2MKNBFl+wZdEXS4AYoeRcAkb2takS6vgN6IY57S5B0ajBAn67nH0SrGLVRi3DyJwUhHMwAKwoZ1mfeTl7uDCKpDW3kfQZ1fZ6Rha5qbIIZoNQflnSpJlXcvpeTcHKLqrEOZoCydxuKSCYqVCOcfB9QAeF2su53q7UOZoCStwb4QrVgyfdWKbAWx925GqPqBui8fhf89UZmrlYjn3xfRYHUoKG0XKGrl2xzq26ApcVDqKjVidgxVCAthzIm92RjBih5+nLCqsUOYzgUpihPwHG3ux5j9SNAuXgpSs00lUGC24ACIpeRzc1q9AjwM+CyBmgkXc0pMBPHvbwxA5SL96LUBHM5JMh1KyByH9ncyY0ZoOQ9kcztr3sITHdcjeNut4x+gHMA7/Xe4oymk0nwa1VAF63MusMaPQKoWnGT9hYp4Ljb/SOvfgQoeYkBLBrPmqkkBqhZsr7VIQQD6FuJpgsy961BiS6b13HcXRs8Byj+AdTB0XFOkEJTQFhF1j28QQO0zQO5KDRSSaAIFVAzcPKTGzRA8dugFkbIOoEKSwFfHcjY/DONGUD37vDuRqh52lFYeSRx6lKg6m1gHbX6ZaBu1el9GZ92YP+6qCSdolbgKdTAb9F61SvVgIMZoPsocM1+SOVXQHJCWE1Vk9+Luo9M5gJGTVkbhEZwA+hoCwsD2TGjHw9fCmz38iIIeNImVAVWI2oW2byu0xh4q80Am8LqqmBp/1KUaCMkm1kFXkGYxbv7zqqnYFR9BtiUsD43UOo4lOgZqbpKmF7NK9marYDwNMhKfPUIGyorObHwdr2QjRng46idxSPx1ejelUBGoJReEUSv27tDvQT7dT+l1iCiawG+iF5VJMVT+P5yWgtVT+6C6hauAbaFqhdzTqf0mr3DSMlO+Azp3qOG9Cz2qIaA7Ng98VSRQUgjZPD17yqDSLr733smpuofvbjUFp+l97OKatEpXZuvC6QLoQulej/r3+lCRM/I6fnR3+k2mz737DcA60DWoReh9OnZk+rZd/EqqvJiFMvH/A/RBUKuQAiJUAAAAABJRU5ErkJggg==',
        'data:image/png;base64,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',
      ))
    }
    //这里的index对应的是tabBar组件的索引,从0依次增加
    .onChange((index) => {
      this.currentIndex = index
    })
    //控制导航栏是否可以滚动,默认值为Fixed
    .barMode(BarMode.Fixed)
  }
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/758133.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

gdb-dashboard:用Python重塑GDB调试体验

gdb-dashboard;一目了然的GDB调试,尽在掌控之中- 精选真开源,释放新价值。 概览 gdb-dashboard是一个用Python编写的模块化视觉界面,为GNU Debugger(GDB)提供了一个现代化的工作空间。它通过集成多个面板和…

DDR自学笔记

DDR的技术发展 标准名称 内核时钟(MHz) I/O时钟(MHz) 工作电压(v) 预取位数 突发长度 数据速率(MT/s) 数据带宽(GB/s) 拓扑 SDRAM 100-166 100-166 3.3 1 / 100-166 0.8-1.3 T DDR 133-200 133-200 2.5 2n 2 266-400 2.1-3.2 T DDR2 133-200 266-…

C++ | Leetcode C++题解之第205题同构字符串

题目&#xff1a; 题解&#xff1a; class Solution { public:bool isIsomorphic(string s, string t) {unordered_map<char, char> s2t;unordered_map<char, char> t2s;int len s.length();for (int i 0; i < len; i) {char x s[i], y t[i];if ((s2t.coun…

软考满分范文“论模型驱动架构设计方法及其应用”,软考高级,系统架构设计师

论文真题 模型驱动架构设计是一种用于应用系统开发的软件设计方法,以模型构造、模型转换和精化为核心,提供了一套软件设计的指导规范。在模型驱动架构环境下,通过创建出机器可读和高度抽象的模型实现对不同问题域的描述,这些模型独立于实现技术,以标准化的方式储存,利用…

vmware安装debian11

安装vmware16 下载镜像 https://repo.huaweicloud.com/debian-cd/ https://repo.huaweicloud.com/debian-cd/11.7.0/amd64/iso-dvd/ 安装 安装完成之后重启&#xff0c;输入账号密码进入&#xff0c;安装ssh服务器即可使用

C#开发的自定义提示和对话框窗体 - 开源研究系列文章

上次开发了《LUAgent服务器端工具》&#xff0c;然后就开发了自定义的提示和对话框窗体&#xff0c;因为这个是无边框窗体&#xff0c;所以不使用默认的MessageBox了&#xff0c;界面美观并且用户体验更好一些。然后就写了此文&#xff0c;让其他读者能够使用或者复用此类库的代…

Spark查询当前用户下所有账号的余额,如果当天没有余额则使用最近的余额

在使用Apache Spark进行数据分析时&#xff0c;你可能会处理一个包含用户账户和余额信息的数据集。如果你想要查询当前用户下所有账号的余额&#xff0c;并且如果当天没有余额记录&#xff0c;则使用最近的余额&#xff0c;你可以按照以下步骤进行&#xff1a; 数据准备&#x…

昇思25天学习打卡营第7天|linchenfengxue

Vision Transformer图像分类 1.Vision Transformer&#xff08;ViT&#xff09;简介 近些年&#xff0c;随着基于自注意&#xff08;Self-Attention&#xff09;结构的模型的发展&#xff0c;特别是Transformer模型的提出&#xff0c;极大地促进了自然语言处理模型的发展。由…

VUE-CLI脚手架项目的初步创建与配置

目录 1&#xff0c;首先创建一个VUE项目&#xff0c;注意选择版本为 2.6.10 2&#xff0c;打开APP.vue文件&#xff0c;并且删除APP.vue中多余的代码 3&#xff0c;创建index.vue文件 4&#xff0c;在此文件中写入如下图片中的代码来初步创建页面 5&#xff0c;创建router…

技术赋能教育:校园3D电子地图与AR导航解决方案

随着高考的落幕&#xff0c;又一批新鲜血液即将注入大学校园。面对陌生的环境&#xff0c;如何快速适应、准确找到目标地点&#xff0c;成为新生们的一大难题。同时&#xff0c;对于学校而言&#xff0c;如何向报考人员直观展示校园环境&#xff0c;提供沉浸式参观体验&#xf…

动态选线,动态的选择变量的位宽

一、原理 参考博客&#xff1a;&#xff1c;Verilog&#xff1e; 语法技巧&#xff1a;数据位操作_verilog移位操作-CSDN博客 下图是从作者的博客cv过来的一张图&#xff0c;讲的非常的清晰。实现了动态的选择选择数据的位宽&#xff0c;只需要动态的改变base_expr就可以。 …

Java——IO流(二)-(1/7):字符流-FileReader、FileWriter、字符输出流的注意事项(构造器及常用方法、小结)

目录 文件字符输入流-读字符数据进来 介绍 构造器及常用方法 实例演示 文件字符输出流-写字符数据出去 介绍、构造器及常用方法 实例演示 字符输出流使用时的注意事项 小结 文件字符输入流-读字符数据进来 介绍 FileReader&#xff08;文件字符输入流&#xff09; 作…

Bayes分类器设计

本篇文章是博主在人工智能等领域学习时&#xff0c;用于个人学习、研究或者欣赏使用&#xff0c;并基于博主对人工智能等领域的一些理解而记录的学习摘录和笔记&#xff0c;若有不当和侵权之处&#xff0c;指出后将会立即改正&#xff0c;还望谅解。文章分类在AI学习笔记&#…

【Mac】A Better Finder Attributes(文件批量重命名工具)

软件介绍 A Better Finder Attributes 7 是一款专为 macOS 设计的实用工具软件&#xff0c;主要用于批量修改文件和文件夹的属性。以下是它的一些主要特点和功能&#xff1a; 批量修改文件属性 可以快速批量修改文件的创建日期、修改日期以及访问日期。这对于整理和管理大量…

网络基础:路由路由协议

路由是指在计算机网络中选择路径来传输数据包的过程和机制&#xff1b;它包括路径选择、数据包转发、以及维持网络连接所需的各种协议和算法&#xff0c;路由的目标是确保数据包能够高效且可靠地从源设备传输到目标设备&#xff1b;常见的能够实现路由功能网络设备有&#xff1…

深入探讨C++的高级反射机制

反射是一种编程语言能力&#xff0c;允许程序在运行时查询和操纵对象的类型信息。它广泛应用于对象序列化、远程过程调用、测试框架、和依赖注入等场景。 由于C语言本身的反射能力比较弱&#xff0c;因此C生态种出现了许多有趣的反射库和实现思路。我们在本文一起探讨其中的奥秘…

VSCode插件开发经验小结

从零基础接手DX扩展开发维护&#xff0c;到完成DX扩展从O2平台迁移到 VSCode 平台&#xff0c;现在也积累了一些经验&#xff0c;本文将对这一过程中的学习经历做一个简单小结&#xff0c;也希望可以通过本文帮助想要开发 VSCode 扩展的同学可以更快速的上手。 VSCode (Visual …

Spring事务及其传播机制(一)

目录 1.事务回顾 1.1什么是事务 1.2事务的四大重要特性&#xff08;ACID&#xff09; 1.3事务的操作 2.Spring中事务的实现 2.1编程式事务&#xff08;了解&#xff09; 2.2声明式事务Transactional 3.Transactional作用 3.1重新抛出异常 3.2手动回滚事务 1.事务回顾…

STM32第八课:Su-03t语音识别模块

文章目录 需求一、SU03T语音识别模块二、模块配置流程1.固件烧录2.配置串口和传输引脚3.中断函数4.double类型转换5 数据发送6.接收处理 三、该模块完整代码总结 需求 基于上次完成空气质量传感器&#xff0c;利用SU03T语音识别模块&#xff0c;实现空气质量的语音问答播报。 …

代发考生战报:6月25号 南宁 HCIP-Transmission传输 H31-341考试884分通过

代发考生战报&#xff1a;6月25号 南宁 HCIP-Transmission传输 H31-341考试884分通过 &#xff0c;今天我和同事两个人去考的&#xff0c;我考试遇到1个新题&#xff0c;他遇到两个新题&#xff0c;客服提供的题库很稳定&#xff0c;全覆盖了&#xff0c;轻松通过&#xff0c;考…