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