主页 tabs 样式与切换

MagnumHou 2023-01-13 03:23:04

课时名称课时知识点
主页 tabs 样式与切换主页 tabs 样式与切换
...全文
208 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
harmonyos 黑马课程学习记录2-健康生活项目
黑马课程学习记录2-健康生活项目
鸿蒙Arkts开发框架经验分享之主页面Tabs
在其中的核心函数是：}中的函数//
首页Tabs
前两篇文章呢我们已经完成了欢迎页面的开发，包括页面布局以及业务逻辑等那么接下来的几篇文章我将带领你完成首页部分的开发本篇文章呢先为大家讲解首页UI的导航栏设计。
鸿蒙界面开发（12）：选项卡布局(Tabs)
对于底部导航栏，一般作为应用主页面功能区分，为了更好的用户体验，会组合文字以及对应语义图标表示页签内容，这种情况下，需要自定义导航页签的样式。设置自定义导航栏需要使用tabBar的参数，以其支持的的方式传入自定义的函数组件样式。例如这里声明tabBuilder的自定义函数组件，传入参数包括页签文字title，对应位置index，以及选中状态和未选中状态的图片资源。通过当前活跃的currentIndex和页签对应的targetIndex匹配与否，决定UI显示的样式。//参数) {//结构。
鸿蒙学习实战之路：Tabs 组件开发场景最佳实践
Tabs 组件是一种常见的界面导航组件，用于将内容分类并允许用户在不同类别之间快速切换。在 HarmonyOS 中，Tabs 组件提供了丰富的配置选项和事件监听，支持自定义样式和交互效果。TabBar：选项卡导航栏，显示所有可切换的选项TabContent：内容区域，显示当前选中选项对应的内容功能说明：实现一个自定义样式的 Tabs 组件，包括自定义 TabBar 的颜色、字体和指示器样式。自定义页签样式对于底部导航栏，通常用于应用主页面的功能区分。
橙汐工作室

3

社区成员

332

社区内容

发帖
与我相关
我的任务
社区描述
前端HTML5、CSS3、JavaScript、Node、Vue、React、SSCMS、ECharts、Cenium 等技术学习交流
vue.js前端框架html5 企业社区 天津·河西区
社区管理员
  • MagnumHou
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
  • 核心使命：为IT从业者和技术爱好者提供一个优质的学习、交流和分享平台，促进技术创新和成长。
  • 注意事项：请保持尊重、友善的交流环境，遵守社区规则，禁止发布违法、侵权、低俗或有害信息。
  • 激励机制：为了鼓励积极参与社区的用户，我们会设置积分和勋章系统，支持高质量的原创内容和有益的互动。
  • 感谢您的加入，期待与您一起在CSDN社区共同探索技术，交流经验，共同成长！

试试用AI创作助手写篇文章吧

+ 用AI写文章