# Demos **Repository Path**: closeJs/demos ## Basic Information - **Project Name**: Demos - **Description**: 总结分享HamronyOS应用开发中高频场景解决方案并配套对应的demos,即得即用! - **Primary Language**: JavaScript - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 12 - **Created**: 2025-04-21 - **Last Updated**: 2025-04-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # HarmonyOS-Next Scenario Cases #### 内容简介 :bulb: 识别HarmonyOS应用开发中的高频/典型业务场景,以技术文章结合demo的形式来提供鸿蒙化解决方案、分析手段、代码示例。 :star2: 欢迎在页面右上角点击 Star&Watch接收您感兴趣的一手资讯! :point_left: :point_left: :point_left: #### 目录架构 我们将内容分类为性能体验、UI实现、功能实现、工程工具四类,并以完整的项目形式进行呈现,下载即用! ``` Performance Analysis ``` ``` UI Realization |---Components_nest.zip // 基于组件嵌套的滑动 |---WaterFlowItemDmeo.zip // 基于WaterFlow的页面滑动加载 |---BindSheet.zip // 基于bindSheet的半模态弹窗 |---OpenCustomDialog.zip // 基于promptAction全局弹窗 |---HaiWeiXCAndAvplayer.zip // 基于Xcomponent的视频播放的无缝转场 |---RefreshDemo.zip // 基于Refresh组件的下拉刷新 |---RichEditorReview.zip // 基于RichEditor的评论编辑 |---CustomFont.zip // 基于Text\WebView的自定义字体 |---CustomDialogDemo.zip // 基于Toast的弹窗体验 |---MeasureText.zip // 基于measure实现的文本测量 |---HighView62101.zip // 基于ArkUI实现类似安卓.9图的 拉伸能力(包括背景图) |---Component_Encapsulation.zip // 基于原生能力的组件封装 |---PictureTextMixed.zip // 基于原生能力实现类微博的图文混排 |---NewDialog.zip // 基于ArkUI现有能力实现自定义弹窗 |---SubWindow.zip // 基于子窗口实现应用内悬浮窗 |---TabDemo.zip // 基于Tabs实现页面布局 |---KeyboardControl.zip // 基于原声能力的键盘控制 |---StateManager.zip // 基于状态变量实现复杂对象的状态监听 |---GridDemo01.zip // 基于Grid 实现混合布局 |---ListDemo.zip // 基于List和Scroller由简单到复杂列表布局开发实践 |---RankingDemo.zip // 基于原生能力的深色模式适配 |---networkPerformanceTiming.zip // 基于原生能力的网络加载性能分析 |---CustomThemeDemo.zip // 基于原生的应用主题开发 |---GestureQuestion.zip // 基于手势绑定的常见问题处理 |---KeyboardApplication.zip // 基于TextInput的自定义键盘 |---Watermark.zip // 基于原生的水印添加能力 |---HighView62001.zip // 基于ArkUI的动销能力专题-1 |---VerificationCode.zip // 基于ArkUI的验证码输入 |---swiperImage.zip // 基于收拾的图片预览与缩放 |---Search_Icon.zip // 基于Search组件实现搜索列表展示 |---BlackWhiteMode.zip // 基于窗口的应用一键黑白化适配 |---ProgressDemo.zip // 基于Progress进度条 |---HighView62102.zip // 基于滚动组件的手势处理 |---TextInputDemo.zip // 基于TextInput实现自定义效果 ``` ``` Functional Realization |---AOPDemo.zip // 基于AOP的代码插桩 |---Drawing.zip // 基于XComponent的图形绘制及高性能刷新 |---XComponentAVPlayer.zip // 基于XComponent的视频播放器高性能体验 |---NDKcamera.zip // 基于相机NDK的相机流后处理 |---AVImageGeneratorDemo.zip // 基于原生能力获取视频缩略图 |---PayApp.zip // 基于原生能力的跨应用跳转 |---NativeCallArkTS.zip // 基于Napi调用ArkTS/系统接口 |---cppchildthr_call_uithr_case.zip // 基于C++子线程与UI主线程的通信 |---TaskPoolDemo.zip // 基于Taskpool的多线程操作 |---PhotoViewPickerDemo.zip // 基于PhotoViewPicker对图片进行操作 |---NativeJsDemo.zip // 基于ImageKit对图片进行处理 |---VideoEncoder.zip // 基于CameraKit,获取相机流数据传递给native,进行压缩编码 |---CameraDemo.zip // 基于CamareKit对相机进行操作 |---Audio.zip // 基于OHAudio的音频操作 |---VideoCodec.zip // 基于VideoCodec的视频播放 |---Download.zip // 基于request.agent的上传下载控制 |---OpenFile.zip // 基于C++能力的资源访问 |---AccessDemo.zip // 基于原生能力的无障碍模式 |---Finet_demo.zip // 基于原生能力的网络状态感知 |---ToSettings.zip // 基于设置应用的应用权限、通知设置跳转 |---TestHEIF.zip // 鸿蒙对于各种图片编解码格式的支持 |---HarAndHsp.zip // 基于原生的跨模块资源访问 |---crypto.zip // 基于加解密算法框架的常见规格问题 |---Picker.zip // 基于Picker的受限权限适配方案 |---UtilDemo.zip // 基于util工具函数的基本使用 |---SaveImage.zip // 基于photoAccessHelper对网络图片进行保存以及本地图片处理 |---avplayer.zip // 基于avplayer播放视频对视频进行处理 |---rcpDemo.zip // 基于RCP的网络请求能力 |---netConnection.zip // 基于connection的网络连接管理能力 |---getWifiData.zip // 基于WifiManager的网络扫描及IP地址获取 |---CameraKitAvrecorder.zip // 基于CaremaKit,通过avrecord进行录像 |---zip.zip // 鸿蒙对各种类型文件的压缩/解压缩支持 |---rdb.zip // 基于关系型数据库的数据持久化 |---Util_json.zip // 基于新增@ohos.util.json的json转换 |---cryptoToolbox-v1.0.2.zip // 基于@ohos/cryptojs实现加解密工具箱 |---MyScreen.zip // 基于原生能力的横竖屏旋转适配 |---bleBlueScan.zip // 基于短距通信的BLE蓝牙扫描 |---AudioRenderer.zip // 基于AudioRender音频播放 |---newNavRouter.zip // 基于无感监听实现页面状态监听管理 |---MyInterception.zip // 基于Navigation的路由拦截管理 |---SIMCard.zip // 基于电话服务的SIM卡信息读取和存储 |---callSpecifiedApp.zip // 鸿蒙系统常见预置应用的跳转方式 |---NapiLoadModuleWithInfo.zip // 基于nap_load_module_with_info实现的napi调用arkts的接口 |---Asset_PreQuery.zip // 基于Asset下的高安全级别数据存储 |---huks.zip // 基于密钥签名验签的用户验证 |---Receive1_UMDFDemo.zip // 基于@ohos.data.unifiedDataChannel实现数据共享 |---tlsSocketConnect.zip // 基于tlsScoket的通信能力 |---PrivacyMode.zip // 基于窗口能力的用户隐私处理 |---FileManagerSharing.zip // 通过文件管理器使用三方应用对文件进行读写 |---OHAppStartup240515.zip // 鸿蒙原生启动框架的使用 |---deeplink.zip // H5页面利用url scheme拉起对应应用 |---commentListLottie-v1.0.2.zip // 基于@ohos/lottie三方库的动画实现 |---OpacityPage.zip // 基于ArkUI的透明页面效果 |---SwiperDemo.zip // 基于swiper的页面布局 |---ComponentBurialPoint.zip // 基于FrameNode实现UI组件埋点 |---ShareKit.zip // 鸿蒙原生分享能力的使用 |---ExplicitlySharing.zip // 鸿蒙原生分享能力的使用 |---ImplicitSharing.zip // 鸿蒙原生分享能力的使用 |---Communication.zip // harmonyOS事件通信能力解决方案 |---MySubscriber.zip // harmonyOS事件通信能力解决方案 |---HarmonyLifeScene.zip // 应用内的生命周期流转 |---SpaceManagement.zip // 鸿蒙原生应用占用空间管理 |---axios.zip // 基于@hos/axios的网络请求能力 |---JSVM.zip // 基于JSVM创建引擎执行js代码并销毁 |---PasteboardDemo.zip // 基于@ohos.pasteboard实现剪贴板功能 |---codelinter_demo.zip // 基于代码Code Linter检查的配置实践 |---Zlib.zip // 基于@ohos.zilb的数据压缩与解压缩 |---UtilStreamDemo.zip // 基于@ohos.util.stream的web离线缓存文件加载 |---DistributedData.zip // 基于分布式数据对象的跨设备数据同步 |---UA.zip // 鸿蒙应用UserAgent特征识别和兼容性设置 |---redirection.zip // 网络重定向在HarmonyOS上的场景及解决方案 |---WeakReference.zip // 弱引用在harmonyos上的使用 |---MyNotification.zip // 基于原生能力的各类事件通知 |---class-transformer.zip // 基于class-transformer的对象与JSON相互转换 ``` ``` Project & Tools |---CallCpp.zip // 基于HAR的跨模块C++头文件引用 |---DemoAPIMOdifyAppOpt.zip // 基于Hvigor自定义插件实现自定义构建 |---DemoAPIgetBuildMode.zip // 基于Hvigor自定义插件实现自定义构建 |---DemoCustomBuilds.zip // 基于Hvigor自定义插件实现自定义构建 |---DemoDynamicModification.zip // 基于Hvigor自定义插件实现自定义构建 |---DemoModifyProductPath.zip // 基于Hvigor自定义插件实现自定义构建 |---DemoOverrides.zip // 基于Hvigor自定义插件实现自定义构建 |---sgining_demo.zip // 基于动态配置签名的多人协同开发应用签名解决解决方案 |---Manytargets.zip // 基于App的多目标构建的实现 ``` #### 版本配套 1. 请使用HarmonyOS Next Developer Beta1及以上版本(API12); 2. 需使用Stage模型进行开发。