# 鸿蒙场景化示例合集

**Repository Path**: califfordZhang/demo-index

## Basic Information

- **Project Name**: 鸿蒙场景化示例合集
- **Description**: 【鸿蒙 Harmony Next 示例 代码】所有仓库Demo集合，便于站内查询。
涵盖场景化UI、场景化系统接口、媒体&图形、Web、创新场景、生态规则、行业最佳实践、NDK、三方框架&三方库等类目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 20
- **Created**: 2025-01-16
- **Last Updated**: 2025-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 鸿蒙场景化示例合集

## 介绍
HarmonyOS NEXT场景化示例代码仓是一个基于场景化需求的代码仓，旨在为鸿蒙开发者提供贴近业务场景的代码实现方案。本代码仓涵盖了多种分类的场景化需求，如场景化UI、场景化系统接口、媒体&图形、Web、创新场景、生态规则、行业最佳实践、NDK、三方框架&三方库等类目，可以帮助开发者快速实现各种功能。每一个demo都是独立的工程，开发者克隆到本地即可一键启动，按需引入到业务代码中。

## 设计特点
- 开箱即用
- 贴近场景

## 分类索引 —— 点击跳转分类
<table>
    <tr>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E5%9C%BA%E6%99%AF%E5%8C%96ui"> 场景化UI </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E5%9C%BA%E6%99%AF%E5%8C%96%E7%B3%BB%E7%BB%9F%E6%8E%A5%E5%8F%A3"> 场景化系统接口 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E5%AA%92%E4%BD%93%E5%9B%BE%E5%BD%A2"> 媒体&图形 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#web"> Web </a> </td>
    </tr>
    <tr>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E5%88%9B%E6%96%B0%E5%9C%BA%E6%99%AF"> 创新场景 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E7%94%9F%E6%80%81%E8%A7%84%E5%88%99"> 生态规则 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E8%A1%8C%E4%B8%9A%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5"> 行业最佳实践 </a> </td>
        <td> </td>
    </tr>
    <tr>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#ndk"> NDK </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E4%B8%89%E6%96%B9%E6%A1%86%E6%9E%B6%E4%B8%89%E6%96%B9%E5%BA%93"> 三方框架&三方库 </a> </td>
        <td> <a href="https://gitee.com/scenario-samples/demo-index#%E5%85%B6%E4%BB%96"> 其他 </a> </td>
        <td> </td>
    </tr>
</table>





## 场景化UI

### [Dialog - 弹窗类场景](https://gitee.com/scenario-samples/HarmonyOSSamples/blob/master/Dialog/ReadMe.md)
本示例介绍以下五种常见的弹窗场景化案例。
- 应用启动时的隐私政策和用户协议弹窗
- 网络请求完成的结果提示弹窗
- 应用返回上一级页面的退出确认弹窗
- 个人信息填写的信息弹窗
- 应用使用过程中出现的付费类广告弹窗
<br><div align="center">
<img src=https://gitee.com/scenario-samples/HarmonyOSSamples/raw/master/Dialog/DialogDemo.gif height=400 />
</div>

### [Image - 图片操作类场景](https://gitee.com/scenario-samples/HarmonyOSSamples/blob/master/Image/README.md)
本实例主要展示了图片应用场景相关demo。主要包括了图片预览、图片编辑美化、场景变化前后对比、图片切割九宫格、两张图片拼接、AI抠图、图片加水印等场景示例。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/HarmonyOSSamples/raw/master/Image/screenshots/previewImage.gif width=200 height=400 />
</div>

### [微信支付示例](https://gitee.com/scenario-samples/wechat-pay-demo)
微信支付示例demo。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/wechat-pay-demo/raw/master/entry/src/main/resources/base/media/example.gif width=200 height=400 />
</div>

### [一多设置](https://gitee.com/scenario-samples/settings)
本示例展示了设置应用的典型页面，其在小窗口和大窗口有不同的显示效果，体现一次开发、多端部署的能力。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/settings/raw/master/screenshots/devices/img4.png width=400 height=200 />
</div>

### [一多应用市场首页](https://gitee.com/scenario-samples/app-market)
本示例展示了应用市场首页，页面中包括Tab栏、运营横幅、精品应用、精品游戏等。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/app-market/raw/master/screenshots/Devices/preview.png width=400 height=200 />
</div>

### [一多天气](https://gitee.com/scenario-samples/weather)
本示例展示一个天气应用界面，包括首页、城市管理、添加城市、更新时间弹窗，体现一次开发，多端部署的能力。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/weather/raw/master/screenshots/devices/zh/home.png width=400 height=200 />
</div>

### [一多分栏控件](https://gitee.com/scenario-samples/multi-columns)
本示例分别展示了多场景下，一多分栏控件的响应式变化效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/multi-columns/raw/master/screenshots/Devices/image3.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/multi-columns/raw/master/screenshots/Devices/image2.png width=200 height=200 />
<img src=https://gitee.com/scenario-samples/multi-columns/raw/master/screenshots/Devices/image1.png width=400 height=200 />
</div>

### [一多导航栏](https://gitee.com/scenario-samples/multi-nav-bar)
本示例展示了导航组件在不同设备形态下的样式。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/multi-nav-bar/raw/master/screenshots/Devices/image1.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/multi-nav-bar/raw/master/screenshots/Devices/image2.png width=200 height=200 />
<img src=https://gitee.com/scenario-samples/multi-nav-bar/raw/master/screenshots/Devices/image4.png width=400 height=200 />
</div>

### [弹性布局](https://gitee.com/scenario-samples/flex-layout)
基于Flex容器组件特性，实现弹性布局效果
<br><div align="center">
<img src=https://gitee.com/scenario-samples/flex-layout/raw/master/screenshots/device/flexLayout.gif width=200 height=400 />
</div>

### [调用元能力startAbility接口指定号码并跳转到发送短信页面](https://gitee.com/scenario-samples/jump-send-message)
从应用内跳转到短信发送界面，并且携带收件人和发送内容
<br><div align="center">
<img src=https://gitee.com/scenario-samples/jump-send-message/raw/master/Screenshots/SendMessage.jpg width=200 height=400 />
</div>

