diff --git a/Ability/PageAbility/README.md b/Ability/PageAbility/README.md index eefecaebd1e0f9605f90e9672e3f015a48651cf9..68bdc26e90c7e5f7c84054924ad06df2bc4c4e9f 100644 --- a/Ability/PageAbility/README.md +++ b/Ability/PageAbility/README.md @@ -17,13 +17,13 @@ Ability：Ability是应用所具备能力的抽象，也是应用程序的重要组成部分。 -[PageAbility](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ability/fa-pageability.md)：Page模板（以下简称“Page”）是FA唯一支持的模板，用于提供与用户交互的能力。 +[PageAbility](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ability/fa-pageability.md) ：Page模板（以下简称“Page”）是FA唯一支持的模板，用于提供与用户交互的能力。 # 搭建OpenHarmony环境 完成本篇Codelab我们首先要完成开发环境的搭建，本示例以**Hi3516DV300**开发板为例，参照以下步骤进行： -1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96)：标准系统解决方案（二进制） +1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96) ：标准系统解决方案（二进制） 以3.0版本为例： @@ -37,9 +37,9 @@ Ability：Ability是应用所具备能力的抽象，也是应用程序的重要 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 任务一：Ability内页面跳转 @@ -143,7 +143,7 @@ Button() { }) ``` -# 恭喜你 +# 恭喜您 学会了如何进行Ability 内部的页面跳转和Ability之间的页面跳转。即如下三种场景： @@ -151,8 +151,4 @@ Button() { 2、跳转到指定其他Ability的首页； -3、跳转到指定其他Ability的指定页面（非首页）; - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Ability/PageAbility) +3、跳转到指定其他Ability的指定页面（非首页）; \ No newline at end of file diff --git a/Data/Database/README.md b/Data/Database/README.md index c44af25fb03e83dbc6096e338d93711d05db328e..dbdaf4ab0335e348586bb45a0a440e9372307024 100644 --- a/Data/Database/README.md +++ b/Data/Database/README.md @@ -12,7 +12,7 @@ OpenHarmony在数据管理模块中提供了轻量级存储的能力。轻量级 完成本篇Codelab我们首先要完成开发环境的搭建，本示例以**Hi3516DV300**开发板为例，参照以下步骤进行： -1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96)：标准系统解决方案（二进制） +1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96) ：标准系统解决方案（二进制） 以3.0版本为例： @@ -26,9 +26,9 @@ OpenHarmony在数据管理模块中提供了轻量级存储的能力。轻量级 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.任务一：完成页面布局 @@ -468,10 +468,6 @@ OpenHarmony在数据管理模块中提供了轻量级存储的能力。轻量级 } ``` -# 7.恭喜你 +# 7.恭喜您 -您已经成功地学习了如何通过dataStorage创建轻量级偏好数据库，并实现数据库表格数据的增加、删除、查询以及删除数据库的功能。 - -# 8.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Data/Database) \ No newline at end of file +您已经成功地学习了如何通过dataStorage创建轻量级偏好数据库，并实现数据库表格数据的增加、删除、查询以及删除数据库的功能。 \ No newline at end of file diff --git a/Data/JSRelationshipData/README.md b/Data/JSRelationshipData/README.md index 204d3f8cff89753fae3de29df937c866969eb15b..8cfce52930c8aceab4731f9015cb0a1064de2e51 100644 --- a/Data/JSRelationshipData/README.md +++ b/Data/JSRelationshipData/README.md @@ -19,9 +19,9 @@ 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 导入模块 @@ -138,14 +138,10 @@ export default class KvStoreModel { } ``` -# 恭喜你 +# 恭喜您 您已经成功地学习了如何通过getRdbStore创建关系型数据库，并提供数据库表格数据的增、删、改、查API接口。 -# 参考 -代码待开源 - - diff --git a/Data/JsDistributedData/README.md b/Data/JsDistributedData/README.md index 027b62cf4758ef9c95de50200747656b7ebef384..b7e5423224fb93f88137eec2ee92411314918de8 100644 --- a/Data/JsDistributedData/README.md +++ b/Data/JsDistributedData/README.md @@ -23,9 +23,9 @@ 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 代码结构解读 @@ -192,15 +192,10 @@ setOnMessageReceivedListener(callback) { }); } ``` -# 恭喜你 +# 恭喜您 通过本Codelab的学习，您已经学会了分布式数据库服务的基础操作（创建、新增、删除、同步）。 -# 参考 - -代码待开源 - - diff --git a/Data/NotePad_OH_ETS/README.md b/Data/NotePad_OH_ETS/README.md index b093d3bcd2b0264dd3d92dabe65dd6a6e109f89a..4018968ff43c30d37ac49e899fd16ba4165ec96e 100644 --- a/Data/NotePad_OH_ETS/README.md +++ b/Data/NotePad_OH_ETS/README.md @@ -728,7 +728,7 @@ build() { 本篇Codelab详细讲解了本案例的数据定义，包括如何进行数据存储、数据查询、数据新增和删除等功能。同时，我们讲解了备忘录的列表页面和编辑页面是如何实现的。 -# 9.恭喜你 +# 9.恭喜您 通过本Codelab的学习，您已经学会了： diff --git a/Distributed/DistributeDatabaseDrawEts/README.md b/Distributed/DistributeDatabaseDrawEts/README.md index f85302fb968ced3bbab09300eba49a0d01e5fb8e..7f8fe324175f037c94b9affdc7a6a0e47840352d 100644 --- a/Distributed/DistributeDatabaseDrawEts/README.md +++ b/Distributed/DistributeDatabaseDrawEts/README.md @@ -938,6 +938,6 @@ Path组件所在的Flex容器组件添加点击事件，并实现记录触控点 3. 笔迹撤回时，直接将撤回后的笔迹数据写入分布式数据库，其他设备也是通过订阅分布式数据更新通知来获取最新的笔迹数据，最终实现笔迹同步，这里不再做讲解。 -# 12.恭喜你 +# 12.恭喜您 通过本教程的学习，您已经学会使用基于TS扩展的声明式开发范式中的分布式数据管理和分布式拉起以及利用Canvas组件绘制图形。 diff --git a/Distributed/GameAuthOpenH/README.md b/Distributed/GameAuthOpenH/README.md index 6aa97df65e17f8593f325669f885ee023bf80959..3f4975da3b972a4cd20376b5d454fe5f054d2e75 100644 --- a/Distributed/GameAuthOpenH/README.md +++ b/Distributed/GameAuthOpenH/README.md @@ -38,9 +38,9 @@ 3. 搭建开发环境。 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”） ，选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.分布式组网 @@ -660,13 +660,9 @@ } ``` -# 10.恭喜你 +# 10.恭喜您 通过本篇Codelab，您可以学到： - JS如何分布式拉起FA -- Ability启动模式 - -# 11.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Distributed/GameAuthOpenH) \ No newline at end of file +- Ability启动模式 \ No newline at end of file diff --git a/Distributed/HandleGameApplication/README.md b/Distributed/HandleGameApplication/README.md index a4cd79b56ed3b3798ec284a34a0101f01504f25c..949ab9bc769470ab69261b5f7a3781984b588ccf 100644 --- a/Distributed/HandleGameApplication/README.md +++ b/Distributed/HandleGameApplication/README.md @@ -591,7 +591,7 @@ } ``` -# 恭喜你 +# 恭喜您 通过本篇Codelab，您可以学到： diff --git a/Distributed/NewsDemo/README.md b/Distributed/NewsDemo/README.md index e4f208738ed590f6f6190874912dd27db8361652..b192fbb2852ca270fec6efad09f72485309607cb 100644 --- a/Distributed/NewsDemo/README.md +++ b/Distributed/NewsDemo/README.md @@ -29,9 +29,9 @@ 3. 搭建开发环境： - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 分布式组网 @@ -311,7 +311,7 @@ chooseComform() { 本篇Codelab中我们介绍了应用的主页面和详情页。在主页面可以切换新闻类型、滑动新闻列表、点击查看新闻详情；在新闻详情页可以上下滑动查看新闻，并且跨设备拉起。 需要说明的是，本篇codelab是采用JS作为主要编程语言，其中分布式的相关实现也是用的JS提供的相关接口来实现的。 -# 恭喜你 +# 恭喜您 目前你已经成功完成了Codelab并且学到了： @@ -320,10 +320,6 @@ chooseComform() { - 如何使用list、list-item、tabs、tab-bar等组件。 - 如何进行布局编写及页面跳转。 - 如何进行跨设备分布式拉起。 -# 参考 - -[gitee源码](https://gitee.com/openharmony/codelabs/tree/master/Distributed/NewsDemo) - diff --git a/Distributed/OHMailETS/README.md b/Distributed/OHMailETS/README.md index b0d9ff5e9637398feba339efd00b57de27c6951d..020dd73ae9b036961726f58e4b5260049df73338 100644 --- a/Distributed/OHMailETS/README.md +++ b/Distributed/OHMailETS/README.md @@ -615,10 +615,6 @@ onRemoteRequest(code, data, reply, option) { 在接收到消息后，把接收到的图片位置数组放入params中，然后发布名称为"publish\_moveImage"的有序公共事件。 -# 完整代码 - -[gitee源码](https://gitee.com/openharmony/codelabs/tree/master/Distributed/OHMailETS) - # 总结 - 应用间跨设别通讯是通过featureAbility.connectAbility连接远端Service服务成功后，再通过RPC相关API来进行消息传递。 diff --git a/Distributed/OpenHarmonyPictureGame/README.md b/Distributed/OpenHarmonyPictureGame/README.md index 0eba1c38ffc3a3e8969cfde34ff6f9f900180751..3389c1476326284cca9365aa55668d50e112871c 100644 --- a/Distributed/OpenHarmonyPictureGame/README.md +++ b/Distributed/OpenHarmonyPictureGame/README.md @@ -657,11 +657,6 @@ onRemoteRequest(code, data, reply, option) { 在FA中订阅到Service服务发布的"publish\_moveImage"事件后，在SubscribeCallBack\(\)回调中重新赋值imageIndexForPosition数组与pictureList数组，从而同步更新界面UI。 -# 完整代码 - -[gitee源码](https://gitee.com/openharmony/codelabs/edit/master/Distributed/OpenHarmonyPictureGame) - - # 相关概念与参考 [PageAbility开发说明](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ability/fa-pageability.md) diff --git a/Distributed/RemoteControllerETS/README.md b/Distributed/RemoteControllerETS/README.md index dcc56c430474dfdd9dd3cdfa8c028651038131a5..53eceb375bff06da12d7900dbabeaee434c11c38 100644 --- a/Distributed/RemoteControllerETS/README.md +++ b/Distributed/RemoteControllerETS/README.md @@ -636,10 +636,6 @@ if (code == 6) { } ``` -# 9.完整代码 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Distributed/RemoteControllerETS) - # 10.相关概念与参考 [PageAbility开发说明](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ability/fa-pageability.md) diff --git a/Distributed/RemoteStartFA/README.md b/Distributed/RemoteStartFA/README.md index 058fbe44a7bfc33b06b43b9482ec03cb15f4fcc0..144f2ef64877a91dab500e0f38e40d519058b165 100644 --- a/Distributed/RemoteStartFA/README.md +++ b/Distributed/RemoteStartFA/README.md @@ -8,11 +8,11 @@ OpenHarmony提供了分布式能力，能够实现在同一网络下对远程设 # 2.相关概念 -[dialog组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md)：自定义弹窗容器组件。 +[dialog组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-container-dialog.md) ：自定义弹窗容器组件。 -[button组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md)：按钮组件。 +[button组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-button.md) ：按钮组件。 -[通用事件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-common-events.md)：事件绑定在组件上，当组件达到事件触发条件时，会执行JS中对应的事件回调函数，实现页面UI视图和页面JS逻辑层的交互。 +[通用事件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-common-events.md) ：事件绑定在组件上，当组件达到事件触发条件时，会执行JS中对应的事件回调函数，实现页面UI视图和页面JS逻辑层的交互。 @@ -34,9 +34,9 @@ OpenHarmony提供了分布式能力，能够实现在同一网络下对远程设 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.分布式组网 @@ -661,10 +661,6 @@ export default { }; ``` -# 9.恭喜你 +# 9.恭喜您 -在本篇Codelab中，我们主要学习了OpenHarmony分布式调度启动远程FA的实现。希望通过本教程，各位开发者可以对OpenHarmony的分布式能力有一个深刻的理解。 - -# 10.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Distributed/RemoteStartFA) \ No newline at end of file +在本篇Codelab中，我们主要学习了OpenHarmony分布式调度启动远程FA的实现。希望通过本教程，各位开发者可以对OpenHarmony的分布式能力有一个深刻的理解。 \ No newline at end of file diff --git a/ETSUI/CustomDialogEts/README.md b/ETSUI/CustomDialogEts/README.md index e2b8c8c4a4729be0dff5e3433be63905ab3b8d25..2b87b81e1fec8ad736244da76eb727d975f935d8 100644 --- a/ETSUI/CustomDialogEts/README.md +++ b/ETSUI/CustomDialogEts/README.md @@ -218,11 +218,7 @@ Button('Customization dialog').onClick(() => { .margin({ top: 60 }).width(300) ``` -# 7.恭喜你 +# 7.恭喜您 - AlertDialog可以实现警告弹窗效果。 -- 可以通过CustomDialogController类显示自定义弹窗。 - -# 8.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/CustomDialogEts) \ No newline at end of file +- 可以通过CustomDialogController类显示自定义弹窗。 \ No newline at end of file diff --git a/ETSUI/FlowLayoutEts/README.md b/ETSUI/FlowLayoutEts/README.md index 609f6c1db025e1fd0a34e07cba260730e901be64..2495a1b847206d4d565f77d16ff33c88b001e365 100644 --- a/ETSUI/FlowLayoutEts/README.md +++ b/ETSUI/FlowLayoutEts/README.md @@ -298,9 +298,4 @@ TextInput：提供单行文本输入组件。 - 如何将一个ETS项目部署到OpenHarmony设备上 - TextInput组件的使用 - button组件的使用 -- text组件的使用 - -# 9.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/FlowLayoutEts) - +- text组件的使用 \ No newline at end of file diff --git a/ETSUI/MultiDeploymentEts/README.md b/ETSUI/MultiDeploymentEts/README.md index ac588b24636a5d7e61a880a3a9ce6286ab39f759..b8ededd422f0dad59aff7bb3cf07a3a3e05431e3 100644 --- a/ETSUI/MultiDeploymentEts/README.md +++ b/ETSUI/MultiDeploymentEts/README.md @@ -318,8 +318,4 @@ List({ initialIndex: 0}) { .margin({ top: '2%', bottom: '2%' }) ``` -# 恭喜你 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/MultiDeploymentEts) +# 恭喜你 \ No newline at end of file diff --git a/ETSUI/ShoppingEts/README.md b/ETSUI/ShoppingEts/README.md index 0239b389be16874060c520248c2978c66c9dbe58..d562f002b28e67f31a66de41fd93399a4d26fb26 100644 --- a/ETSUI/ShoppingEts/README.md +++ b/ETSUI/ShoppingEts/README.md @@ -1156,15 +1156,7 @@ OpenHarmony ArkUI框架提供了丰富的动画组件和接口，开发者可 } } ``` - - -# 完整代码 - -链接如下： - -[gitee源码](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/ShoppingEts) - -# 相关概念与参考 +# 相关概念**与参考** ## API 参考 diff --git a/ETSUI/SimpleGalleryEts/README.md b/ETSUI/SimpleGalleryEts/README.md index de846b73b528d431c7c7a2badf5913ad5045fef3..420f647be54b5d59988678bd5b461773e5a85fb8 100644 --- a/ETSUI/SimpleGalleryEts/README.md +++ b/ETSUI/SimpleGalleryEts/README.md @@ -452,7 +452,7 @@ export struct HomeTabComponent { .sharedTransition(this.shareId, { duration: 500, curve: Curve.Linear }) ``` -# 恭喜你 +# 恭喜您 目前你已经成功完成了Codelab并且学到了： @@ -460,8 +460,3 @@ export struct HomeTabComponent { - 如何通过极简声明式UI范式完成自定义弹窗。 - 如何通过极简声明式UI范式完成页面跳转及数据传递。 - 如何通过极简声明式UI范式完成动画添加。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/SimpleGalleryEts) - diff --git a/ETSUI/SliderApplicationEts/README.md b/ETSUI/SliderApplicationEts/README.md index 2faee01522f761f1fdf558fafdb08bf80c150526..e465915245a08c88e52f468da8c3bb714674fbd8 100644 --- a/ETSUI/SliderApplicationEts/README.md +++ b/ETSUI/SliderApplicationEts/README.md @@ -202,7 +202,7 @@ Slider({value: this.imageSize, min: 0.5, max: 2.5, step: 0.1,style:SliderStyle.O 自此我们已经完成了所有的工作：使用Slider、Image、Text组件，实现了一个可以调节风车大小和转速的简易应用。 -# 恭喜你 +# 恭喜您 在本篇Codelab中，我们主要为大家讲解了部分基础组件的使用，让大家可以通过简单的代码，上手eTS的开发，我们主要介绍了： @@ -211,7 +211,3 @@ Slider({value: this.imageSize, min: 0.5, max: 2.5, step: 0.1,style:SliderStyle.O - @Builder注解的使用 同时逐步分解代码，和大家一起完成了的应用开发。希望通过本教程，各位开发者可以对基础组件有一个初步的了解，并对声明式编程框架具有新的认识。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/SliderApplicationEts) diff --git a/ETSUI/TransitionAnimtaionEts/README.md b/ETSUI/TransitionAnimtaionEts/README.md index 93909efdbe7459ff3817686351910afe76383d0a..00d3a89f27cab8ecd5f1b5af74dd10ab0e93a885 100644 --- a/ETSUI/TransitionAnimtaionEts/README.md +++ b/ETSUI/TransitionAnimtaionEts/README.md @@ -366,7 +366,7 @@ struct BottomTransition{ } ``` -# 恭喜你 +# 恭喜您 在本篇Codelab中，我们主要用到了以下知识点： @@ -374,8 +374,3 @@ struct BottomTransition{ - 路由 本示例代码从布局、样式、响应事件三个层面，逐步实现了页面间转场、组件内转场以及共享元素转场。希望通过本教程，各位开发者可以对转场动画具有更深刻的认识。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ETSUI/TransitionAnimtaionEts) - diff --git a/JSUI/AnimationDemo/README.md b/JSUI/AnimationDemo/README.md index 5b5ea4ed3496a87be21bac593fac0b38a3369fdb..36d175170b5b272e6f23863176ad2d3e971959dc 100644 --- a/JSUI/AnimationDemo/README.md +++ b/JSUI/AnimationDemo/README.md @@ -23,14 +23,13 @@ 2. 搭建烧录环境 1. [完成DevEco Device Tool的安装](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/quick-start/quickstart-standard-env-setup.md) - 2. [完成Hi3516开发板的烧录](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/quick-start/quickstart-lite-steps-hi3516-burn.md) 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.将组件添加到布局文件中 @@ -176,12 +175,8 @@ 更多动画样式可以参考[动画样式](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-common-animation.md)章节。 -# 6.恭喜你 +# 6.恭喜您 在本篇Codelab中，我们主要为大家讲解了ArkUI（基于JS扩展的类Web开发范式）通用动画样式的使用。 -通过一个代码示例，实现image组件的平移、缩放、旋转和透明度变化动效。希望通过本教程，各位开发者可以对JS通用动画样式具有更深刻的认识。 - -# 7.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/AnimationDemo) \ No newline at end of file +通过一个代码示例，实现image组件的平移、缩放、旋转和透明度变化动效。希望通过本教程，各位开发者可以对JS通用动画样式具有更深刻的认识。 \ No newline at end of file diff --git a/JSUI/ClickableJsDemo/README.md b/JSUI/ClickableJsDemo/README.md index fe8d2dc1f907dbf72ee8986276500c656205686f..1198f422c31bf9566dd8c12e69e4abf3b090384c 100644 --- a/JSUI/ClickableJsDemo/README.md +++ b/JSUI/ClickableJsDemo/README.md @@ -1,9 +1,6 @@ #ClickableJsDemo # 介绍 - -- [应用场景] - OpenHarmony ArkUI（基于JS扩展的类Web开发范式）提供了常用的图片、图片帧动画播放器组件，并且为这些组件提供了很多属性与可监听到的事件（例如动画属性与点击、触碰事件）。开发者可以根据实际场景和开发需求，选用不同的组件、事件、属性来实现界面交互效果的设计，本篇CodeLab，我们将一起开启ArkUI（基于JS扩展的类Web开发范式）基础组件与动画的学习之路。本教程主要涉及到的页面元素有image，image-animator。 ![](figures/IMG_20211208_192923.jpg) @@ -38,9 +35,9 @@ OpenHarmony ArkUI（基于JS扩展的类Web开发范式）提供了常用的图 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 任务一：完成页面布局 @@ -477,7 +474,7 @@ OpenHarmony ArkUI（基于JS扩展的类Web开发范式）提供了常用的图 }; ``` -# 恭喜你 +# 恭喜您 1. image - image的src属性可以指定图片资源位置。 @@ -488,8 +485,4 @@ OpenHarmony ArkUI（基于JS扩展的类Web开发范式）提供了常用的图 - image-animator的duration属性用来设置播放时间。 -通过本代码示，实现了触碰 image改变图片的大小、边框、透明度，点击切换图片；点击image-animator切换帧动画图片资源以及播放帧动画。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/ClickableJsDemo) +通过本代码示，实现了触碰 image改变图片的大小、边框、透明度，点击切换图片；点击image-animator切换帧动画图片资源以及播放帧动画。 \ No newline at end of file diff --git a/JSUI/DialogDemo/README.md b/JSUI/DialogDemo/README.md index 2e701a74b5b55a7fd4d03f3059684a9b470af212..160ee17bd76b24fafca8c3b449282a60461800ad 100644 --- a/JSUI/DialogDemo/README.md +++ b/JSUI/DialogDemo/README.md @@ -36,9 +36,9 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 将组件添加到布局中 @@ -367,14 +367,10 @@ export default { }; ``` -# 恭喜你 +# 恭喜您 在本篇Codelab中，我们主要为大家讲解了如下JS组件 - dialog -通过一个代码示例，实现dialog的不同呈现效果，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上组件具有更深刻的认识。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/DialogDemo) +通过一个代码示例，实现dialog的不同呈现效果，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上组件具有更深刻的认识。 \ No newline at end of file diff --git a/JSUI/InputApplication/README.md b/JSUI/InputApplication/README.md index 626314a3a98be44a4d7961227ee222f0baae69f7..c11a5e499c56381af7d9926f9bb6b9ee67bbfd21 100644 --- a/JSUI/InputApplication/README.md +++ b/JSUI/InputApplication/README.md @@ -15,13 +15,13 @@ OpenHarmony ArkUI（基于JS扩展的类Web开发范式）框架提供了常用 # 相关概念 -**[input组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md)**：交互式组件，包括单选框、多选框、按钮和单行文本输入框。 +[input组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-input.md) ：交互式组件，包括单选框、多选框、按钮和单行文本输入框。 # 搭建OpenHarmony环境 完成本篇Codelab我们首先要完成开发环境的搭建，本示例以**Hi3516DV300**开发板为例，参照以下步骤进行： -1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96)：标准系统解决方案（二进制） +1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96) ：标准系统解决方案（二进制） 以3.0版本为例： @@ -35,9 +35,9 @@ OpenHarmony ArkUI（基于JS扩展的类Web开发范式）框架提供了常用 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 将组件添加到布局文件中 @@ -55,7 +55,7 @@ OpenHarmony ArkUI（基于JS扩展的类Web开发范式）框架提供了常用 ``` -代码使用div组件和text组件来共同呈现文本显示的效果，其中div属于[基础容器](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-container-div-0000000000611484)，用作页面结构的根节点或将内容进行分组；text是[文本组件](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-text-0000000000611633)，用于呈现一段信息。有关这两个组件更多的知识，我们会在其他Codelab中为大家讲解。 +代码使用div组件和text组件来共同呈现文本显示的效果，其中div属于[基础容器](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-container-div-0000000000611484) ，用作页面结构的根节点或将内容进行分组；text是[文本组件](https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-components-basic-text-0000000000611633) ，用于呈现一段信息。有关这两个组件更多的知识，我们会在其他Codelab中为大家讲解。 ## input组件 @@ -357,14 +357,10 @@ optionselect(e) { >![](public_sys-resources/icon-note.gif) **说明：** >样例中我们使用了一张input输入框必填标识图片，它放在js/default/common.images目录下，命名为require.png -# 恭喜你 +# 恭喜您 在本篇Codelab中，我们主要为大家讲解了如下ArkUI（基于JS扩展的类Web开发范式）基础组件 - input -通过一个代码示例，实现input组件表单，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/InputApplication) +通过一个代码示例，实现input组件表单，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 \ No newline at end of file diff --git a/JSUI/JSCanvasComponet/README.md b/JSUI/JSCanvasComponet/README.md index d6bb3455f86e5d40a61086a97618fe25232d6057..797a971ed8841b1bdfeb81273d3f94e981b90b47 100644 --- a/JSUI/JSCanvasComponet/README.md +++ b/JSUI/JSCanvasComponet/README.md @@ -9,7 +9,7 @@ 完成本篇Codelab我们首先要完成开发环境的搭建，本示例以**Hi3516DV300**开发板为例，参照以下步骤进行： -1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96)：标准系统解决方案（二进制） +1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96) ：标准系统解决方案（二进制） 以3.0版本为例： @@ -23,9 +23,9 @@ 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 代码结构解读 @@ -333,18 +333,10 @@ draw() { }, ``` -# 恭喜你 +# 恭喜您 通过本教程的学习，您已学会了如何使用自定义组件实现圆形抽奖转盘。 -# 参考 - -[gitee](https://gitee.com/openharmony/codelabs/tree/master/JSUI/JSCanvasComponet) - - - - - diff --git a/JSUI/RatingApplication/README.md b/JSUI/RatingApplication/README.md index be6b2bd717c5c375060379a0097fdb547ba2648f..4e4736433e2212ec4fecc120db98794832641262 100644 --- a/JSUI/RatingApplication/README.md +++ b/JSUI/RatingApplication/README.md @@ -12,17 +12,17 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 # 2.相关概念 -[rating组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md)：评分条，表示用户使用感受的衡量标准条。 +[rating组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-rating.md) ：评分条，表示用户使用感受的衡量标准条。 -[div组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md)：基础容器组件，用作页面结构的根节点或将内容进行分组。 +[div组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-container-div.md) ：基础容器组件，用作页面结构的根节点或将内容进行分组。 -[text组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md)：文本组件，用于呈现一段信息。 +[text组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md) ：文本组件，用于呈现一段信息。 # 3.搭建OpenHarmony环境 完成本篇Codelab我们首先要完成开发环境的搭建，本示例以**Hi3516DV300**开发板为例，参照以下步骤进行： -1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96)：标准系统解决方案（二进制） +1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96) ：标准系统解决方案（二进制） 以3.0版本为例： @@ -36,9 +36,9 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.将组件添加到布局文件中 @@ -169,14 +169,10 @@ rating组件的属性说明可参考下表： } ``` -# 6.恭喜你 +# 6.恭喜您 在本篇Codelab中，我们主要为大家讲解了如下JS基础组件 - rating -通过一个代码示例，实现自定义星级打分以及显示星级平均分，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 - -# 7.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/RatingApplication) \ No newline at end of file +通过一个代码示例，实现自定义星级打分以及显示星级平均分，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 \ No newline at end of file diff --git a/JSUI/ShoppingOpenHarmony/README.md b/JSUI/ShoppingOpenHarmony/README.md index cbb81e03db5bcb16cf36c9113b58bef2a66b7427..fc8576497dc60ec25371f498aadfc69af6759daf 100644 --- a/JSUI/ShoppingOpenHarmony/README.md +++ b/JSUI/ShoppingOpenHarmony/README.md @@ -22,9 +22,9 @@ 搭建开发环境： -1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 -2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 -3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 +1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 +2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 +3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 @@ -252,7 +252,7 @@ -# 9 恭喜你 +# 9 恭喜您 目前你已经成功完成了Codelab并且学到了： diff --git a/JSUI/SliderApplication/README.MD b/JSUI/SliderApplication/README.MD index 5d5d3d71d2f2544fb9ffb6c7eddd73887ca16c2e..59961cccbcad3d0a7563d7a3803c0fc8a11fd378 100644 --- a/JSUI/SliderApplication/README.MD +++ b/JSUI/SliderApplication/README.MD @@ -24,7 +24,7 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 ：基础容器组件，用作页面结构的根节点或将内容进行分组。 [text组件](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md) -：**文本组件，用于呈现一段信息。 +：文本组件，用于呈现一段信息。 [animation-duration](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-common-animation.md) ：动画样式。 @@ -33,7 +33,7 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 完成本篇Codelab我们首先要完成开发环境的搭建，本示例以**Hi3516DV300**开发板为例，参照以下步骤进行： -1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96)：标准系统解决方案（二进制） +1. [获取OpenHarmony系统版本](https://gitee.com/openharmony/docs/blob/master/zh-cn/device-dev/get-code/sourcecode-acquire.md#%E8%8E%B7%E5%8F%96%E6%96%B9%E5%BC%8F3%E4%BB%8E%E9%95%9C%E5%83%8F%E7%AB%99%E7%82%B9%E8%8E%B7%E5%8F%96) ：标准系统解决方案（二进制） 以3.0版本为例： @@ -47,9 +47,9 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.将组件添加到布局文件中 @@ -78,11 +78,11 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 ``` -其中src属性用来表示风车图片的路径；style属性用来定义图片的大小，[animation-duration动画样式](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-common-animation.md)用来定义图形旋转一周所用的时间。三个属性具体的值定义在index.js中。 +其中src属性用来表示风车图片的路径；style属性用来定义图片的大小，[animation-duration动画样式](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-common-animation.md) 用来定义图形旋转一周所用的时间。三个属性具体的值定义在index.js中。 ## slider组件 -页面的下半部分由容器组件div、基础组件[text](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md)、[slider](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-slider.md)共同组成。text组件用来显示“速度”、“缩放比例”文本，slider用来实现控制风车的转动速度以及风车缩放的大小： +页面的下半部分由容器组件div、基础组件[text](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-text.md) 、[slider](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-js/js-components-basic-slider.md) 共同组成。text组件用来显示“速度”、“缩放比例”文本，slider用来实现控制风车的转动速度以及风车缩放的大小： ![](figures/1112131.jpg) @@ -342,7 +342,7 @@ export default { >![](public_sys-resources/icon-note.gif) **说明：** >样例中我们使用了一张风车图片，它放在js/default/common.images目录下，命名为windmill.png -# 7.恭喜你 +# 7.恭喜您 在本篇Codelab中，我们主要为大家讲解了如下JS基础组件 @@ -350,7 +350,3 @@ export default { - image 通过一个代码示例，实现风车转速和大小的调节，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解。希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 - -# 8.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/SliderApplication) \ No newline at end of file diff --git a/JSUI/SwitchApplication/README.md b/JSUI/SwitchApplication/README.md index e1ef8a13141445334e60a21be2a15d23147384d4..ea5344680b279fd4a6f9d8db1099d9ce2a893245 100644 --- a/JSUI/SwitchApplication/README.md +++ b/JSUI/SwitchApplication/README.md @@ -42,9 +42,9 @@ OpenHarmony的ArkUI（基于JS扩展的类Web开发范式）提供了常用的 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 4.将组件添加到布局文件中 @@ -388,15 +388,11 @@ changeBar() { >![](public_sys-resources/icon-note.gif) **说明：** >样例中当我们设置switch为动态时，使用setInterval定时器，每秒动态生成数据展示。 -# 7.恭喜你 +# 7.恭喜您 在本篇Codelab中，我们主要为大家讲解了如下JS基础组件 - switch - chart -通过一个代码示例，利用switch开关设置chart图形数据的动态变换，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解，希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 - -# 8.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/JSUI/SwitchApplication) \ No newline at end of file +通过一个代码示例，利用switch开关设置chart图形数据的动态变换，从布局、样式、响应事件三个层面，逐步为大家进行代码讲解，希望通过本教程，各位开发者可以对以上基础组件具有更深刻的认识。 \ No newline at end of file diff --git a/Media/Audio_OH_ETS/README.md b/Media/Audio_OH_ETS/README.md index 0527e2f7bb6eccfb46e14556d337ecdd4bf019af..80cea80134a37c7a9c1620e90b8b48f1c7dcb0b5 100644 --- a/Media/Audio_OH_ETS/README.md +++ b/Media/Audio_OH_ETS/README.md @@ -283,15 +283,9 @@ -# 恭喜你 +# 恭喜您 目前您已经成功完成了本篇Codelab并且学到了： - 如何使用AudioRecorder录制音频。 -- 如何使用AudioPlayer播放音频。 - - - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Media/Audio_OH_ETS) \ No newline at end of file +- 如何使用AudioPlayer播放音频。 \ No newline at end of file diff --git a/Media/ImageEditorTemplate/README.md b/Media/ImageEditorTemplate/README.md index 0d4b8165c7745f9fc1a6954ce5e90b0043db38e9..509051e43e8159dd49bc35bb51b1bce72783286d 100644 --- a/Media/ImageEditorTemplate/README.md +++ b/Media/ImageEditorTemplate/README.md @@ -46,9 +46,9 @@ 3. 搭建开发环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 实现页面布局和样式 @@ -498,26 +498,13 @@ hsv2rgb(hsv) { } ``` -# 总结 +# 恭喜您 通过本篇Codelab，您可以学到： 1. 利用canvas组件提供的方法，实现图片绘制、裁剪、缩放、保存和恢复。 2. 利用公式算法，结合silder调节值的大小，计算图片的HSV和RGB值，从而调节图片的亮度、对比度和饱和度。 -# 编码挑战 - -本节提供了一个简单的家庭作业，用来测试您的学习情况。 - -## 目标 - -按1：1裁剪图片后顺时针旋转180度。 -# 完整代码 - -您可以点击下面的链接，查看工程的完整代码： - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Media/ImageEditorTemplate) - diff --git a/Media/ImageJsDemo/README.md b/Media/ImageJsDemo/README.md index 3087e124b9a75a6aae43d865753b77ff33ece1e7..5e0e4fafe0dc4f24b1ebee2815262ad81322f33d 100644 --- a/Media/ImageJsDemo/README.md +++ b/Media/ImageJsDemo/README.md @@ -35,7 +35,7 @@ OpenHarmony 基于JS扩展的类Web开发范式支持图片业务的开发，本 3. 搭建开发环境 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 @@ -287,15 +287,11 @@ OpenHarmony 基于JS扩展的类Web开发范式支持图片业务的开发，本 } ``` -# 7.恭喜你 +# 7.恭喜您 恭喜你已经成功完成了本篇Codelab，并且学到了： - image组件的使用 - button组件的使用 - text组件的使用 -- 图片的旋转、剪裁、缩放、镜像四种常见操作 - -# 8.参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/Media/ImageJsDemo) \ No newline at end of file +- 图片的旋转、剪裁、缩放、镜像四种常见操作 \ No newline at end of file diff --git a/Media/ImageJsDemo/entry/proguard-rules.pro b/Media/ImageJsDemo/entry/proguard-rules.pro deleted file mode 100644 index f7666e47561d514b2a76d5a7dfbb43ede86da92a..0000000000000000000000000000000000000000 --- a/Media/ImageJsDemo/entry/proguard-rules.pro +++ /dev/null @@ -1 +0,0 @@ -# config module specific ProGuard rules here. \ No newline at end of file diff --git a/Media/ImageJsDemo/gradle/wrapper/gradle-wrapper.jar b/Media/ImageJsDemo/gradle/wrapper/gradle-wrapper.jar deleted file mode 100644 index 490fda8577df6c95960ba7077c43220e5bb2c0d9..0000000000000000000000000000000000000000 Binary files a/Media/ImageJsDemo/gradle/wrapper/gradle-wrapper.jar and /dev/null differ diff --git a/Media/ImageJsDemo/gradle/wrapper/gradle-wrapper.properties b/Media/ImageJsDemo/gradle/wrapper/gradle-wrapper.properties deleted file mode 100644 index f59159e865d4b59feb1b8c44b001f62fc5d58df4..0000000000000000000000000000000000000000 --- a/Media/ImageJsDemo/gradle/wrapper/gradle-wrapper.properties +++ /dev/null @@ -1,5 +0,0 @@ -distributionBase=GRADLE_USER_HOME -distributionPath=wrapper/dists -distributionUrl=https\://repo.huaweicloud.com/gradle/gradle-6.3-bin.zip -zipStoreBase=GRADLE_USER_HOME -zipStorePath=wrapper/dists diff --git a/Media/ImageJsDemo/settings.gradle b/Media/ImageJsDemo/settings.gradle deleted file mode 100644 index 4773db73233a570c2d0c01a22e75321acfbf7a07..0000000000000000000000000000000000000000 --- a/Media/ImageJsDemo/settings.gradle +++ /dev/null @@ -1 +0,0 @@ -include ':entry' diff --git a/Media/VideoOpenHarmony/README.md b/Media/VideoOpenHarmony/README.md index 198fcbf9e63a1cdf3976917fee56271c26f18b3f..2b8d04ef7c346c565dfc508250a5310b97edb6f6 100644 --- a/Media/VideoOpenHarmony/README.md +++ b/Media/VideoOpenHarmony/README.md @@ -24,9 +24,9 @@ 2. 搭建烧录环境 - 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87)，完成DevEco Studio的安装和开发环境配置。 - 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E5%88%9B%E5%BB%BAets%E5%B7%A5%E7%A8%8B)创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 - 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8)。 + 1. 开始前请参考[工具准备](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-overview.md#%E5%B7%A5%E5%85%B7%E5%87%86%E5%A4%87) ，完成DevEco Studio的安装和开发环境配置。 + 2. 开发环境配置完成后，请参考[使用工程向导](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-js.md#%E5%88%9B%E5%BB%BAjs%E5%B7%A5%E7%A8%8B) 创建工程（模板选择“Empty Ability”），选择JS或者eTS语言开发。 + 3. 工程创建完成后，选择使用[真机进行调测](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/start-with-ets.md#%E4%BD%BF%E7%94%A8%E7%9C%9F%E6%9C%BA%E8%BF%90%E8%A1%8C%E5%BA%94%E7%94%A8) 。 # 代码结构解读 @@ -129,7 +129,7 @@ export default { 本篇Codelab我们最终构建了一个JS版本的视频播放器，应用包含两级页面，分别是主页面和播放页面，两个页面都展示了丰富的JS UI组件，本篇Codelab我们学会了swiper、list容器组件的使用和video媒体组件的使用。 -# 恭喜你 +# 恭喜您 目前你已经成功完成了Codelab并且学到了： @@ -138,7 +138,3 @@ export default { - swiper组件的使用 - list组件的使用 - video组件的使用 - -# 参考 - -[gitee源码](https://gitee.com/openharmony/codelabs/tree/master/Media/VideoOpenHarmony) diff --git a/ThirdPartyComponents/VCardDemo/README.md b/ThirdPartyComponents/VCardDemo/README.md index b3c29d814e4c95c20720a2a571f9c1ec2932a02d..ff7f375aaf8e0fd67213aeb5e017cbf984b8ced3 100644 --- a/ThirdPartyComponents/VCardDemo/README.md +++ b/ThirdPartyComponents/VCardDemo/README.md @@ -64,12 +64,8 @@ =e6=98=b5=e7=a7=b0=e5=b0=8f=e5=bc=a0;;;;;;;;;;;;;; END:VCAR ``` -# 恭喜你 +# 恭喜您 通过本篇Codelab，您可以学到： -OpenHarmony三方库使用。 - -# 参考 - -[gitee地址](https://gitee.com/openharmony/codelabs/tree/master/ThirdPartyComponents/VCardDemo) \ No newline at end of file +OpenHarmony三方库使用。 \ No newline at end of file