帮企业做网站赚钱吗,宣传网站建设方案模板下载,成都建筑设计有限公司,深圳网络推广的公司介绍
在2in1或平板上#xff0c;群聊侧边栏是一种较为常用的功能#xff0c;虽然HarmonyOS已经具备了基本的动效#xff0c;但是部分情况下开发者可能有定制侧边栏动效的需求#xff0c;本例主要介绍了如何基于显式动画实现侧边栏的淡入淡出动效。
效果图预览 使用说明群聊侧边栏是一种较为常用的功能虽然HarmonyOS已经具备了基本的动效但是部分情况下开发者可能有定制侧边栏动效的需求本例主要介绍了如何基于显式动画实现侧边栏的淡入淡出动效。
效果图预览 使用说明
点击右侧三角按钮进行侧边栏的显示与隐藏当前动效过渡时间较短如果要更清晰地观察动画效果可以将动效的持续时间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 // 侧边栏组件为了能让大家更好的学习鸿蒙HarmonyOS NEXT开发技术这边特意整理了《鸿蒙开发学习手册》共计890页希望对大家有所帮助https://qr21.cn/FV7h05
《鸿蒙开发学习手册》
如何快速入门https://qr21.cn/FV7h05
基本概念构建第一个ArkTS应用…… 开发基础知识https://qr21.cn/FV7h05
应用基础知识配置文件应用数据管理应用安全管理应用隐私保护三方应用调用管控机制资源分类与访问学习ArkTS语言…… 基于ArkTS 开发https://qr21.cn/FV7h05
Ability开发UI开发公共事件与通知窗口管理媒体安全网络与链接电话服务数据管理后台任务(Background Task)管理设备管理设备使用信息统计DFX国际化开发折叠屏系列…… 鸿蒙开发面试真题含参考答案https://qr18.cn/F781PH 鸿蒙开发面试大盘集篇共计319页https://qr18.cn/F781PH
1.项目开发必备面试题 2.性能优化方向 3.架构方向 4.鸿蒙开发系统底层方向 5.鸿蒙音视频开发方向 6.鸿蒙车载开发方向 7.鸿蒙南向开发方向
