助力18大行业应用开发，鸿蒙场景化示例代码上新（20250627更新） 原创

为帮助开发者快速解锁鸿蒙生态的全场景开发能力，我们系统性地沉淀了一系列经过验证的行业实践场景示例。这些示例基于广泛的行业洞察与深度技术验证，为开发者提供可靠参考架构。

这些场景示例具备高度的场景适配性与工程普适性，能够有效应对鸿蒙应用复杂业务场景的挑战。无论是构建高性能应用，还是优化用户体验，均能助力开发者规避技术陷阱，显著提升开发效率，并提供坚实的技术支撑。

现诚邀您选择首个行业实践场景示例，即刻开启一段高效、专业的鸿蒙生态开发之旅，共同探索无限可能。

---

行业实践示例索引

1. 汽车类行业实践示例

• 底部弹窗固定显示

2. 便捷生活类行业实践示例

• 车牌号编辑

• 电影选座

• 级联菜单选择

• 待办事项便贴

• 查看账单收支明细

• 新建日程管理

• 功能卡片自动循环播放

• 密码保险箱自定义

• 日历常用功能及黄历查询

• 双指捏合缩放卡片理

• 三日视图日历及日程管理

• 地图页面半模态交互

• 证件类型选择

• 预约抢票倒计时

3. 运动健康类行业实践类示例

• 运动开始、结束交互动画

• 添加运动计划日历提醒

• 周期数据图表绘制

• 比赛计分器

• 视频镜面播放

• 健身记录三环效果

4. 教育类行业实践类示例

• 调节分数区间筛选学校

• 双向滚动课程表

• 人物介绍展开与收起

• 堆叠式单词卡片

• 刷题页面滑动

• 试题PDF转长图保存

5. 综合办公类行业实践示例

• 考勤打卡位置获取

• PDF在线安全预览

• 个人名片页

• 公文审批-画板签名、文件预览下载

• 证件照拍摄-蒙版效果

• 文件下载预览

• 访客邀请管理

• 邮件附件添加和预览

• 会议创建发布

• 电子章添加和保存

• 选择文件打开方式

• 跑马灯横幅通知

• 消息稍后处理

• 证件照标签设置及推荐

• 多层级嵌套企业通讯录

6. 公交地铁类行业实践示例

• 点击卡片跳转乘车码

• 实时公交服务

• 乘车记录查询

7. 理财保险类行业实践示例

• 证券行情走势分时线与日K线

• 每日收支日历图

• 证券键盘

8. 儿童教育类行业实践示例

• 计算验证弹窗

• 儿童练字板

• 防沉迷控制

• 围棋棋子绘制

• 七巧板拼图

• 儿童绘画板

9. 旅游园区类行业实践示例

• 气泡提醒开启定位

• 选择日期范围

• 地址交换动画

• 获取目的地位置及周边配套地图

• 地图指定位置名称标记

10. 孕育健康类行业实践示例

• 宝宝成长记录时间轴

• 宝宝身高体重记录曲线

11. 新闻阅读类行业实践示例

• 未成年人内容过滤

• 频道选择

• 字体大小调节

• Base64格式图片保存

• 阅读翻页方式调节

• 返回阅读列表顶部

• AI朗读

• 广告窗口插入

• 热搜榜单列表

• 音量键翻页

• 文本标记高亮显示

• 加载预置数据库刷新文章列表

• 打字机效果

• H5页面适配应用内字体大小设置

• 正则匹配高亮关键字

• 阅读放大镜

• 涂抹识别文字并复制

• 阅读记录卡片

12. 影音娱乐类行业实践示例

• 获取视频信息

• 视频压缩处理

• 滑块及进度条自定义

• 资源库多层标签筛选

• 悬浮窗效果

• 视频窗口横竖屏切换

• 移动数据切换提醒

• 歌词动态效果

• 切换音频播放设备

• 视频列表切换播放

• 导入本地音乐文件

• 视频截取转换为GIF动图

• 视频弹幕发送与显示

• 视频倍速播放

• 视频播放列表

• 动态图片播放

• 视频拼接创作

• 多机位视频播放

• 视频点赞动画

• 视频中提取音频

• 视频自动暂停与恢复播放

• 短视频评论

• Navigation实现闪屏页

• 网络视频缓冲进度条

• 视频播放倍速锁定及取消

13. 社交通讯类行业实践示例

• 好友动态-图片预览

• 聊天页-语音输入文字

• 好友推荐动画

• 智能图片筛选

• 查找附近的人

• 投票进度增长动效

• 聊天页-是否原图发送

• 查看通讯录

• 个人头像上传

• 聊天信息加密

• 聊天页-网页访问拦截

