# harmonyos_codelabs

**Repository Path**: SmallSponge/harmonyos_codelabs

## Basic Information

- **Project Name**: harmonyos_codelabs
- **Description**: 分享知识与见解，一起探索HarmonyOS的独特魅力。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 855
- **Created**: 2021-12-05
- **Last Updated**: 2024-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HarmonyOS Codelabs<a name="ZH-CN_TOPIC_0000001182715358"></a>

-   [概要简介](#section117915431558)
-   [目录](#sectionMenu)
-   [使用说明](#section1954919258619)
-   [约束与限制](#section682025019613)
-   [相关链接](#section01752910717)

## 概要简介<a name="section117915431558"></a>

为帮助开发者快速熟悉HarmonyOS和OpenHarmony的能力以及相关的应用开发流程，我们提供了一系列的基于趣味场景的应用示例，即Codelabs，开发者可以根据我们的文档一步步的学习和完成简单项目的开发。

## 目录<a name="sectionMenu"></a>
- HarmonyOS-AI
  - [AI通用文字识别（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/SearchImageByKeywords)
  - [二维码生成与扫码使用（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/QRCodeDemo)
- ArkUI
  - [购物应用（eTS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ShoppingEts)
  - [流式布局（eTS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/FlowLayoutETS)
  - [Ets简单图库](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/SimpleGalleryETS)
  - [转场动画的使用（eTS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/TransitionAnimtaionETS)
  - [image、image-animator（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ClickableImageJsDemo)
  - [动画样式（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/AnimationDemo)
  - [dialog（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DialogDemo)
  - [input、label（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/InputApplication)
  - [rating（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/RatingApplication)
  - [switch、chart（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/SwitchApplication)
  - [toolbar、toolbar-item（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ToolbarApplication)
  - [video（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/VideoApplication)
  - [基础组件Slider的使用（eTS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/SliderEts)
- 安全
  - [HarmonyOS面部识别能力（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/BiometricAuthentication)
- 多窗口
  - [平行视界（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/AppMultiplier)
- 分布式
  - [分布式运动健康应用——智能穿戴端（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributedHealthDemo)
  - [分布式运动健康应用（手机端）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributedHealthDemoPhone)
  - [分布式地图导航（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributedMapDemo)
  - [分布式输入法（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/RemoteInputDemo)
  - [分布式游戏手柄（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributionGamePad)
  - [分布式邮件编辑（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributedMail)
  - [分布式语音照相机（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/VoiceCamera)
  - [跨设备视频播放（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributedVideoCodelab)
  - [分布式新闻客户端（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/HarmonyOSNewsClient)
  - [分布式亲子早教系统（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/EducationSystem)
  - [分布式鉴权（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/GameAuth)
  - [分布式手写板（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributeDatabaseDraw)
- 卡片
  - [时钟卡片（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ClockFACardDemo)
  - [计步器卡片（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/StepsCard)
  - [电影卡片（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/MovieCardDemo)
  - [电影卡片（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/JSMovieCard)
- 媒体
  - [音频播放管理（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/AudioDemo)
  - [视频编解码能力（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/CodecDemo)
  - [图片编辑模板（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ImageEditorTemplate)
  - [简易视频播放器（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/SimpleVideoCodelab)
- 碰一碰
  - [华为分享碰一碰（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/HwShare_OneHop)
- 数据库
  - [分布式数据库（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/DistributedDataDemo)
- 通用组件
  - [组件购物应用演示（JS）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ShoppingDemoJs)
  - [常用组件和布局（Java）](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/ComponentCodelab)
- 效率提升套件
  - [元数据绑定框架](https://gitee.com/harmonyos/harmonyos_codelabs/tree/master/MetaDataBindingDemo)

## 使用说明<a name="section1954919258619"></a>

1.  将独立的应用示例工程导入DevEco Studio进行编译构建及运行调试。
2.  部分应用示例中含有多个模块，开发者可以选择对单个模块进行编译构建，生成一个HAP应用安装包，也可以对整个工程进行编译构建，生成多个HAP应用安装包。
3.  安装运行后，即可在设备上查看应用示例运行效果，以及进行相关调试。

## 约束与限制<a name="section682025019613"></a>

1.  安装运行应用示例之前，请先通过config.json文件中的"deviceType"字段来确认该应用示例支持的设备类型，可尝试通过修改该字段使其可以在相应类型的设备上运行（config.json文件一般在代码的entry/src/main路径下，不同的Codelabs可能会有不同）。
2.  配置开发环境时，如果您想让应用示例运行到HarmonyOS上，请参考[DevEco Studio使用说明](https://developer.harmonyos.com/cn/docs/documentation/doc-guides/tools_overview-0000001053582387)。
3.  IDE版本及配套SDK问题，可前往[DevEco Studio版本说明](https://developer.harmonyos.com/cn/docs/documentation/doc-releases/release_notes-0000001057597449)来查看详细的IDE、SDK、插件及Gradle配套版本。
4.  所有OpenHarmony相关Codelabs代码已被全部迁移至OpenHarmony组织之下的[codelabs](https://gitee.com/openharmony/codelabs)仓中，本仓中不再体现。

## 相关链接<a name="section01752910717"></a>

1.  HarmonyOS Codelabs官网：[HarmonyOS Codelabs](https://developer.harmonyos.com/cn/documentation/codelabs/)
2.  OpenHarmony Codelabs仓：[codelabs](https://gitee.com/openharmony/codelabs)