# SampleDemo

**Repository Path**: saigequn/sample-demo

## Basic Information

- **Project Name**: SampleDemo
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-16
- **Last Updated**: 2024-12-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HarmonyOSSamples

## 介绍
HarmonyOS NEXT场景化示例代码仓是一个基于场景化需求的代码仓，旨在为鸿蒙开发者提供贴近业务场景的代码实现方案。本代码仓涵盖了各种常见的场景化需求，如图片处理、文件操作、弹窗场景、网页交互场景等，可以帮助开发者快速实现各种功能。每一个demo都是独立的工程，开发者克隆到本地即可一键启动，按需引入到业务代码中。

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

## 代码库索引
### AVScreenCaptureDemo - 手机录屏

[AVScreenCaptureDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/AVScreenCaptureDemo)

使用C侧AVScreenCapture模块API完成视频录制到沙箱目录

### AliOSSDemo - API访问阿里云OSS场景

[AliOSSDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/AliOSSDemo)

以创建一个预签名URL，分享给其他用户上传数据为例，演示如何在URL包含V4签名，访问阿里云OSS的场景demo。

### AnimatedScene - 设备状态管理场景、自定义半屏弹窗选项、页面切换动画

[AnimatedScene](https://gitee.com/scenario-samples/sample-demo/tree/master/AnimatedScene)

该Demo实现了设备状态管理场景、自定义半屏弹窗选项、页面切换动画三个效果

### AppLinking - 使用App Linking实现应用间跳转

[AppLinking](https://gitee.com/scenario-samples/sample-demo/tree/master/AppLinking)

使用App Linking实现应用间跳转

### BluetoothBLE - BT_BLE连接

[BluetoothBLE](https://gitee.com/scenario-samples/sample-demo/tree/master/BluetoothBLE)

- BLE服务端的创建
- 服务端对客户端操作的响应和监听
- BLE客户端的创建
- 客户端对特征值的读写

### Calculator - 计算器demo

[Calculator](https://gitee.com/scenario-samples/sample-demo/tree/master/Calculator)

实现了计算器计算功能的demo

### CalendarDemo - 自定义日历实现日程页

[CalendarDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/CalendarDemo)

本示例实践通过原生组件实现日历页面

### Camera - 自定义相机拍照+图库文件选择/保存

[Camera](https://gitee.com/scenario-samples/sample-demo/tree/master/Camera)

- 使用@kit.CameraKit实现自定义相机拍照、双路预览功能
- 使用@kit.MediaLibraryKit、@kit.ImageKit、@kit.CoreFileKit、安全保存控件SaveButton实现图片保存到系统图库
- 使用@kit.MediaLibraryKit实现图库图片/视频选择
- 使用@kit.CoreFileKit实现保存文件到文件管理器中

### CardRefreshManual

[CardRefreshManual](https://gitee.com/scenario-samples/sample-demo/tree/master/CardRefreshManual)

### DaCanLinBaiKe - 应用消息列表页demo

[DaCanLinBaiKe](https://gitee.com/scenario-samples/sample-demo/tree/master/DaCanLinBaiKe)

应用消息列表页UI示例Demo

### PDFpreview - Web组件预览PDF文件

[PDFpreview](https://gitee.com/scenario-samples/sample-demo/tree/master/DaShenLin)

本示例通过Web组件实现文件预览，支持pdf, docx, xlsx格式

### EnAndDeCrypt - 本示例介绍的SM2、SM4加解密的实现方法

[EnAndDeCrypt](https://gitee.com/scenario-samples/sample-demo/tree/master/EnAndDeCrypt)

本示例介绍的SM2、SM4加解密的实现方法

### EncryptMessage - 加解密-RSA-使用已有公私钥

[EncryptMessage](https://gitee.com/scenario-samples/sample-demo/tree/master/EncryptMessage)

提供通用的RSA加解密Demo

### GuestDemo - 访客邀请demo

[GuestDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/GuestDemo)

### HangYunEJia - 多级表选择多级过滤demo

[HangYunEJia](https://gitee.com/scenario-samples/sample-demo/tree/master/HangYunEJia)

示例代码提供了多级表选择以及多级过滤的组件demo

### ImageCountDemo - Canvas实现竹签计数场景demo

[ImageCountDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/ImageCount)

本项目基于Canvas组件进行图片计数、图片局部涂鸦遮盖、图片局部自动绘制圆圈路径功能实现

### ImageFilter - 图片滤镜demo

[ImageFilter](https://gitee.com/scenario-samples/sample-demo/tree/master/ImageFilter)

本项目基于effectKit进行图片滤镜转换功能实现：
- 支持图片增加色彩滤镜、灰度滤镜以及高亮滤镜（更多效果实现参考文档https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-effectkit-V5）。
- 支持一键重置图片（恢复至未加滤镜的原始图片）以及保存图片功能

### ImageMove - 图片添加贴纸

[ImageMove](https://gitee.com/scenario-samples/sample-demo/tree/master/ImageMove)

本示例介绍图片添加贴图的场景化案例。

### JSBridgeDemo - JSBridge示例

[JSBridgeDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/JSBridgeDemo)

本工程实现了简单的JSBridge，使H5和原生两侧可以互相调用对方的方法。

### JumpSendMessage - 应用内转跳到系统短信发送界面

[JumpSendMessage](https://gitee.com/scenario-samples/sample-demo/tree/master/JumpSendMessage)

从应用内跳转到短信发送界面，并且携带收件人和发送内容

### LoadingPdfExcelWord - Web组件预览PDF文件

[LoadingPdfExcelWord](https://gitee.com/scenario-samples/sample-demo/tree/master/LoadingPdfExcelWord)

本示例通过Web组件实现文件预览，支持pdf, docx, xlsx格式

### GetCurrentLocation - 获取当前地理位置

[GetCurrentLocation](https://gitee.com/scenario-samples/sample-demo/tree/master/Location/GetCurrentLocation)

通过位置服务获取当前地理位置及经纬度

### LongTask - Background Tasks Kit后台播放

[LongTask](https://gitee.com/scenario-samples/sample-demo/tree/master/LongTask)

本工程通过Background Tasks Kit实现应用退出后台后继续播放网络音频

### MetroNew

[MetroNew](https://gitee.com/scenario-samples/sample-demo/tree/master/MetroNew)

### MoveWatermark - 预览水印保存图片（ArkTS）

[MoveWatermark](https://gitee.com/scenario-samples/sample-demo/tree/master/MoveWatermark)

利用ArkTS声明式开发范式实现了一个预览水印保存图片的功能，其中有文字图片水印并且可移动。

### MsgUIDemo - 消息页、服务切换UI Demo

[MsgUIDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/MsgUIDemo)

消息页、服务切换UI Demo

### MultiThread

[MultiThread](https://gitee.com/scenario-samples/sample-demo/tree/master/MultiThread)

### Channel - 咨询类频道选择demo

[Channel](https://gitee.com/scenario-samples/sample-demo/tree/master/MyApplicationXinLang)

仿新浪新闻、频道选择UI，长按拖动、关闭等动画效果的实现

### DistributedDeviceManager - 设备认证管理

[DistributedDeviceManager](https://gitee.com/scenario-samples/sample-demo/tree/master/MyApplication_DistributedDeviceManager)

使用了鸿蒙ohos.distributedDeviceManager模块，实现设备间相互认证的能力

### Native

[Native](https://gitee.com/scenario-samples/sample-demo/tree/master/Native)

### NetStatusListen - 监听设备网络状态

[NetStatusListen](https://gitee.com/scenario-samples/sample-demo/tree/master/NetStatusListen)

- 监听当前网络连接状态
- 监听网络类型（wifi、蜂窝网络）
- 判断蜂窝网络类型（3G\4G\5G）和信号强度

### PageFlip - 阅读器翻页效果

[PageFlip](https://gitee.com/scenario-samples/sample-demo/tree/master/PageFlip)

本示例基于显式动画、List组件、drawing接口实现了阅读器上下翻页、左右覆盖翻页、仿真翻页等效果

### PasswordDemo

[PasswordDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/PasswordDemo)

### PetalMaps - uniapp通过uts插件拉起华为花瓣地图

[PetalMaps](https://gitee.com/scenario-samples/sample-demo/tree/master/PetalMaps)

- 根据uniapp的uts插件文档，先调通uni.jumpMap接口调用鸿蒙api的通道
- 华为花瓣地图涉及UI组件，需要在鸿蒙工程创建花瓣地图页面（pages/MapPage）展示地图
- jumpMap的具体实现拉起pages/MapPage页面展示地图

### PolicyAndPrivacy - 隐私弹窗demo

[PolicyAndPrivacy](https://gitee.com/scenario-samples/sample-demo/tree/master/PolicyAndPrivacy)

隐私弹窗demo

### PrivacyEntryDemo - 设置单页面隐私Demo

[PrivacyEntryDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/PrivacyEntryDemo)

设置单页面隐私Demo

### SZMeeting

[SZMeeting](https://gitee.com/scenario-samples/sample-demo/tree/master/SZMeeting)

### ScaleImage - 图片放大demo

[ScaleImage](https://gitee.com/scenario-samples/sample-demo/tree/master/ScaleImage)

### Smartphotopickerdemo - 智能图片picker

[Smartphotopickerdemo](https://gitee.com/scenario-samples/sample-demo/tree/master/Smartphotopickerdemo)

本示例展示智能图片picker使用方法

### TabBar

[TabBar](https://gitee.com/scenario-samples/sample-demo/tree/master/TabBar)

### Telephony - 电话、短信能力

[Telephony](https://gitee.com/scenario-samples/sample-demo/tree/master/Telephony)

### VideoProgressBar

[VideoProgressBar](https://gitee.com/scenario-samples/sample-demo/tree/master/VideoProgressBar)

### WatermarkForVideo - 视频水印

[WatermarkForVideo](https://gitee.com/scenario-samples/sample-demo/tree/master/WatermarkForVideo)

### WebNetwork - Web组件抽奖案例

[WebNetwork](https://gitee.com/scenario-samples/sample-demo/tree/master/WebNetwork)

基于ArkTS的声明式开发范式的样例，主要介绍了Web组件如何加载本地、云端的H5和Vue页面并与原生交互发起请求。

### WorldClock - 世界时钟

[WorldClock](https://gitee.com/scenario-samples/sample-demo/tree/master/WorldClock)

### FlutterLogin - Flutter结合华为一键登录

[FlutterLogin](https://gitee.com/scenario-samples/sample-demo/tree/master/flutter_login)

本示例展示了在Flutter中使用Account Kit提供的华为账号一键登录能力

### nativemap - Flutter

[nativemap](https://gitee.com/scenario-samples/sample-demo/tree/master/nativemap)

A new Flutter project.

### splashscreen - 在Flutter工程中设置闪屏页

[splashscreen](https://gitee.com/scenario-samples/sample-demo/tree/master/splashscreen)

该Demo演示如何设在Flutter工程中设置闪屏页

### webdemos

[webdemos](https://gitee.com/scenario-samples/sample-demo/tree/master/webdemos)

### wechatPayDemo - 微信支付demo

[wechatPayDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/wechatPayDemo)

微信支付demo

### weixin9gongge

[weixin9gongge](https://gitee.com/scenario-samples/sample-demo/tree/master/weixin9gongge)

### yuvDemo

[yuvDemo](https://gitee.com/scenario-samples/sample-demo/tree/master/yuvDemo)