### [全局水印Demo](https://gitee.com/scenario-samples/water-mark-view)
使用组件默认属性overlay实现组件级水印效果
<br><div align="center">
<img src=https://gitee.com/scenario-samples/water-mark-view/raw/master/image.png width=200 height=400 />
</div>

### [应用之间分享和文件访问](https://gitee.com/scenario-samples/sandbox-share)
本示例主要展示了沙箱文件分享相关的功能，使用 @ohos.file.fileuri 、@ohos.file.fs、@ohos.ability.wantConstant、@ohos.application.Want 等接口，实现了获取文件uri、创建沙箱文件、提供want中操作want常数和解释Flags说、应用组件间的信息传递的功能。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/sandbox-share/raw/master/screenshots/device/index.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/sandbox-share/raw/master/screenshots/device/index.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/sandbox-share/raw/master/screenshots/device/index.png width=200 height=400 />
</div>

### [加载](https://gitee.com/scenario-samples/load-icon)
本示例主要简单构建页面加载 loading 布局。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/load-icon/raw/master/screenshots/img.png width=200 height=400 />
</div>

### [课程安排模板](https://gitee.com/scenario-samples/teacher)
本示例基于Tabs容器组件、Scroll组件、Grid组件实现了上课模块的排版、下半部分使用List组件实现了第一天、第二天的任务列表、班级群界面中使用List组件实现消息的通知。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/teacher/raw/master/image.gif width=200 height=400 />
</div>

### [应用导航设计](https://gitee.com/scenario-samples/navigation-router)
通过设计单独的路由模块和动态加载方法，解决一个Navigation组件下多har/hsp间路由跳转依赖耦合问题。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/navigation-router/raw/master/screenshots/device/demonstration.gif width=200 height=400 />
</div>

### [跳转三方/系统应用](https://gitee.com/scenario-samples/pull-other-app)
跳转短信、浏览器、设置、相机、拨号、应用市场等系统应用和已知bundlename、abilityname的三方应用。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/pull-other-app/raw/master/screenshots/PullOtherApp.gif width=200 height=400 />
</div>

### [使用canvas预览移动文字和图片水印](https://gitee.com/scenario-samples/move-watermark)
实现了一个预览水印保存图片的功能，其中有文字图片水印并且可移动。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/move-watermark/raw/master/Pictures%2FPreviewWatermark.gif width=200 height=400 />
</div>

### [图片计数&画笔](https://gitee.com/scenario-samples/image-count)
本项目基于Canvas组件进行图片计数、图片局部涂鸦遮盖、图片局部自动绘制圆圈路径功能实现
<br><div align="center">
<img src=https://gitee.com/scenario-samples/image-count/raw/master/image.PNG width=200 height=200 />
</div>

### [应用首次启动](https://gitee.com/scenario-samples/first-start-demo)
基于自定义弹框、首选项和页面路由实现一个模拟应用首次启动的案例
<br><div align="center">
<img src=https://gitee.com/scenario-samples/first-start-demo/raw/master/figures/custom_dialog.png width=200 height=400 />
</div>

### [全局水印](https://gitee.com/scenario-samples/water-mark-view)
使用组件默认属性overlay实现组件级水印效果
<br><div align="center">
<img src=https://gitee.com/scenario-samples/water-mark-view/raw/master/image.png width=200 height=400 />
</div>

### [待办列表](https://gitee.com/scenario-samples/to-do-list-arkts)
本篇将介绍如何使用ArkTS声明式语法和基础组件，实现简易待办列表。效果为点击某一事项，替换标签图片、虚化文字。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/to-do-list-arkts/raw/master/figures/zh-cn_image_0000001546095170.gif width=200 height=400 />
</div>

### [WaterFlow容器的使用](https://gitee.com/scenario-samples/waterflow-demo)
基于WaterFlow容器，实现瀑布流布局
<br><div align="center">
<img src=https://gitee.com/scenario-samples/waterflow-demo/raw/master/entry%2Fsrc%2Fmain%2Fresources%2Fbase%2Fmedia%2Fto-do_image.gif width=200 height=400 />
</div>

### [申请弹窗通知权限](https://gitee.com/scenario-samples/ma-la-song-bao-ming)
申请弹窗通知权限
<br><div align="center">
<img src=https://gitee.com/scenario-samples/ma-la-song-bao-ming/raw/master/screenshots/image.gif width=200 height=400 />
</div>

### [实现可滑动面板](https://gitee.com/scenario-samples/bind-sheet)
本案例展示了一个可滑动面板的体验，轻量的内容展示窗口，方便在不同尺寸中切换。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/bind-sheet/raw/master/screenshots/device/Screenshot_2024-12-02T164534.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/bind-sheet/raw/master/screenshots/device/Screenshot_2024-12-02T164538.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/bind-sheet/raw/master/screenshots/device/Screenshot_2024-12-02T164542.png width=200 height=400 />
</div>

### [监听设备网络状态](https://gitee.com/scenario-samples/net-status-listen)
监听设备网络状态
<br><div align="center">
<img src=https://gitee.com/scenario-samples/net-status-listen/raw/master/img.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/net-status-listen/raw/master/img.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/net-status-listen/raw/master/img.png width=200 height=400 />
</div>

### [Video刻度进度条组件](https://gitee.com/scenario-samples/video-progress-bar)
视频刻度进度条demo(video progress bar)。

### [聊天页面图片视频预览](https://gitee.com/scenario-samples/image-video-preview)
图片视频预览功能，基于组合手势实现双击缩放，双指缩放，拖动查看，下载过程。

### [Web相关场景Demo](https://gitee.com/scenario-samples/ark-web-demo)
本示例是一个Webview相关场景的示例，搭建了不同的页面向用户提供不同Webview使用的场景。 用于在应用程序中显示Web页面内容，为开发者提供页面加载、页面交互、页面调试等能力。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/ark-web-demo/raw/master/img.png width=200 height=400 />
</div>


### [安全验证滑块](https://gitee.com/scenario-samples/security-verification-slider)
实现一个安全验证，将滑块从左滑动到右的效果
<br><div align="center">
<img src=https://gitee.com/scenario-samples/security-verification-slider/raw/master/screenshots/image.png width=200 height=200 />
<img src=https://gitee.com/scenario-samples/security-verification-slider/raw/master/screenshots/image1.png width=200 height=200 />
<img src=https://gitee.com/scenario-samples/security-verification-slider/raw/master/screenshots/image2.png width=200 height=200 />
</div>

