整改readme

Signed-off-by: wangzhiyu <wangzhiyu12@huawei.com>
This commit is contained in:
wangzhiyu 2023-07-07 16:02:48 +08:00
parent 8ba153e3c7
commit 9916c0402a
768 changed files with 127 additions and 127 deletions

View File

@ -1,9 +1,9 @@
# App Samples<a name="EN-US_TOPIC_0000001115464207"></a>
- [Introduction](#section1470103520301)
- [Content](#sectionMenu)
- [Usage](#section17988202503116)
- [Limitations](#section18841871178)
- [Repositories Involved](#section741114082513)
## Introduction<a name="section1470103520301"></a>
@ -61,10 +61,10 @@ We provide a series of app samples to help you quickly get familiar with the API
- [`KikaInput`Lite Input MethodJSAPI10](code/Solutions/InputMethod/KikaInput)
- [`FlipClock`Flip ClockArkTSAPI9](code/Solutions/Tools/FlipClock)
- ETSUI
- [`Canvas`CanvasArkTSAPI9](code/UI/ArkTsComponentClollection/Canvas)
- [`DefiningPageLayoutAndConnection`Defining Page Layout and ConnectionArkTSAPI9](code/UI/ArkTsComponentClollection/DefiningPageLayoutAndConnection)
- [`Drag`Drag ArkTSAPI9](code/UI/ArkTsComponentClollection/Drag)
- [`MediaQuery`Media Query ArkTSAPI9](code/UI/ArkTsComponentClollection/MediaQuery)
- [`Canvas`CanvasArkTSAPI9](code/UI/ArkTsComponentCollection/Canvas)
- [`DefiningPageLayoutAndConnection`Defining Page Layout and ConnectionArkTSAPI9](code/UI/ArkTsComponentCollection/DefiningPageLayoutAndConnection)
- [`Drag`Drag ArkTSAPI9](code/UI/ArkTsComponentCollection/Drag)
- [`MediaQuery`Media Query ArkTSAPI9](code/UI/ArkTsComponentCollection/MediaQuery)
- [`AdaptiveCapabilities`AdaptiveCapabilitiesArkTSAPI9](code/SuperFeature/MultiDeviceAppDev/AdaptiveCapabilities)
- [`Game2048`2048 GameArkTSAPI9](code/Solutions/Game/Game2048)
- [`Lottie`LottieArkTSAPI9](code/Solutions/Game/Lottie)

View File

@ -36,20 +36,20 @@
<tr height="18" style='height:13.50pt;'>
<td width="140" align="center" rowspan="3" style='height:27.00pt' x:str><strong>UI</strong></td>
<td rowspan="2" x:str><strong>声明式开发范式</strong></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentClollection/ComponentCollection">ArkTS组件集</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentClollection/Canvas">画布组件</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentClollection/DefiningPageLayoutAndConnection">页面布局和连接</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentClollection/Drag">拖拽事件</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentCollection/ComponentCollection">ArkTS组件集</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentCollection/Canvas">画布组件</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentCollection/DefiningPageLayoutAndConnection">页面布局和连接</a></td>
<td width="170" x:str><a href="code/UI/ArkTsComponentCollection/Drag">拖拽事件</a></td>
</tr>
<tr height="18" style='height:13.50pt;'>
<td x:str><a href="code/UI/ArkTsComponentClollection/MediaQuery">横竖屏切换</a></td>
<td x:str><a href="code/UI/ArkTsComponentClollection/StateManagement">状态管理</a></td>
<td x:str><a href="code/UI/ArkTsComponentCollection/MediaQuery">横竖屏切换</a></td>
<td x:str><a href="code/UI/ArkTsComponentCollection/StateManagement">状态管理</a></td>
<td ></td>
<td ></td>
</tr>
<tr height="18" style='height:13.50pt;'>
<td x:str><strong>类Web开发范式</strong></td>
<td x:str><a href="code/UI/JsComponentClollection/JsComponentCollection">Js组件集</a></td>
<td x:str><a href="code/UI/JsComponentCollection/JsComponentCollection">Js组件集</a></td>
<td ></td>
<td ></td>
<td ></td>
@ -416,8 +416,8 @@ Sample仓下所展示的组件能力
```
code
|---UI # UI开发
|---ArkTsComponentClollection # ArkTs组件集
|---JsComponentClollection # 类Web开发范式组件集
|---ArkTsComponentCollection # ArkTs组件集
|---JsComponentCollection # 类Web开发范式组件集
|---BasicFeature # 基础特性
|---ApplicationModels # 应用模型
|---Notification # 通知

View File

@ -80,8 +80,8 @@
1.[`AbilityConnectServiceExtension`Ability与ServiceExtensionAbility通信ArkTSAPI9Full SDK](code/BasicFeature/IDL/AbilityConnectServiceExtension)
2.[`CustomNotification`自定义通知ArkTSAPI9](code/BasicFeature/Notification/CustomNotification)
3.[`OrangeShopping`购物示例应用ArkTSAPI9](code/Solutions/Shopping/OrangeShopping)
4.[`ComponentCollection`组件集合ArkTSAPI9](code/UI/ArkTsComponentClollection/ComponentCollection)
5.[`JsComponentCollection`组件集合JSAPI9](code/UI/JsComponentClollection/JsComponentCollection)
4.[`ComponentCollection`组件集合ArkTSAPI9](code/UI/ArkTsComponentCollection/ComponentCollection)
5.[`JsComponentCollection`组件集合JSAPI9](code/UI/JsComponentCollection/JsComponentCollection)
# 11月7日删除Sample总计27个分类173个sample
1.`NativeAPI``NativeAPIArkTSAPI8`

View File

@ -133,7 +133,7 @@ Stage模型的设计基于如下三个出发点
1.本示例仅支持标准系统上运行。
2.本示例已适配API version 9版本SDK版本号3.2.11.9,本示例使用了 ServiceExtensionAbility、DataShareExtensionAbility等相关系统接口需要替换Full SDK使用Full SDK时需要手动从镜像站点获取并在DevEco Studio中替换具体操作可参考[替换指南](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/quick-start/full-sdk-switch-guide.md/)。
2.本示例已适配API version 10版本SDK版本号4.0.8.5,本示例使用了 ServiceExtensionAbility、DataShareExtensionAbility等相关系统接口需要替换Full SDK使用Full SDK时需要手动从镜像站点获取并在DevEco Studio中替换具体操作可参考[替换指南](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/quick-start/full-sdk-switch-guide.md/)。
3.本示例使用了 ServiceExtensionAbility、DataShareExtensionAbility需要在签名证书UnsgnedReleasedProfileTemplate.json中配置"app-privilege-capabilities": ["AllowAppUsePrivilegeExtension"],否则安装失败。具体操作指南可参考[应用特权配置指南](https://gitee.com/openharmony/docs/blob/eb73c9e9dcdd421131f33bb8ed6ddc030881d06f/zh-cn/device-dev/subsystems/subsys-app-privilege-config-guide.md)。

View File

@ -20,7 +20,7 @@ In this sample, [\<TextArea>](https://gitee.com/openharmony/docs/blob/master/en/
### Preview
![](screenshots/devices/en/scale.png) ![](screenshots/devices/en/crop_choice.png) ![](screenshots/devices/en/rotate.png)
![](screenshots/devices/scale.jpeg) ![](screenshots/devices/crop.jpeg) ![](screenshots/devices/rotato.jpeg)
### Required Permissions

View File

@ -2,8 +2,8 @@
### 介绍
本示例主要展示了音频通话相关的功能,使用[@ohos.multimedia.audio](https//docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/reference/apis/js-apis-audio.md/)
、[@ohos.net.socket](https//docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/reference/apis/js-apis-socket.md/)
本示例主要展示了音频通话相关的功能,使用[@ohos.multimedia.audio](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/reference/apis/js-apis-audio.md/)
、[@ohos.net.socket](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/reference/apis/js-apis-socket.md/)
等接口,实现音频录制和渲染,音频数据网络传输等功能
### 效果预览
@ -76,26 +76,26 @@
### 具体实现
+ TCP socket模拟音频流网络传输
+ 代码:[BufferModel](entry/src/main/ets/model/BufferModel.ts)和 [SocketImpl](entry/src/main/ets/net/SocketImpl.ts)
+ 代码:[BufferModel](entry/src/main/ets/model/BufferModel.ets)和 [SocketImpl](entry/src/main/ets/net/SocketImpl.ets)
+ 使用@ohos.net.socket 的constructTCPSocketInstance创建TCP socket连接模拟实现音频流网络传输
+ 3s一次检查网络状态和尝试连接实现网络异常时的处理逻辑
+ 音频录制:
+ [CapturerWorker](entry/src/main/ets/workers/CapturerWorker.ts)创建音频采集的子线程
+ [AudioCapturerHelper](./entry/src/main/ets/audio/AudioCapturerHelper.ts)
+ [AudioCapturerHelper](./entry/src/main/ets/audio/AudioCapturerHelper.ets)
使用@ohos.multimedia.audio.AudioCapturer完成音频采集 [具体使用参考](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/media/using-audiocapturer-for-recording.md/)
+ 音频播放:
+ [RendererWorker](entry/src/main/ets/workers/RendererWorker.ts)创建音频播放的子线程
+ [AudioRendererHelper](./entry/src/main/ets/audio/AudioCapturerHelper.ts)
+ [AudioRendererHelper](./entry/src/main/ets/audio/AudioCapturerHelper.ets)
使用@ohos.multimedia.audio.AudioRenderer完成音频播放 [具体使用参考](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/media/using-audiorenderer-for-playback.md/)
+ 麦克风与扬声器以及通话场景控制:
+ 代码[AudioManagerModel](entry/src/main/ets/model/AudioManagerModel.ts)
+ 代码[AudioManagerModel](entry/src/main/ets/model/AudioManagerModel.ets)
+ 使用@ohos.multimedia.audio.AudioManager的setAudioScene接口切换通话场景
+ 使用@ohos.multimedia.audio.AudioVolumeGroupManager的setMicrophoneMute接口切换麦克风
+ 使用@ohos.multimedia.audio.AudioRoutingManager的setCommunicationDevice接口切换扬声器
### 相关权限
| [权限](https//docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/) | 说明 | 权限登记 | 授权方式 |
| [权限](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/) | 说明 | 权限登记 | 授权方式 |
|-------------------------------------------------------------------------------------------------|------------------|--------------|--------------|
| ohos.permission.MICROPHONE | 允许应用使用麦克风 | normal | user_grant |
| ohos.permission.INTERNET | 允许使用Internet网络 | normal | system_grant |
@ -119,12 +119,12 @@
3.本示例需要使用DevEco Studio 3.1 Beta2 (Build Version 3.1.0.400, built on April 7, 2023)才可编译运行
4.本示例涉及使用系统接口@ohos.multimedia.audiosetAudioScene需要手动替换Full
SDK才能编译通过具体操作可参考[替换指南](https//docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/quick-start/full-sdk-switch-guide.md/)
SDK才能编译通过具体操作可参考[替换指南](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/quick-start/full-sdk-switch-guide.md/)
5.本示例所配置的权限为system_basic级别(
相关权限级别可通过[权限定义列表](https//docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/)
相关权限级别可通过[权限定义列表](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/permission-list.md/)
查看),需要手动配置对应级别的权限签名(
具体操作可查看[自动化签名方案](https//docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/hapsigntool-overview.md/))
具体操作可查看[自动化签名方案](https://docs.openharmony.cn/pages/v3.2/zh-cn/application-dev/security/hapsigntool-overview.md/))
6.本示例有使用系统特性api需要手动配置对应级别的应用类型("app-feature": "hos_system_app")。具体可参考profile配置文件[bundle-info对象内部结构](https://gitee.com/openharmony/docs/blob/eb73c9e9dcdd421131f33bb8ed6ddc030881d06f/zh-cn/application-dev/security/app-provision-structure.md#bundle-info%E5%AF%B9%E8%B1%A1%E5%86%85%E9%83%A8%E7%BB%93%E6%9E%84)

View File

@ -62,7 +62,7 @@ entry/src/main/ets/
### 依赖
本示例需要依赖[窗口比例](code/BasicFeature/WindowManagement/WindowRatio)sample本示例点击“拉起悬浮应用”按钮之后会以悬浮窗模式拉起[窗口比例](code/BasicFeature/WindowManagement/WindowRatio)sample。
本示例需要依赖[窗口比例](../../../../code/BasicFeature/WindowManagement/WindowRatio)sample本示例点击“拉起悬浮应用”按钮之后会以悬浮窗模式拉起[窗口比例](../../../../code/BasicFeature/WindowManagement/WindowRatio)sample。
### 约束与限制

View File

@ -1,90 +0,0 @@
# 画布组件
### 介绍
<canvas\>组件可以自定义绘制图形本示例展示了<canvas\>组件的使用方法
### 效果预览
| 主页 |
|--------------------------------|
|![](screenshots/device/main.png) |
使用说明
1.点击“RenderingContext”按钮跳转进入RenderingContext页面查看相关的方法属性点击按钮可查看对应的方法属性的效果展示。
2.点击“TransformExample”按钮跳转进入TransformExample页面查看相关的方法属性点击按钮可查看对应的方法属性的效果展示。
3.点击“ShadowOffset”按钮跳转进入ShadowOffset页面查看相关的方法属性点击按钮可查看对应的方法属性的效果展示。
4.点击“Path2D”按钮跳转进入Path2D页面查看所有相关的方法属性点击按钮可查看对应的方法属性的效果展示。
5.点击“ImageBitmap”按钮跳转进入ImageBitmap页面查看图片效果展示。
6.点击“CanvasGrident”按钮跳转进入CanvasGrident页面可查看两种渐变方法的效果展示。
### 工程目录
```
entry/src/main/ets/MainAbility
|---app.ets
|---pages
| |---BitmapExample.ets // ImageBitmap页面,图片效果展示
| |---GradientExample.ets // CanvasGrident页面, 展示两种渐变方法的效果
| |---Index.ets // 首页
| |---PathExample.ets // Path2D页面方法属性的效果展示
| |---RenderingContext.ets // RenderingContext页面方法属性的效果展示
| |---RenderingContext1.ets // RenderingContext1页面方法属性的效果展示
| |---RenderingContext2.ets // RenderingContext2页面方法属性的效果展示
| |---ShadowOffsetExample.ets // ShadowOffset页面方法属性的效果展示
| |---TransformExample.ets // TransformExample页面方法属性的效果展示
```
### 具体实现
* 所有模块用到接口:[@ohos.router](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis/js-apis-router.md)
* RenderingContext模块提供了绘制圆弧(arc),绘制描边文字(strokeText),绘制一条路径(closePath),绘制曲线(quadraticCurveTo),绘制基线(textBaseline)方法属性
* RenderingContext1模块提供了颜色设置(strokeStyle),中线端点(lineCap),透明度(globalAlpha),文字水平对齐(textAlign),创建圆形边角(lineJoin),最大斜接长度(miterLimit),合成操作(globalCompositeOperation)方法属性
* RenderingContext2模块提供了绘制介于两条切线之间的弧(arcTo),绘制三次贝塞尔曲线(bezierCurveTo),绘制椭圆(ellipse),创建矩形(rect),在指定的方向内重复指定的元素(createPattern),绘制虚线(lineDashOffsetsetLineDash),画布缩放(scale)方法属性
* TransformExample模块提供了画布平移(translate),画布变换(transform),变换矩阵(setTransform),图形旋转(rotate)方法属性
* ShadowOffset模块提供了设置或返回阴影与形状的垂直距离(shadowOffsetY),设置或返回阴影与形状的水平距离(shadowOffsetX),设置或返回阴影的模糊级数(shadowBlur)方法属性
* Path2D模块提供了绘制圆弧(arc),曲线(quadraticCurveTo),绘制三次贝塞尔曲线(bezierCurveTo),绘制介于两条切线之间的弧(arcTo),绘制椭圆(ellipse),创建矩形(rect),绘制一条路径(closePath),添加路径(addPath)的平面画图属性
* BitmapExample模块提供了图片效果展示的方法
* CanvasGrident模块提供了创建(圆形)梯度渐变(createRadialGradient),创建线条渐变(createLinearGradient)方法
#### 相关概念
Canvas提供画布组件用于自定义绘制图形。
### 相关权限
不涉及。
### 依赖
不涉及。
### 约束与限制
1.本示例仅支持标准系统运行。
2.本示例需要使用DevEco Studio 3.1 Beta2 (Build Version: 3.1.0.400 构建 2023年4月7日)才可编译运行。
### 下载
如需单独下载本工程,执行如下命令:
```
git init
git config core.sparsecheckout true
echo /code/UI/ArkTsComponentClollection/Canvas > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master
```

View File

@ -0,0 +1,90 @@
# 画布组件
### 介绍
<canvas\>组件可以自定义绘制图形本示例展示了<canvas\>组件的使用方法
### 效果预览
| 主页 |
|--------------------------------|
|![](screenshots/device/main.png) |
使用说明
1.点击“RenderingContext”按钮跳转进入RenderingContext页面查看相关的方法属性点击按钮可查看对应的方法属性的效果展示。
2.点击“TransformExample”按钮跳转进入TransformExample页面查看相关的方法属性点击按钮可查看对应的方法属性的效果展示。
3.点击“ShadowOffset”按钮跳转进入ShadowOffset页面查看相关的方法属性点击按钮可查看对应的方法属性的效果展示。
4.点击“Path2D”按钮跳转进入Path2D页面查看所有相关的方法属性点击按钮可查看对应的方法属性的效果展示。
5.点击“ImageBitmap”按钮跳转进入ImageBitmap页面查看图片效果展示。
6.点击“CanvasGrident”按钮跳转进入CanvasGrident页面可查看两种渐变方法的效果展示。
### 工程目录
```
entry/src/main/ets/MainAbility
|---app.ets
|---pages
| |---BitmapExample.ets // ImageBitmap页面,图片效果展示
| |---GradientExample.ets // CanvasGrident页面, 展示两种渐变方法的效果
| |---Index.ets // 首页
| |---PathExample.ets // Path2D页面方法属性的效果展示
| |---RenderingContext.ets // RenderingContext页面方法属性的效果展示
| |---RenderingContext1.ets // RenderingContext1页面方法属性的效果展示
| |---RenderingContext2.ets // RenderingContext2页面方法属性的效果展示
| |---ShadowOffsetExample.ets // ShadowOffset页面方法属性的效果展示
| |---TransformExample.ets // TransformExample页面方法属性的效果展示
```
### 具体实现
* 所有模块用到接口:[@ohos.router](https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis/js-apis-router.md)
* RenderingContext模块提供了绘制圆弧(arc),绘制描边文字(strokeText),绘制一条路径(closePath),绘制曲线(quadraticCurveTo),绘制基线(textBaseline)方法属性
* RenderingContext1模块提供了颜色设置(strokeStyle),中线端点(lineCap),透明度(globalAlpha),文字水平对齐(textAlign),创建圆形边角(lineJoin),最大斜接长度(miterLimit),合成操作(globalCompositeOperation)方法属性
* RenderingContext2模块提供了绘制介于两条切线之间的弧(arcTo),绘制三次贝塞尔曲线(bezierCurveTo),绘制椭圆(ellipse),创建矩形(rect),在指定的方向内重复指定的元素(createPattern),绘制虚线(lineDashOffsetsetLineDash),画布缩放(scale)方法属性
* TransformExample模块提供了画布平移(translate),画布变换(transform),变换矩阵(setTransform),图形旋转(rotate)方法属性
* ShadowOffset模块提供了设置或返回阴影与形状的垂直距离(shadowOffsetY),设置或返回阴影与形状的水平距离(shadowOffsetX),设置或返回阴影的模糊级数(shadowBlur)方法属性
* Path2D模块提供了绘制圆弧(arc),曲线(quadraticCurveTo),绘制三次贝塞尔曲线(bezierCurveTo),绘制介于两条切线之间的弧(arcTo),绘制椭圆(ellipse),创建矩形(rect),绘制一条路径(closePath),添加路径(addPath)的平面画图属性
* BitmapExample模块提供了图片效果展示的方法
* CanvasGrident模块提供了创建(圆形)梯度渐变(createRadialGradient),创建线条渐变(createLinearGradient)方法
#### 相关概念
Canvas提供画布组件用于自定义绘制图形。
### 相关权限
不涉及。
### 依赖
不涉及。
### 约束与限制
1.本示例仅支持标准系统运行。
2.本示例需要使用DevEco Studio 3.1 Beta2 (Build Version: 3.1.0.400 构建 2023年4月7日)才可编译运行。
### 下载
如需单独下载本工程,执行如下命令:
```
git init
git config core.sparsecheckout true
echo /code/UI/ArkTsComponentClollection/Canvas > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master
```

View File

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View File

@ -253,7 +253,7 @@ entry/src/main/ets/
```
git init
git config core.sparsecheckout true
echo code/UI/ArkTsComponentClollection/ComponentCollection/ > .git/info/sparse-checkout
echo code/UI/ArkTsComponentCollection/ComponentCollection/ > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master

Some files were not shown because too many files have changed in this diff Show More