往期知识点整理
介绍
评论组件在目前市面上的短视频app中是一种很常见的场景,本案例使用 全局状态保留能力弹窗 来实现评论组件。点击评论按钮弹出评论组件,点击空白处隐藏该组件,再次点击评论按钮则会恢复上一次浏览的组件状态。
效果图预览
使用说明
- 点击评论按钮打开评论组件。
- 上下滑动可以浏览评论。
- 点击空白处或者关闭按钮可以关闭评论组件。
- 再次点击评论按钮则恢复上一次浏览评论位置。
实现思路
- 使用GlobalStateDialogManager来操作全局状态保留能力弹窗的布局内容以及显隐。
首先导入GlobalStateDialogManager,如下:
import { GlobalStateDialogManager } from '@ohos/base';
- 初始化及评论内容更改时,使用operateGlobalStateDialog函数配置弹窗内容布局,如下:
@Link @Watch('changeCommentData') commentData: CommentDataSource; // 当评论内容更改时刷新全局弹窗
changeCommentData() {
GlobalStateDialogManager.operateGlobalStateDialog({
wrapBuilder: wrapBuilder(commentBuilder),
params: this.commentData
});
}
aboutToAppear(): void {
this.changeCommentData();
}
@Builder
function commentBuilder(commentData: CommentDataSource): void {
CommentComponent({ commentData: commentData })
}
- 按钮点击时通过operateGlobalStateDialog函数配置弹窗显示,如下:
build() {
、、、
Column() {
Image($r("app.media.short_video_new_icon"))
.height($r("app.integer.short_video_fabulous_height"))
.width($r("app.integer.short_video_fabulous_width"))
.objectFit(ImageFit.ScaleDown)
.margin({ bottom: $r("app.integer.short_video_fabulous_margin_bottom") })
Text(this.commentCount)
.fontSize($r("app.integer.short_video_fabulous_font_size"))
.fontColor(Color.White)
.opacity($r("app.float.short_video_fabulous_opacity"))
}.width('60%')
.height($r("app.integer.short_video_all_fabulous_height"))
.onClick(() => {
// 开启全局弹窗
GlobalStateDialogManager.operateGlobalStateDialog({ isShowGlobalStateDialog: true });
})
、、、
}
高性能知识点
本示例使用了 LazyForEach 进行数据懒加载,LazyForEach懒加载可以通过设置cachedCount属性来指定缓存数量,同时搭配 组件复用 能力以达到性能最优效果。
工程结构&模块类型
shortvideo // har类型
|---model
| |---BasicDataSource.ets // 模型层-懒加载数据源
| |---DataModel.ets // 数据模型层-视频数据
|---view
| |---ShortVideo.ets // 视图层-主页
| |---Side.ets // 视图层-视频右侧页面操作栏与左侧信息栏
| |---VideoSwiper.ets // 视图层-短视频切换
| |---CommentView.ets // 视图层-评论组件
最后
总是有很多小伙伴反馈说:鸿蒙开发不知道学习哪些技术?不知道需要重点掌握哪些鸿蒙开发知识点? 为了解决大家这些学习烦恼。在这准备了一份很实用的鸿蒙全栈开发学习路线与学习文档给大家用来跟着学习。
针对一些列因素,整理了一套纯血版鸿蒙(HarmonyOS Next)全栈开发技术的学习路线,包含了鸿蒙开发必掌握的核心知识要点,内容有(OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、OpenHarmony驱动开发、系统定制移植……等)技术知识点。
《鸿蒙 (Harmony OS)开发学习手册》(共计892页):https://gitcode.com/HarmonyOS_MN/733GH/overview
如何快速入门?
1.基本概念
2.构建第一个ArkTS应用
3.……
鸿蒙开发面试真题(含参考答案):
《OpenHarmony源码解析》:
- 搭建开发环境
- Windows 开发环境的搭建
- Ubuntu 开发环境搭建
- Linux 与 Windows 之间的文件共享
- ……
- 系统架构分析
- 构建子系统
- 启动流程
- 子系统
- 分布式任务调度子系统
- 分布式通信子系统
- 驱动子系统
- ……