
助力18大行业应用开发,鸿蒙场景化示例代码上新(20250902更新) 原创
为帮助开发者高效掌握鸿蒙生态下的全场景跨端开发能力,我们系统化构建了一系列基于ArkTS与Stage模型的行业场景示例,融合分层架构与模块化服务设计理念,端到端覆盖从UX设计、代码开发、动态测试到应用上架的完整流程。
这些示例工程清晰展示了分层解耦架构与模块化开发方案,集成高性能UI渲染、WEB、系统能力、媒体图形、应用服务、应用框架、多设备协同等核心技术,有效应对复杂业务场景挑战,助力开发者构建低时延、高可用的鸿蒙原生应用,全面提升终端用户体验。
现诚邀您接入首个行业示例,开启一段高效、专业的鸿蒙生态开发之旅,共同探索Harmony OS的无限可能。
TOP20 热门行业示例推荐
1. 理财保险行业
证券行情走势分时线与日K线
本示例基于Canvas组件绘制了分时图与日K图,实现了分时线与日K线的动态刷新,以及日K线的放大、缩小、左移与右移,也适用于周K线、月K线等相关场景。
贷款计算器
本示例基于List、TextPicker和NavDestination实现贷款计算器,通过输入贷款金额、期限、年利率和还款方式自动计算月供金额,并分期展示月供总额、月供本金和月供利息。
2. 实用工具行业
应用内悬浮工具球
本示例通过设置应用子窗口实现应用内悬浮工具球效果,支持在悬浮工具球中自定义快捷操作。
组件拖拽移动及放大缩小
本示例通过组合手势实现组件跟手拖拽移动效果,通过修改Grid的属性实现组件的放大缩小效果。
3. 新闻阅读行业
Base64格式图片保存
本示例利用安全控件、Base64Helper实现保存Base64格式图片到系统相册的功能。
阅读翻页方式调节
本示例通过Swiper、List、Reader Kit分别实现了左右翻页、上下翻页、仿真翻页三种翻页方式。
4. 便捷生活行业
日历周视图、月视图切换
本示例基于Swiper组件和PanGesture实现日历在周、月以及详情视图间切换的功能。
待办事项便贴
本示例基于animateTo、List组件、手势事件实现了待办事项列表拖动、插入效果。
5. 社交通讯行业
个人头像上传
本示例通过使用ImageCrop方法裁剪图片并使用Preferences本地保存,再回到主页面展示。
聊天页-语音输入文字
本示例基于speechRecognizer实现语音输入文字功能及文本和图片混合发送的效果。
6. 教育行业
双向滚动课程表
本示例基于List组件和Scroll组件实现课程表横向和纵向滚动的功能。
堆叠式单词卡片
本示例基于Stack组件、PanGesture和animateTo实现堆叠式单词卡片的滚动效果及删除功能。
7. 影音娱乐行业
悬浮窗效果
本示例基于子窗口实现应用内悬浮窗,通过Window实现悬浮窗样式切换、拖动、贴边效果。
视频播放列表
本示例基于AVPlayer组件实现视频播放列表,通过监听列表滑动,实现视频列表自动播放的效果。
8. 综合办公行业
水印相机
本示例利用@ohos.multimedia.camera实现自定义相机,并通过位置服务获取地理位置信息,将其作为水印添加到图片后保存。
文件下载预览
本示例利用@ohos.request实现对文件的下载并保存至沙箱,然后通过Preview Kit实现对文档的加载预览。
9. 购物比价行业
首页下拉进入二楼
本示例基于触摸事件和animateTo实现向下滑动首页进入二楼页面的功能。
商品页面刷新和展示
本示例基于Refresh、Scroll组件实现商品展示页面设计,支持页面刷新。
10.汽车行业
底部弹窗固定显示
本示例基于WindowStage实现页面底部固定窗口。
仪表盘自定义
本示例基于Canvas实现仪表盘样式自定义。
TOP10 公共关键技术示例推荐
H5页面图片及文件上传
本示例使用Web组件拉起系统选择器,由用户在选择器上选择对应的文件、照片等资源,使Web页面获取到选择器的返回结果。
用户协议与隐私政策弹窗
本示例基于半模态转场实现了用户协议与隐私政策的确认弹窗,基于全屏模态转场实现了协议与政策的详情页面。
应用缓存清除
本示例基于@ohos.file.fs实现缓存清理。
主题颜色自定义
本示例基于主题换肤和WithTheme组件实现自定义主题颜色并切换的功能。
应用内语言切换
本示例基于国际化-I18n实现应用内语言切换,使应用内语言设置不受系统语言设置的影响。
低功耗设备蓝牙扫描与连接
本示例基于蓝牙access模块和蓝牙ble模块,实现低功耗设备蓝牙的扫描与连接功能。
自定义TabBar导航栏切换动画
本示例通过animateTo,构建自定义TabBar,实现Tab页签下划线随Tab切换平移效果。
截屏事件监听及分享
本示例基于@ohos.window,实现监听系统截屏事件的功能,并支持截图保存到相册和分享。
图片上传并预览
本示例通过Web组件拉起PhotoViewPicker实现上传图片并预览的功能。
启动页个性化设计
本示例基于Swiper组件实现启动页个性化设计,以及最后一页点击“立即启动”跳转至首页的功能。
