公司微信网站开发平台,长沙本地烟,制作模板网站报价,山东专业企业网站建设介绍
本示例介绍使用ArkUI中的容器组件FolderStack在折叠屏设备中实现音乐播放器场景。
效果图预览 使用说明
播放器预加载了歌曲#xff0c;支持播放、暂停、重新播放#xff0c;在折叠屏上#xff0c;支持横屏悬停态下的组件自适应动态变更。
实现思路 采用MVVM模式进…介绍
本示例介绍使用ArkUI中的容器组件FolderStack在折叠屏设备中实现音乐播放器场景。
效果图预览 使用说明
播放器预加载了歌曲支持播放、暂停、重新播放在折叠屏上支持横屏悬停态下的组件自适应动态变更。
实现思路 采用MVVM模式进行架构设计目录结构中区分展示层、模型层、控制层展示层通过控制层与模型层沟通展示层的状态数据与控制层进行双向绑定模型层的变更通过回调形式通知给控制层并最终作用于展示层。 在可折叠设备上使用FolderStack组件作为容器组件承载播放器的所有功能组件在半折叠态上使需要移动到上屏的子组件产生相应的动态效果。
// TODO知识点FolderStack继承于Stack控件通过upperItems字段识别指定id的组件自动避让折叠屏折痕区后移到上半屏
FolderStack({ upperItems: [CommonConstants.FOLDER_STACK_UP_COMP_ID] }) {MusicPlayerInfoComp({ musicModel: this.musicModel, curFoldStatus: this.curFoldStatus }).id(CommonConstants.FOLDER_STACK_UP_COMP_ID)MusicPlayerCtrlComp({ musicModel: this.musicModel })
}在需要移动到上屏的子组件上添加属性动效当组件属性发生变更时达成动态展示效果。
Image(this.musicModel.cover).width(this.curImgSize).height(this.curImgSize).margin(20).animation(this.attrAniCfg).interpolation(ImageInterpolation.High).draggable(false)折叠屏设备上依赖display的屏幕状态事件监听屏幕折叠状态变更通过对折叠状态的分析更新UI属性。
display.on(foldStatusChange, (curFoldStatus: display.FoldStatus) {this.curFoldStatus curFoldStatus;this.windowModel.updateMainWinPreferredOrientation(curFoldStatus);
})高性能知识点
暂无
工程结构模块类型
foldablescreencases // har类型
|---common
| |---constants
| | |---CommonConstants.ets // 通用常量
| | |---SysCapConstants.ets // 系统能力常量
|---components
| |---MusicPlayerCtrlComp.ets // 自定义组件-音乐播放器控制栏
| |---MusicPlayerInfoComp.ets // 自定义组件-音乐播放器歌曲详情展示
|---model
| |---AVPlayerModel.ets // 模型层-音频播放管理器
| |---MusicModel.ets // 模型层-音乐歌曲数据模型
| |---SysCapModel.ets // 模型层-系统能力管理器
| |---WindowModel.ets // 模型层-窗口管理器
|---pages
| |---MusicPlayerPage.ets // 展示层-音乐播放器
|---viewmodel
| |---MusicPlayerViewModel.ets // 控制层-音乐播放器控制器模块依赖
依赖本地的utils模块
参考资料
FolderStack属性动画AVPlayer状态管理
为了能让大家更好的学习鸿蒙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://qr21.cn/FV7h05 腾讯T10级高工技术安卓全套VIP课程全网免费送https://qr21.cn/D2k9D5