### [选择地区](https://gitee.com/scenario-samples/select-region)
根据地区名字开头的首字母，按开头字母展示地区，并可选择对应的地区。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/select-region/raw/master/entry%2Fsrc%2Fmain%2Fresources%2Fbase%2Fmedia%2Fselect_image.png width=200 height=400 />
</div>

### [相机、位置、运动权限的获取](https://gitee.com/scenario-samples/permission-request-tes)
一个应用需要获取3种不同的权限；每个权限需要用户确认后才开启，没有经过确认的权限不能执行成功。

### [微信图片九宫格demo](https://gitee.com/scenario-samples/weixin9gongge)
本示例基于Grid 网格容器实现图片展示，根据九宫格格式最多展示九张图片，可以点击查看详情等功能。

### [带引导页的webDemo](https://gitee.com/scenario-samples/web-demo)
使用ArkTS编写的带引导页的webDemo实现。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/web-demo/raw/master/screenshots/3-1.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/web-demo/raw/master/screenshots/3-2.png width=200 height=400 />
</div>

### [List组件的使用之商品列表](https://gitee.com/scenario-samples/list)
基于ArkTS，使用List组件，实现了商品列表的懒加载、下拉刷新与列表触底提示并回弹的效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/list/raw/master/screenshots/List_usage.gif width=200 height=400 />
</div>

### [Web组件抽奖案例](https://gitee.com/scenario-samples/web-network)
主要介绍了Web组件如何加载本地、云端的H5和Vue页面并与原生交互发起请求。

### [自定义TabBar页签案例](https://gitee.com/scenario-samples/custom-tab-bar)
TabBar在大部分的APP当中都能够使用到，不同的APP可能存在不一样的TabBar样式，Tab组件自带的TabBar属性对于部分效果无法满足，如页签中间显示一圈圆弧外轮廓等， 因此我们需要去自己定义一个TabBar页签来满足开发的需要。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/custom-tab-bar/raw/master/src/main/resources/base/media/custom_tabbar.gif width=600 height=100 />
</div>

### [图片滤镜](https://gitee.com/scenario-samples/image-filter)
本项目基于effectKit进行图片滤镜转换功能实现。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/sample-demo/raw/master/ImageFilter/image.png width=200 height=400 />
</div>

### [会议发布页](https://gitee.com/scenario-samples/conference-release)
使用ArkTS编写的会议发布页DEMO。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/conference-release/raw/master/Img.png width=200 height=400 />
</div>

### [List-时间轴（横轴）](https://gitee.com/scenario-samples/list-timeline)
List-时间轴（横轴）

### [swiper指示器导航点位于swiper下方](https://gitee.com/scenario-samples/indicator-below-swiper)
本示例介绍通过分割swiper区域，实现指示器导航点位于swiper下方的效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/indicator-below-swiper/raw/master/src/main/resources/base/media/indicator_below_swiper.gif width=400 height=200 />
</div>

### [多层嵌套类对象监听](https://gitee.com/scenario-samples/variable-watcher)
本示例介绍使用@Observed装饰器和@ObjectLink装饰器来实现多层嵌套类对象属性变化的监听。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/variable-watcher/raw/master/Screenshots/Screenshot_2024-12-03T114306.png width=200 height=400 />
</div>

### [基础组件Slider的使用](https://gitee.com/scenario-samples/slider-example)
使用Slider组件，实现了可调节风车大小和转速的动画效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/slider-example/raw/master/screenshots/device/slider.gif width=200 height=400 />
</div>

### [常用组件与布局](https://gitee.com/scenario-samples/ark-tscomponents)
HarmonyOS ArkUI提供了丰富多样的UI组件，您可以使用这些组件轻松地编写出更加丰富、漂亮的界面。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/ark-tscomponents/raw/master/screenshots/device/demo.gif width=200 height=400 />
</div>

### [中间突起Tab](https://gitee.com/scenario-samples/tab-bar)
本示例介绍中间凸起的底部导航实现。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/sample-demo/raw/master/TabBar/TabBar.gif width=200 height=400 />
</div>

### [图片添加贴纸](https://gitee.com/scenario-samples/image-move)
本示例介绍图片添加贴图的场景化案例。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/image-move/raw/master/demo_image.PNG width=200 height=400 />
</div>

### [tabs左对齐](https://gitee.com/scenario-samples/tabs-align-left)
示例实现Tabs的左对齐效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/tabs-align-left/raw/master/ScreenShot.png width=200 height=400 />
</div>

### [投票结果展示](https://gitee.com/scenario-samples/vote-result-display)
Progress-Linear(线性样式)-投票结果展示。

### [主动刷新卡片](https://gitee.com/scenario-samples/card-refresh-manual)
主动刷新卡片

### [tabs左对齐](https://gitee.com/scenario-samples/tabs-align-left)
示例实现Tabs的左对齐效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/tabs-align-left/raw/master/ScreenShot.png width=200 height=400 />
</div>

### [【image】【属性resizable】 【局部拉伸】demo](https://gitee.com/scenario-samples/image-resizable-demo)
【image】【属性resizable】 【局部拉伸】demo。

### [压缩解压缩以及语音识别](https://gitee.com/scenario-samples/search-page_-speech-recognizer)
本示例介绍语音识别即语音转文字功能的实现。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/search-page_-speech-recognizer/raw/master/%E8%AF%AD%E9%9F%B3%E8%AF%86%E5%88%AB.gif width=200 height=400 />
</div>

### [跳转到短信应用](https://gitee.com/scenario-samples/jump-send-message)
从应用内跳转到短信发送界面，并且携带收件人和发送内容。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/jump-send-message/raw/master/Screenshots/SendMessage.jpg width=200 height=400 />
</div>

### [tab页+子页](https://gitee.com/scenario-samples/harmony-os_-demo-yong-pai-dev)
子页与tab页互相联动，tab页为界面上方横条，子页变化引起tab页变化，tab页变化带动子页变化。

