用户可用于视频应用中实现评论回复功能,项目使用Navigation Dialog弹出评论回复模块,通过RichEditor组件支持文字、表情输入及@好友功能,提供完整开发实践。【此简介由AI生成】
| 文件 | 最后提交记录 | 最后更新时间 |
|---|---|---|
| 1 年前 | ||
| 9 个月前 | ||
| 9 个月前 | ||
| 1 年前 | ||
| 9 个月前 | ||
| 1 年前 | ||
| 1 年前 | ||
| 1 年前 | ||
| 6 天前 | ||
| 6 天前 | ||
| 9 个月前 | ||
| 1 年前 | ||
| 9 个月前 |
实现评论回复弹窗模块
介绍
本示例实现在视频应用中,使用Navigation Dialog在评论列表上层弹出评论回复模块,在该模块中使用RichEditor组件实现输入文字、表情、@好友功能。为开发者提供评论回复模块的开发实践。
效果预览
| 首页 | 评论列表 | 评论回复弹窗(软键盘) | 评论回复弹窗(表情面板) |
|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
使用说明:
- 打开应用,在首页点击消息图标,弹出评论列表弹窗。
- 点击评论列表下方写评论输入框,弹出评论回复模块弹窗。
- 评论模块默认是软键盘输入,点击编辑区域表情按钮,可切换到表情面板输入表情。
- 点击@按钮,或通过软键盘输入@符号,显示好友列表,点击好友头像在编辑区域添加@好友内容。
- 点击删除按钮,@好友内容先整体选中高亮,再点击删除,@好友内容整体删除。
工程目录
├──commons
│ ├──commons/src/main/ets
│ │ └──utils
│ │ ├──FileUtils.ets // 文件工具类
│ │ └──Logger.ets // 日志工具类
│ └──commons/src/main/resources // 应用静态资源目录
├──features
│ ├──home/src/main/ets
│ │ ├──constants
│ │ │ └──HomeConstants.ets // 常量类
│ │ └──view
│ │ ├──CommentKeyboard.ets // 评论回复模块
│ │ ├──CommentList.ets // 评论列表
│ │ ├──CommentSendDialog.ets // 评论发送弹窗
│ │ ├──Home.ets // 首页
│ │ ├──HomeContent.ets // 视频页
│ │ └──NavigationDialog.ets // 基于Navigation弹窗组件
│ └──home/src/main/resources // 应用静态资源目录
└──products
├──default/src/main/ets
│ ├──entryability
│ │ └──EntryAbility.ets // 程序入口类
│ ├──entrybackupability
│ │ └──EntryBackupAbility.ets // 数据备份与恢复类
│ └──pages
│ └──Index.ets // 主页面
└──default/src/main/resources // 应用静态资源目录
具体实现
- 使用Navigation Dialog实现弹窗功能,参考组件导航(Navigation)的页面显示类型小节。
- 使用RichEditor相关API实现评论模块编辑区域输入文字、表情、@好友功能。
相关权限
不涉及
依赖
不涉及
约束与限制
1.本示例仅支持标准系统上运行,支持设备:直板机。
2.HarmonyOS系统:HarmonyOS 5.0.5 Release及以上。
3.DevEco Studio版本:DevEco Studio 5.0.5 Release及以上。
4.HarmonyOS SDK版本:HarmonyOS 5.0.5 Release SDK及以上。



