实例8 底部页签切换

551未经授权,禁止转载
HarmonyOS底部页签切换鸿蒙应用开发数据结构构建动态效果展示table组件使用素材准备焦点图片处理动态数据结构索引号切换事件触发处理
本视频介绍了在鸿蒙应用中实现底部页签切换效果的方法。首先,通过构建数据结构来存储页签信息,包括索引号、名称、焦点图片和默认图片。然后,使用Table组件来展示页签,并根据索引号动态切换显示内容。视频详细讲解了如何准备素材、定义数据结构、实例化数据、使用Table组件以及处理点击事件等关键步骤。这种页签切换效果在电商等应用中非常常见,掌握这项技术对于开发功能丰富的应用非常有帮助。
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
ad
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
讲师头像
陶国荣
中国实战派HTML5培训早期讲师,微软技术专业人员,曾在知名公司担任技术总监、HTML5教学总监职位。 长期致力于HTML5、Java、CSS3、jQuery以及HTML5跨平台开发的技术研究,精通C#、ASP.NET和SQL Server等技术。是国内受欢迎的HTML5培训大师,曾辅导国家交通部、搜狐网、特艺、蓝色光标等众多中外名企。 曾出版《HTML 5实战》、《jQuery权威指南》、《jQuery Mobile权威指南》和《Backbone.js实战》等多部技术著作,凭借过硬的内容质量和良好的学习体验获得广大读者的高度评价。   
TA的课程
接下来播放:
自动连播