鸿蒙项目实战-月木学途: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,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',
        'data:image/png;base64,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',
      ))
    }
    //这里的index对应的是tabBar组件的索引,从0依次增加
    .onChange((index) => {
      this.currentIndex = index
    })
    //控制导航栏是否可以滚动,默认值为Fixed
    .barMode(BarMode.Fixed)
  }
}
相关推荐
Winston Wood11 分钟前
Android Parcelable和Serializable的区别与联系
android·序列化
清风徐来辽16 分钟前
Android 项目模型配置管理
android
帅得不敢出门42 分钟前
Gradle命令编译Android Studio工程项目并签名
android·ide·android studio·gradlew
problc1 小时前
Flutter中文字体设置指南:打造个性化的应用体验
android·javascript·flutter
帅得不敢出门12 小时前
安卓设备adb执行AT指令控制电话卡
android·adb·sim卡·at指令·电话卡
我又来搬代码了13 小时前
【Android】使用productFlavors构建多个变体
android
德育处主任15 小时前
Mac和安卓手机互传文件(ADB)
android·macos
芦半山15 小时前
Android“引用们”的底层原理
android·java
迃-幵16 小时前
力扣:225 用队列实现栈
android·javascript·leetcode
大风起兮云飞扬丶16 小时前
Android——从相机/相册获取图片
android