### [轮播图滑动时图片动效](https://gitee.com/scenario-samples/swiper-demo)
轮播图滑动时图片逐步变大，其他图片逐步变小。

### [导航列表](https://gitee.com/scenario-samples/navigation-list)
本示例介绍实现由icon+Title+Action组合而成的导航列表卡片的功能。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/navigation-list/raw/master/image.png width=200 height=400 />
</div>

### [视频添加水印](https://gitee.com/scenario-samples/watermark-for-video)
视频添加水印。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/navigation-list/raw/master/image.png width=200 height=400 />
</div>

### [组件间通信](https://gitee.com/scenario-samples/communication)
本Demo主要讲解组件间通信方式。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/communication/raw/master/screenshots%2F1-1.png width=200 height=400 />
</div>

### [计算器Demo](https://gitee.com/scenario-samples/calculator)
实现了计算器计算功能的demo。

### [单个页面设置隐私窗口](https://gitee.com/scenario-samples/privacy-entry-demo)
该Demo演示如何设置单个页面为隐私页面，解决在设置隐私后，所有页面都不能截图的问题。

### [关于页](https://gitee.com/scenario-samples/about-page-demo)
告知用户关于应用的一些基本信息，例如：官网、开发者联盟、微信公众号等。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/about-page-demo/raw/master/screenshots/image.png width=200 height=400 />
</div>

### [网络-新闻发布](https://gitee.com/scenario-samples/news-release)
基于网络管理和文件管理实现新闻发布和新闻加载刷新的功能。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/news-release/raw/master/screenshots/device/home_all.gif width=200 height=400 />
</div>

### [Swiper](https://gitee.com/scenario-samples/swiper)
这是一个卡片轮播效果demo。

### [阅读器翻页效果](https://gitee.com/scenario-samples/page-flip)
本示例基于显式动画、List组件、drawing接口实现了阅读器上下翻页、左右覆盖翻页、仿真翻页等效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/page-flip/raw/master/screenshots/device/page_flip.gif width=200 height=400 />
</div>

### [自定义日历实现日程页](https://gitee.com/scenario-samples/calendar-demo)
本示例实践通过原生组件实现日历页面。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/calendar-demo/raw/master/image.png width=200 height=400 />
</div>

### [联系人页面](https://gitee.com/scenario-samples/contact-page)
这是一个联系人列表demo，根据联系的姓名首字母进行排序，动态获取所有联系人的首字母，在页面右侧生成字母导航，支持快读定位到某字母行。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/contact-page/raw/master/entry/src/ohosTest/resources/base/media/img.png width=200 height=400 />
</div>

### [自定义日历实现日程页](https://gitee.com/scenario-samples/calendar-demo)
本示例实践通过原生组件实现日历页面。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/calendar-demo/raw/master/image.png width=200 height=400 />
</div>

### [个人中心Demo](https://gitee.com/scenario-samples/personal-center)
个人中心demo

### [隐私弹窗demo](https://gitee.com/scenario-samples/policy-and-privacy)
隐私弹窗demo
<br><div align="center">
<img src=https://gitee.com/scenario-samples/policy-and-privacy/raw/master/image.png width=200 height=400 />
</div>








## 场景化系统接口

### [File - 文件操作类场景](https://gitee.com/scenario-samples/HarmonyOSSamples/blob/master/File/README.md)
本demo按照文件上传、文件下载、文件预览、文件读取保存、文件压缩解压、文件拷贝6个分类进行场景化子demo构造展示，如文件上传展示中，模拟简易聊天场景，此时发送文件是个正常诉求，基于此场景完成相关元能力实现及展示。	
<br><div align="center">
<img src=https://gitee.com/scenario-samples/HarmonyOSSamples/raw/master/File/images/image.png width=200 height=200 />
</div>

### [应用大致框架代码](https://gitee.com/scenario-samples/framework-demo)
单hap + 本地har + hsp
hap跳转har、hsp页面
hap调用har、hsp方法、组件

### [应用异常处理案例](https://gitee.com/scenario-samples/application-exception)
介绍了通过应用事件打点hiAppEvent获取上一次应用异常信息的方法，主要分为应用崩溃、应用卡死以及系统查杀三种。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/application-exception/raw/master/entry/src/main/resources/base/media/application_exception.gif width=200 height=400 />
</div>

### [基于ImageKnife的图片处理](https://gitee.com/scenario-samples/image-knife)
基于OpenHarmony三方库 [ImageKnife] 进行场景开发使用：  支持不同类型的本地与网络图片展示。 支持磁拍照展示与图库照片选择展示。 支持进行图片变换: 支持图像像素源图片变换效果。

### [频道选择UI，长按拖动、关闭等动画效果的实现](https://gitee.com/scenario-samples/my-application-xin-lang)
点击右上角的编辑按钮后，可以拖动item，并修改其顺序。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/my-application-xin-lang/raw/master/image1.jpeg width=200 height=400 />
</div>

### [BT_BLE连接](https://gitee.com/scenario-samples/bluetooth-ble)
本示例展示了
BLE服务端的创建
服务端对客户端操作的响应和监听
BLE客户端的创建
客户端对特征值的读写。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/bluetooth-ble/raw/master/img.png width=200 height=400 />
</div>

### [基于关系型数据库的数据持久化](https://gitee.com/scenario-samples/data-management)
基于关系型数据库的数据持久化。

### [鸿蒙上的加解密demo](https://gitee.com/scenario-samples/crypto-demo)
加解密demo。

### [后台播放在线音频](https://gitee.com/scenario-samples/long-task)
本工程通过Background Tasks Kit实现应用退出后台后继续播放网络音频。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/long-task/raw/master/Pictures/LongTask.png width=200 height=400 />
</div>

### [国密SM4加解密demo](https://gitee.com/scenario-samples/sm4)
国密算法的加解密：包含了SM2、SM4的加解密示例。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/sm4/raw/master/image.png width=200 height=400 />
</div>

### [监听设备网络状态](https://gitee.com/scenario-samples/net-status-listen)
监听设备网络状态。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/net-status-listen/raw/master/img.png width=200 height=400 />
</div>