• 聊天列表未读消息提醒和标记

• 聊天消息引用及跳转

• 添加通讯录好友

• 拖拽发送中转站图片文本

• 蓝牙通信

• 动态发布退出时保存草稿

• 群接龙

• 弱网情况下的即时通讯

• 语音通话

• 历史网页浮窗

• 聊天页-语音转文字

• 聊天页-长按识别二维码

• 表情包推荐

• 聊天页-发送定位卡片并跳转导航

• 聊天页-气泡背景设置

• 应用消息列表

• 选择相片页面自定义

• 侧边栏显示与隐藏

• 长图滑动的惯性滚动效果

14. 实用工具类行业实践示例

• 雷达扫描动画

• 方位角与夹角测量

• 测速仪表盘自定义

• 铃声设置

• 底部抽屉滑动效果

• 网页海报生成及分享

• 网络状态信息查询

• 导航栏背景变色

• 应用卡片添加至桌面

• 输入法应用沉浸模式

• 应用内悬浮工具球

• 应用内拉起应用市场评论页

• 自动跳转下一个填写项

• TaskPool文件查询

• 车架号扫描识别

• 扫描二维码连接WiFi

• 解压Zip文件

• 计算器

• NFC标签读写

• 快递地址图片识别

15. 购物比价类行业实践示例

• 优惠券卡包

• 手机摇一摇跳转红包页

• 每日任务积分获取

• 优惠券领取唯一性

• 下拉跳转客服页面

• 刮刮乐抽奖效果

• 抢购入口倒计时

• 商品长按标记

• 搜索及编辑搜索历史

• 商品页面刷新和展示

• 优惠券页面骨架屏效果

• 搜索历史展开与收起

16. 美食类行业实践示例

• 城市选择

• 商家地址路线导航

• 下拉刷新和上拉加载效果自定义

17. 拍摄美化类行业实践示例

• 图库照片滤镜添加

• 拍照比例自定义

• 图片拼接

• 视频录制

• 相机焦距缩放

• 图片抠图

• 图片压缩至不同质量

• 图片添加贴纸并保存

• 图片压缩到指定大小以下

• 图片人脸位置识别

18. 公共关键技术方案示例

• 应用缓存清除

• 应用功能引导页

• H5页面侧滑拦截

• 启动页个性化设计

• 系统设置及系统应用跳转

• 应用主题版本切换

• 主题颜色自定义

• 用户身份认证

• 图片上传并预览

• H5页面图片及文件上传

• TabBar背景模糊效果

• 静默登录

• 加载时间及次数统计展示

• 低功耗设备蓝牙扫描与连接

• 截屏事件监听及分享

• 文件下载管理

• 页面埋点监听

• H5页面接入扫一扫

• 卡片一镜到底动效

• 无障碍读屏

• 闪屏页广告接入

• 登录前主页模糊效果

• H5页面图片保存或链接复制

• 用户协议与隐私政策弹窗

• 自定义TabBar导航栏切换动画

• 双栏页面覆盖整个应用

• 折叠屏分栏模式适配

---

TOP10 热门示例推荐

1. 个人头像上传

本示例通过photoAccessHelper方法加载本地图片，使用ImageCrop方法裁剪图片成圆形，转换成base64格式并使用Preferences本地保存，再回到主页面展示。

2. 视频录制

本示例基于@ohos.multimedia.camera和AVRecorder实现视频的录制，并提供查看拍摄视频的能力。

3. 视频压缩处理

本示例利用videocompressor实现视频压缩功能，利用photoAccessHelper实现从相册（图库）中选取视频及压缩完成后视频保存至相册（图库）的功能。

4. 计算器

本示例实现了计算器的计算功能，包括加减乘除四个基本运算，小数计算、百分数计算以及清除结果功能，通过@Watch装饰器对计算结果进行监听。

5. 新建日程管理

本示例通过DateTimePicker组件实现日期和时间的同时展示与不循环滚动功能。

6. 导入本地音乐文件

本示例主要使用DocumentViewPicker加载公共目录的音乐文件，并读取歌手名、歌曲封面等信息进行展示。

7. 城市选择

本示例使用List组件实现多层级折叠列表以及点击账单展开收支明细的交互效果。

8. AI朗读

本示例利用TextReader实现文本的AI朗读、章节切换、进度拖动功能。

9. 证件照拍摄-蒙版效果

本示例利用Xcomponent实现相机页面的蒙版效果，拍摄身份证信息，也可通过修改蒙版效果拍摄银行卡、医保卡等证件照片。

10. 文件下载预览

本示例利用@ohos.request实现对文件的下载并保存至沙箱，然后通过Preview Kit实现对文档的加载预览。