HarmonyOS Next自定义TabBar案例，2024年最新温故而知新
场景2：TabBar页签点击之后会改变图标显示，并有一小段动画效果改变图标显示功能可以先声明一个变量selectedIndex，此变量代表被选定的tabBar下标，点击的时间将当前tabBar的下标值进行赋值。 通过当前被选中的tabBar下标值和tabBar自己的下标值进行判断来达到点击之后改变图标显示的效果。 动画效果可以将Image添加一个offset属性和animation属性， offset属性可以控制组件的横向和纵向偏移量； animation在组件的某些通用 属性变化时，可以通过属性动画animation实现过 渡效果。 点击TabBar页签，改变offset的属性值，自动触发animation属性动画。 具体代码可参考TabView.ets
Column() {
// 通过被选中的tabBar下标值和tabBar的默认下标值来改变图片显示
Image(this.selectedIndex === this.tabBarIndex ? TABINFO.selectedIcon : TABINFO.defaultIcon)
.size(this.selectedIndex === HOME_TAB_BAR_INDEX && this.selectedIndex === this.tabBarIndex ?
{ width: $r(‘app.integer.community_image_size’), height: $r(‘app.integer.community_image_size’) } :
{ width: $r(‘app.integer.tab_bar_image_size’), height: $r(‘app.integer.tab_bar_image_size’) })
// TODO：知识点：通过offset控制图片的纵向偏移。
.offset({ y: (this.selectedIndex === this.tabBarIndex && this.selectedIndex !== COMMUNITY_TAB_BAR_INDEX) ?
this.iconOffset : $r(‘app.integer.common_size_0’) })
// TODO：知识点：组件的某些通用属性变化时，可以通过属性动画animation实现过渡效果。本示例的动画效果是tabBar的图片向上偏移一小段间隔
.animation({
duration: 400,
curve: Curve.Linear,
iterations: 1,
playMode: PlayMode.Normal
})
}
.width(this.selectedIndex === HOME_TAB_BAR_INDEX && this.selectedIndex === this.tabBarIndex ?
$r(‘app.integer.community_image_size’) : $r(‘app.integer.tab_bar_image_container_size’))
.height(this.selectedIndex === HOME_TAB_BAR_INDEX && this.selectedIndex === this.tabBarIndex ?
$r(‘app.integer.community_image_size’) : $r(‘app.integer.tab_bar_image_container_size’))
.justifyContent(FlexAlign.Center)
高性能知识点
不涉及。
工程布局&模块范例
customtabbar // har范例
|—model
| |—DataType.ets // 模型层-Tabbar数据范例
| |—TabBarData.ets // 数据模型层-TabBar数据
|—view
| |—TabView.ets // 视图层-自定义TabBar页面
模块依赖
不涉及。
末了
有很多小伙伴不知道学习哪些鸿蒙开辟技术？不知道需要重点掌握哪些鸿蒙应用开辟知识点？而且学习时频繁踩坑，终极浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习黑白常有必要的。
这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开辟必掌握的核心知识要点，内容包含了（**ArkTS、ArkUI开辟组件、Stage模型、多端部署、分布式应用开辟、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开辟、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。
希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！
假如你是一名有经验的资深Android移动开辟、Java开辟、前端开辟、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料
获取这份完整版高清学习门路，请点击→纯血版全套鸿蒙HarmonyOS学习资料****
鸿蒙（HarmonyOS NEXT）最新学习门路
https://img-blog.csdnimg.cn/direct/2636417e951b4ec9b5a1334224fcd239.png
[*]HarmonOS基础技能
https://img-blog.csdnimg.cn/direct/72fd2509a44e4bf98bbe1f983b5a4ff6.png
[*]HarmonOS就业必备技能 https://img-blog.csdnimg.cn/direct/18f024bc5f0a4353912996010ed6cc81.png
[*]HarmonOS多媒体技术
https://img-blog.csdnimg.cn/direct/b9ead66dadc245fdadce4d77feb47a28.png
[*]鸿蒙NaPi组件进阶
https://img-blog.csdnimg.cn/direct/0744fbd1454f41b0a3f605fb4a51f5f3.png
[*]HarmonOS高级技能
https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png
[*]初识HarmonOS内核https://img-blog.csdnimg.cn/direct/9e79fbdc4bb74f179584c5552aa547d5.png
[*]实战就业级设备开辟
https://img-blog.csdnimg.cn/direct/d2012fa9c57a400da25a2182a38cbdcb.png
有了门路图，怎么能没有学习资料呢，小编也预备了一份联合鸿蒙官方发布条记整理收纳的一套系统性的鸿蒙（OpenHarmony ）学习手册（共计1236页）与鸿蒙（OpenHarmony ）开辟入门教学视频，内容包含：ArkTS、ArkUI、Web开辟、应用模型、资源分类…等知识点。
获取以上完整版高清学习门路，请点击→纯血版全套鸿蒙HarmonyOS学习资料
《鸿蒙 (OpenHarmony)开辟入门教学视频》
https://img-blog.csdnimg.cn/direct/ad3cb3acb77e470fa93ac0471d4e7f0f.png
《鸿蒙生态应用开辟V2.0白皮书》
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里不停到现在。
深知大多数HarmonyOS鸿蒙开辟工程师，想要提升技能，每每是自己摸索发展大概是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易遇到天花板技术故步自封！
因此收集整理了一份《2024年HarmonyOS鸿蒙开辟全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
https://img-blog.csdnimg.cn/img_convert/7b37fd6d5dee536d2a9edcf71d25c656.png
https://img-blog.csdnimg.cn/img_convert/d696480d56dfd7104ecf8acb62ab5533.png
https://img-blog.csdnimg.cn/img_convert/f11fcd8c82eba5834099db248e0bb720.png
既有得当小白学习的零基础资料，也有得当3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开辟知识点，真正体系化！
由于文件比较大，这里只是将部门目录大纲截图出来，每个节点里面都包含大厂面经、学习条记、源码讲义、实战项目、讲解视频，并且会持续更新
假如你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）
https://img-blog.csdnimg.cn/img_convert/8cfcefdf50224802c11a46f7ff34248f.png
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！
片转存中…(img-hLcS38nn-1712665583493)]
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交换、学习资源、职场吐槽、大厂内推、口试辅导），让我们一起学习发展！
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]