### [NFC读卡](https://gitee.com/scenario-samples/nfcread-tag)
使用系统提供的NFC能力，简单实现了应用前台读卡效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/nfcread-tag/raw/master/screenshots/NFCReadTag.png width=200 height=400 />
</div>


### [鸿蒙DLP API demo](https://gitee.com/scenario-samples/my-application_dlp-permission)
数据防泄漏服务（Data Loss Prevention，简称为DLP），是系统提供的系统级的数据防泄漏解决方案，提供文件权限管理、加密存储、授权访问等能力，数据所有者可以基于账号认证对机密文件进行权限配置，允许拥有只读、编辑、拥有者权限，随后机密文件会通过密文存储，在支持DLP机制的设备上可以通过端云协调进行认证授权，获取对数据的访问和修改的能力。

### [运动校园](https://gitee.com/scenario-samples/jsbridge-demo)
本工程实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/jsbridge-demo/raw/master/Screenshots/Screenshot_2024-11-19T111345.png width=200 height=400 />
</div>

### [网络-新闻发布](https://gitee.com/scenario-samples/news-release)
基于网络管理和文件管理实现新闻发布和新闻加载刷新的功能。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/news-release/raw/master/screenshots/device/home_all.gif width=200 height=400 />
</div>

### [HTTPS请求过程](https://gitee.com/scenario-samples/https-request)
基于网络模块，实现数据安全加密传输。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/https-request/raw/master/screenshots/device/https.gif width=200 height=400 />
</div>

### [获取当前地理位置和定位](https://gitee.com/scenario-samples/get-current-location)
通过位置服务获取当前地理位置及经纬度。

### [用户认证、指纹认证、锁屏密码认证](https://gitee.com/scenario-samples/user-auth-demo)
本示例介绍的是拉起设备的认证能力。比如拉起锁屏密码/指纹/人脸认证能力。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/user-auth-demo/raw/master/Screenshots/image2.png width=200 height=400 />
</div>

### [加解密-RSA-使用已有公私钥](https://gitee.com/scenario-samples/encrypt-message)
提供通用的RSA加解密Demo。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/encrypt-message/raw/master/Screenshots/encrypt%26decrypt.PNG width=600 height=200 />
</div>

### [AES加解密demo](https://gitee.com/scenario-samples/crypto-demo)
鸿蒙上的加解密demo。

### [加解密](https://gitee.com/scenario-samples/sm2)
本示例介绍的SM2加解密的实现方法。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/sm2/raw/master/image.png width=200 height=400 />
</div>

### [密钥安卓格式和鸿蒙格式的转换](https://gitee.com/scenario-samples/crypto-demo)
密钥安卓格式和鸿蒙格式的转换。

### [国密SM2加解密demo](https://gitee.com/scenario-samples/sm2)
本示例介绍的SM2加解密的实现方法。

### [Worker子线程中解压文件](https://gitee.com/scenario-samples/decompression-file)
本示例介绍在Worker 子线程使用@ohos.zlib 提供的zlib.decompressfile接口对沙箱目录中的压缩文件进行解压操作，解压成功后将解压路径返回主线程，获取解压文件列表。

### [设备认证管理](https://gitee.com/scenario-samples/my-application_-distributed-device-manager)
使用了鸿蒙ohos.distributedDeviceManager模块，实现设备间相互认证的能力。

### [大文件拷贝案例](https://gitee.com/scenario-samples/big-file-copy)
本例将展示如何使用buffer来将大文件的rawfile复制到应用沙箱。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/big-file-copy/raw/master/Screenshots/Screenshot_2024-12-02T172929.png width=200 height=400 />
</div>

### [数据库备份恢复](https://gitee.com/scenario-samples/database-demo)
数据库备份恢复。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/database-demo/raw/master/img_2.png width=200 height=400 />
<img src=https://gitee.com/scenario-samples/database-demo/raw/master/img_1.png width=200 height=400 />
</div>

### [应用内转跳到系统短信发送界面](https://gitee.com/scenario-samples/jump-send-message)
从应用内跳转到短信发送界面，并且携带收件人和发送内容。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/jump-send-message/raw/master/Screenshots/SendMessage.jpg width=200 height=400 />
</div>

### [日历开放能力-一键查看](https://gitee.com/scenario-samples/course-reminder-app-demo)
集成日历kit将选课提醒加入日程，使用日历一键查看能力拉起目标页面。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/course-reminder-app-demo/raw/master/img1.PNG width=200 height=400 />
<img src=https://gitee.com/scenario-samples/course-reminder-app-demo/raw/master/img3.PNG width=200 height=400 />
</div>











## 媒体&图形

### [自定义相机](https://gitee.com/scenario-samples/camera)
自定义相机拍照+图库文件选择/保存。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/camera/raw/master/image.png width=400 height=200 />
</div>

### [录制视频demo](https://gitee.com/scenario-samples/camera-kit-avrecorder)
实现了使用手机摄像头进行视频录制、预览的功能。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/camera-kit-avrecorder/raw/master/Screenshots/%E8%A7%86%E9%A2%91%E5%BD%95%E5%88%B6.PNG width=400 height=200 />
</div>

### [YUV数据渲染](https://gitee.com/scenario-samples/yuv-demo)
OpenGLES渲染yuv数据。

### [音视频录制demo](https://gitee.com/scenario-samples/avrecorder-demo)
使用AVRecorder实现音视频录制。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/avrecorder-demo/raw/master/image2.png width=400 height=200 />
</div>

### [短视频播放demo](https://gitee.com/scenario-samples/short-avplayer-demo)
使用Swiper+AVPlayer实现短视频播放。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/short-avplayer-demo/raw/master/image.png width=400 height=200 />
</div>

### [相机图片放大](https://gitee.com/scenario-samples/scale-image)
实现了图片转成pixelmap格式并移动和放大缩小

### [相册选择图片压缩并转成Base64格式](https://gitee.com/scenario-samples/select-and-compress-pictures)
从相册中批量选择图片并通过imagePackerApi进行压缩，压缩后转成base64格式，可用于arkui或则H5中进行图片展示。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/select-and-compress-pictures/raw/master/image%2F3.gif width=200 height=400 />
</div>

