IT评测·应用市场-qidao123.com技术社区

标题: HarmonyOS Next 使用SideBarContainer侧边栏淡入淡出动效实现案例(2) [打印本页]

作者: 天空闲话 时间: 2024-6-20 20:09
标题: HarmonyOS Next 使用SideBarContainer侧边栏淡入淡出动效实现案例(2)

使用说明：

点击右侧三角按钮举行侧边栏的显示与隐藏
当前动效过渡时间较短，如果要更清晰地观察动画结果，可以将动效的持续时间SIDEBAR_ANIMATION_DURATION 更改长一点，如1000
留意，由于手机屏幕边沿较难相应事件，请用2in1或或平板举行测试

实现思路

由于SideBarContainer的controlButton无法实现对其动效的自界说，所以需要禁用默认的button，通过自界说的Button来控制SideBar的显隐，并为SideBar添加了透明度的变革动效

SideBarContainer(this.sidebarType) {
SideBarView()
.opacity(this.isShowSideBar ? SideBarAnimationViewConstants.SIDEBAR_OPACITY_SHOW : SideBarAnimationViewConstants.SIDEBAR_OPACITY_HIDDEN)
SideBarContentView({ isShowSideBar: this.isShowSideBar })
}
.showSideBar(this.isShowSideBar)
.showControlButton(SideBarAnimationViewConstants.SIDEBAR_IS_SHOW_BUTTON)
.autoHide(SideBarAnimationViewConstants.SIDEBAR_IS_AUTO_HIDE)

通过显式动画控制侧边栏的显隐，以便实现自界说动效

animateTo({ duration: SideBarAnimationViewConstants.SIDEBAR_ANIMATION_DURATION }, () => {
this.isShowSideBar = !this.isShowSideBar;
})
高性能知识点

不涉及
工程布局&模块类型

sidebaranimation // har
|—constants // 常量界说
|—view
| |—SideBarAnimationView.ets // 入口组件
| |—SideBarContentView.ets // 内容区组件
| |—SideBarView.ets // 侧边栏组件
模块依赖

路由模块：供entry模块实现路由导航
utils模块：功能介绍

末了

有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，终极浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有须要的。
这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了（**ArkTS、ArkUI开发组件、Stage模型、多端摆设、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。
希望这一份鸿蒙学习资料能够给各人带来帮助，有需要的小伙伴自行领取，限时开源，先到先得~无套路领取！！
如果你是一名有履历的资深Android移动开发、Java开发、前端开发、对鸿蒙感爱好以及转行人员，可以直接领取这份资料
获取这份完整版高清学习路线，请点击→纯血版全套鸿蒙HarmonyOS学习资料****
鸿蒙（HarmonyOS NEXT）最新学习路线

HarmonOS基础技能

HarmonOS就业必备技能
HarmonOS多媒体技术

鸿蒙NaPi组件进阶

HarmonOS高级技能

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数HarmonyOS鸿蒙开发工程师，想要提拔技能，每每是本身摸索成长大概是报班学习，但对于培训机构动则几千的学费，着实压力不小。本身不成体系的自学结果低效又漫长，而且极易碰到天花板技术故步自封！
因此网络整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初志也很简朴，就是希望能够帮助到想自学提拔又不知道该从何学起的朋侪，同时减轻各人的负担。

既有得当小白学习的零基础资料，也有得当3年以上履历的小伙伴深入学习提拔的进阶课程，根本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！
由于文件比力大，这里只是将部分目录大纲截图出来，每个节点内里都包含大厂面经、学习条记、源码课本、实战项目、讲授视频，并且会持续更新
如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才气走的更远。岂论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都欢迎扫码加入我们的的圈子（技术互换、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
7ZMff8-1712658220788)]
一个人可以走的很快，但一群人才气走的更远。岂论你是正从事IT行业的老鸟或是对IT行业感爱好的新人，都欢迎扫码加入我们的的圈子（技术互换、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com技术社区 (https://dis.qidao123.com/)