### [音视频播放demo](https://gitee.com/scenario-samples/avplayer-demo)
使用AVPlayer实现音视频播放。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/avplayer-demo/raw/master/image.png width=200 height=200 />
</div>

### [图像分类](https://gitee.com/scenario-samples/hi-aifoundationkit-codelab-clientdemo-cpp)
本示例展示了使用HiAI Foundation API提供的模型推理能力。 本示例展示了对图片中的物体进行分类识别的能力展示。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/hi-aifoundationkit-codelab-clientdemo-cpp/raw/master/screenshots/launch.jpg width=200 height=400 />
<img src=https://gitee.com/scenario-samples/hi-aifoundationkit-codelab-clientdemo-cpp/raw/master/screenshots/guitar.jpg width=200 height=400 />
<img src=https://gitee.com/scenario-samples/hi-aifoundationkit-codelab-clientdemo-cpp/raw/master/screenshots/next.jpg width=200 height=400 />
</div>









## Web	

### [Web - 网页交互类场景](https://gitee.com/scenario-samples/HarmonyOSSamples/blob/master/Web/README.md)
本示例共介绍了五种Web相关的使用场景。为开发者提供了Web页面请求拦截加载、PDF预览以及下载、Web页面与应用侧交互等功能，方便开发者开发类似场景。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/HarmonyOSSamples/raw/master/Web/entry/src/main/resources/rawfile/webDemos.gif width=200 height=400 />
</div>

### [Web组件预览PDF文件](https://gitee.com/scenario-samples/loading-pdf-excel-word)
本示例通过Web组件实现文件预览，支持pdf, docx, xlsx格式

### [Web组件调用相机拍照](https://gitee.com/scenario-samples/webdemos)
web拍照与录音

### [web预览pdfexcelword](https://gitee.com/scenario-samples/loading-pdf-excel-word)
本示例通过Web组件实现文件预览，支持pdf, docx, xlsx格式

### [Web自定义长按菜单案例](https://gitee.com/scenario-samples/web-custom-menu)
本示例介绍了给Webview页面中可点击元素（超链接/图片）绑定长按/鼠标右击时的自定义菜单的方案。

### [Web显示缩放](https://gitee.com/scenario-samples/web-adaptation)
Web显示缩放

### [Web页面长截图](https://gitee.com/scenario-samples/webpage-snapshot)
实现了Web组件网页长截图、网页打印和可滚动组件的长截图方案

### [Web组件文件上传](https://gitee.com/scenario-samples/upload-in-web)
Web组件文件上传
<br><div align="center">
<img src=https://gitee.com/scenario-samples/upload-in-web/raw/master/Screenshots/Screenshot_2024-12-02T182026.png width=200 height=400 />
</div>








## 创新场景


### [服务卡片](https://gitee.com/scenario-samples/adaptive-service-widget)
示例展示Js工程中服务卡片的布局和使用，其中卡片内容显示使用了一次开发，多端部署的能力实现多设备自适应。

### [流畅动效-一镜到底](https://gitee.com/scenario-samples/transitions-collection)
示例基于基础组件、通用属性、显式动效，实现多模态页面转场动效以及多种常见一镜到底转场动效。

### [统一链接跳转](https://gitee.com/scenario-samples/sample-demo/blob/master/AppLinking/AppLinkingSource/README.md)
使用App Linking进行跳转时，系统会根据接口传入的uri信息（HTTPS链接）将用户引导至目标应用中的特定内容，无论应用是否已安装，用户都可以访问到链接对应的内容，整个跳转体验相比Deep Linking方式更加顺畅。

### [统一文件下载](https://gitee.com/scenario-samples/download-file-demo/blob/master/README.md)
统一文件下载Demo 使用了DownloadFileButton和DocumentViewPicker, 提供文件保存

### [密码保险箱特性](https://gitee.com/scenario-samples/download-file-demo)
密码保险箱作为HarmonyOS系统原生安全功能，为用户提供了便捷的免密登录体验。 用户在应用或浏览器进行注册/登录操作时，可一键完成自动生成强密码、自动保存、自动填充，无需记住或手动输入繁琐的密码，由系统实现统一的安全管理密码能力。

### [地图路径规划与定位](https://gitee.com/scenario-samples/mapslocations)
实现地图与定位功能。

### [Asset敏感资产存储](https://gitee.com/scenario-samples/asset_prequery)
基于Asset下的高安全级别数据存储。

### [拍照一致性](https://gitee.com/scenario-samples/camera-demo)
相机数据采集保存，示例主要展示了相机的相关功能 接口实现相机的预览拍照功能。

### [TaskPool任务池](https://gitee.com/scenario-samples/multi-thread-demo)
TaskPool和Worker均支持多线程并发能力。由于TaskPool的工作线程会绑定系统的调度优先级，并且支持负载均衡（自动扩缩容），而Worker需要开发者自行创建，存在创建耗时以及不支持设置调度优先级，故在性能方面使用TaskPool会优于Worker，因此大多数场景推荐使用TaskPool。

### [AI模型的图片分类能力](https://gitee.com/scenario-samples/hiaifoundationkit-clientdemo-cpp)
本示例展示了使用HiAI Foundation API提供的模型推理能力。
本示例展示了对图片中的物体进行分类识别的能力展示。

### [DeviceVerify匿名设备查询服务](https://gitee.com/scenario-samples/device-security-kit_-codelab_-clientdemo_-ark-ts)
本示例向您介绍如何在应用中获取DeviceToken用于对应用的设备状态进行检测。

### [穿戴设备交互能力](https://gitee.com/scenario-samples/wear-engine-codelab)
本实例展示了使用华为穿戴服务获取已连接穿戴设备，与穿戴设备侧应用交互的能力。

### [文本语义识别](https://gitee.com/scenario-samples/natural-language-kit-codelabs-client-demo-ark-ts)
本示例展示了基于自然语言处理服务的分词、实体抽取功能。

### [LTPO可变帧率](https://gitee.com/scenario-samples/display-sync)
本示例通过DisplaySync分级管控功能对自绘制、属性动画、XComponent的绘制内容设置开发者所期望的帧率。

### [AI算力开放](https://gitee.com/scenario-samples/vulkan-vsr-sample)
hiai foundation kit 部件示例 Sample，基于 API11 构建，提供视频超分功能。

### [智慧多窗-画中画](https://gitee.com/scenario-samples/window-pip)
本示例通过@kit.ArkUI、@kit.MediaKit等接口，实现了视频播放、手动和自动拉起画中画、画中画窗口控制视频播放和暂停等功能。

### [VOIP一键接听](https://gitee.com/scenario-samples/voipcall)
本示例主要展示了Call Kit（通话服务）相关的功能 使用Call Kit、Push Kit、Image Kit等接口，实现了订阅'voipCallUiEvent'事件、上报音视频来电、上报通话状态变化等功能。

### [AR空间计算](https://gitee.com/scenario-samples/arengine-codelab-ar-sample)
本示例展示了AREngine提供的平面检测，运动跟踪，环境跟踪和命中检测能力。

### [场景化组件](https://gitee.com/scenario-samples/scenario-fusion-kit-code-lab_-btn)
本示例展示了使用华为融合场景服务提供的场景化Button，主要用于获取快速验证手机号Button、地图选点Button、选择头像Button、打开授权设置页Button、打开APP Button、选择收货地址Button、选择发票抬头Button的能力。

### [折叠屏扫描二维码方案](https://gitee.com/scenario-samples/custom-scan)
本示例介绍使用自定义界面扫码能力在折叠屏设备中实现折叠态切换适配。

### [像素转换](https://gitee.com/scenario-samples/pixel-conversion)
基于像素单位，展示了像素单位的基本知识与像素转换API的使用。

### [文本转语音](https://gitee.com/scenario-samples/core-speech-kit-demo/tree/master/CoreSpeechKit-KitTTSDemo)
本示例展示了使用基础语音服务提供的文本转语音能力。
本示例展示了对一段文本，进行语音合成及播报的能力。
需要使用文本转语音接口@hms.ai.textToSpeech.d.ts.

### [语音识别](https://gitee.com/scenario-samples/core-speech-kit-demo/tree/master/CoreSpeechKit-KitASRDemo)
本示例展示了使用基础语音服务提供的语音识别能力。
本示例展示了对一段音频流转换成文字的能力展示。
需要使用语音识别接口@hms.ai.speechRecognizer.d.ts.

### [统一文件预览](https://gitee.com/scenario-samples/preview-demo)
本示例展示了使用文件预览服提供的接入预览功能 
需要使用文件预览服务接口@kit.PreviewKit

### [手机车机导航流转](https://gitee.com/scenario-samples/car-kit-demo)
本示例展示了导航信息服务和出行分布式引擎服务的接口用法
这些接口需要导入'@kit.CarKit'。

### [统一扫码服务](https://gitee.com/scenario-samples/scan-kit_-clientdemo)
Scan Kit（统一扫码服务）是HarmonyOS SDK的基础能力，提供了“扫码直达”服务、码图生成、默认界面扫码、自定义界面扫码、图像识码的功能。

### [人脸活体检测](https://gitee.com/scenario-samples/vision-kit-demo/tree/master/Visionkit-InteractiveLivenessDemo)
本示例展示了使用视觉类AI能力中的人脸活体检测能力。
本示例模拟了在应用里，跳转人脸活体检测控件，获取到检测结果并展示出来。
需要使用人脸活体检测接口@hms.ai.interactiveLiveness.d.ts。

### [卡证识别](https://gitee.com/scenario-samples/vision-kit-demo/tree/master/Visionkit-CardRecognitionDemo)
本示例展示了使用视觉类AI能力中的卡证识别能力。
本示例模拟了在应用里，跳转卡证识别控件，获取到验证结果并展示出来。
需要使用卡证识别验证接口@hms.ai.CardRecognition.d.ets。

### [文档扫描](https://gitee.com/scenario-samples/vision-kit-demo/tree/master/Visionkit-DocumentScanDemo)
本示例展示了使用视觉类AI能力中的文档扫描能力。
本示例模拟了在应用里，跳转文档扫描控件，获取到扫描结果并展示出来。
需要使用文档扫描验证接口@hms.ai.DocumentScanner.d.ets。

### [AR世界交互](https://gitee.com/scenario-samples/arengine-ar-sample/tree/master)
本示例展示了AREngine提供的平面检测，运动跟踪，环境跟踪和命中检测能力。

### [实况窗-即时配送](https://gitee.com/scenario-samples/live-view-kit_-clientdemo)
“Live View Kit-即时配送”基于HarmonyOS实现了即时配送场景下实况窗的创建、更新和结束功能。
即时配送提供了待支付、待商家接单、待骑手接单、骑手已接单、骑手已到店、商品配送中、商品放入取餐柜和商品已送达，共8个状态。

### [预加载服务](https://gitee.com/scenario-samples/preload)
本示例展示了HarmonyOS应用/元服务使用预加载服务的方法。
需要使用@kit.CloudFundationKit。

### [跨设备互通](https://gitee.com/scenario-samples/service-collaboration-kit-demo)
本示例展示了使用分布式协同框架提供的跨设备互通的能力。
本示例模拟了在备忘录的应用里，唤起另一个设备的拍照应用，并将拍照的结果传回给备忘录。
同时您也可以使用跨设备互通中的文档扫描和图库能力，实现跨端操作。
需要使用协同框架跨设备互通接口@kit.ServiceCollaborationKit。

### [手写体验](https://gitee.com/scenario-samples/pen-kit-demo)
手写笔服务（Pen Kit）是华为提供的一套手写套件，提供笔刷效果、笔迹编辑、报点预测和一笔成形功能，为开发者提供丰富而便捷的手写能力，
开发者可以轻松集成实现手写功能，享受优质的手写体验，创造更多的手写应用场景 本示例展示了如何接入PenKit提供的能力。
	





## 生态规则








## 行业最佳实践	

### [服务端证书校验](https://gitee.com/scenario-samples/socket-tls)
该示例是一个连接网络的Demo,通过 socket 获取远端证书，在网络通信中，利用套接字（socket）技术来获取与之建立连接的远端服务器的数字证书。

### [餐饮美食Demo](https://gitee.com/scenario-samples/food)
餐饮美食Demo，包含外卖、店铺地图展示、店铺选择、商品列表，下单；扫码选择店铺。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/food/raw/master/fooddemo.gif width=200 height=400 />
</div>

### [招聘求职类](https://gitee.com/scenario-samples/job)
鸿蒙生态招聘类元服务demo
<br><div align="center">
<img src=https://gitee.com/scenario-samples/job/raw/master/Screenshots/hot.gif width=200 height=400 />
</div>

### [时钟demo](https://gitee.com/scenario-samples/world-clock)
通过app.json5中bundleName里的城市名称，匹配对应城市时区，并把对应时间显示在界面
<br><div align="center">
<img src=https://gitee.com/scenario-samples/world-clock/raw/master/Pictures%2F1.jpeg width=200 height=400 />
</div>

### [消息页、服务切换UI Demo](https://gitee.com/scenario-samples/msg-uidemo)
消息页、服务切换UI Demo
<br><div align="center">
<img src=https://gitee.com/scenario-samples/msg-uidemo/raw/master/image.png width=200 height=200 />
</div>

### [手机银行示例](https://gitee.com/scenario-samples/bankdemo)
手机银行类应用示例，实现了TAB页面的基本布局、动效等。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/bankdemo/raw/master/Screenshots/home.png width=200 height=400 />
</div>

### [通用模版Demo](https://gitee.com/scenario-samples/generic-template-demo)
对标金融类产品，以此开发的行业通用Demo，实现基础的注册、登录、Web嵌入，一二级页面布局参考等，工程以feature方式进行模块化设计。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/generic-template-demo/raw/master/img.png width=200 height=400 />
</div>

### [教师教育应用Demo](https://gitee.com/scenario-samples/teacher)
教师教育应用demo
<br><div align="center">
<img src=https://gitee.com/scenario-samples/teacher/raw/master/image.gif width=200 height=400 />
</div>

### [旅游Demo](https://gitee.com/scenario-samples/traveldemo)
地图展示 用户社区评论页demo

### [书籍类应用demo](https://gitee.com/scenario-samples/book)
书籍阅读类应用demo

### [会议demo](https://gitee.com/scenario-samples/szmeeting)
会议类demo

### [蓝牙应用Demo](https://gitee.com/scenario-samples/blue-tooth)
涉及蓝牙BLE连接 体重、趋势图、柱状图、指标组件 传感器计步能力。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/blue-tooth/raw/master/img.png width=400 height=200 />
</div>

### [预约、视频通话类demo](https://gitee.com/scenario-samples/meet)
预约、视频通话类demo

### [应用消息列表页demo](https://gitee.com/scenario-samples/message-list)
应用消息列表页UI示例Demo
<br><div align="center">
<img src=https://gitee.com/scenario-samples/message-list/raw/master/image.png width=400 height=200 />
</div>

### [卡类应用demo](https://gitee.com/scenario-samples/card-demo)
实现了卡应用的基本框架，包括： 1、登录/首页 2、二维码 3、商城 4、我的/设置 等常见tab页的一级页面，方便同类型应用快速启动开发。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/card-demo/raw/master/Pictures/HangZhouShiMingKa.gif width=200 height=400 />
</div>

### [聊天UI框架](https://gitee.com/scenario-samples/chat-ui)
本案例展示ChatUI ，是一个ArkTS编写的HarmonyOS原生聊天UI框架，提供了开箱即用的聊天对话组件。

### [教育APP示例](https://gitee.com/scenario-samples/score)
构建了一个教育demo，包括我的、提分、首页。







## NDK	

### [录屏](https://gitee.com/scenario-samples/avscreen-capture-demo)
使用C侧AVScreenCapture模块API完成视频录制到沙箱目录
<br><div align="center">
<img src=https://gitee.com/scenario-samples/avscreen-capture-demo/raw/master/image.png width=300 height=400 />
<img src=https://gitee.com/scenario-samples/avscreen-capture-demo/raw/master/image.png width=300 height=400 />
</div>

### [openGL渲染](https://gitee.com/scenario-samples/gimbal-pro_-open-gl)
相机流OpenGL后处理后通过Xcomponent送显

### [JSVM demo](https://gitee.com/scenario-samples/jsvm)
通过JSVM，可以在应用运行期间直接执行一段动态加载的JS代码。






## 三方框架&三方库	


### [Flutter闪屏页Demo](https://gitee.com/scenario-samples/splashscreen)
在Flutter工程中设置闪屏页

### [Flutter嵌入原生地图](https://gitee.com/scenario-samples/nativemap/blob/master/README.md)

### [uni-app通过uts插件显示花瓣地图](https://gitee.com/scenario-samples/petal-maps)
uniapp通过uts插件拉起华为花瓣地图。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/petal-maps/raw/master/IMG1.PNG width=200 height=400 />
</div>

### [边缓存边播放案例](https://gitee.com/scenario-samples/videocache)
OhosVideoCache是一个支持边播放边缓存的库，只需要将音视频的url传递给OhosVideoCache处理之后再设置给播放器， OhosVideoCache就可以一边下载音视频数据并保存在本地，一边读取本地缓存返回给播放器，使用者无需进行其他操作。

### [视频弹幕功能案例](https://gitee.com/scenario-samples/danmakuplayer)
本示例介绍如何使用@ohos.danmakuflamemaster和@ohos.gsyvideoplayer开发支持视频弹幕的播放器。可以自定义弹幕样式、占据屏幕宽度，发送弹幕，开关弹幕视图。

### [阿里OSS客户端上传demo](https://gitee.com/scenario-samples/ali-ossdemo)
阿里OSS客户端上传demo

### [基于声网SDK的简易直播](https://gitee.com/scenario-samples/rtc-live-demo)
基于声网SDK实现的简易直播Demo。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/rtc-live-demo/raw/master/screenshots/RtcLiveDemo.gif width=200 height=400 />
</div>

### [二楼组件](https://gitee.com/scenario-samples/secondfloor-master)
SecondFloor是一款OpenHarmony环境下可用的二楼组件。 方便全屏下实现下拉二楼效果。
<br><div align="center">
<img src=https://gitee.com/scenario-samples/secondfloor-master/raw/master/floor.gif width=200 height=400 />
</div>





## 其他