整改readme
Signed-off-by: wangzhiyu <wangzhiyu12@huawei.com>
10
README.md
@ -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 Method(JS)(API10)](code/Solutions/InputMethod/KikaInput)
|
||||
- [`FlipClock`:Flip Clock(ArkTS)(API9)](code/Solutions/Tools/FlipClock)
|
||||
- ETSUI
|
||||
- [`Canvas`:Canvas(ArkTS)(API9)](code/UI/ArkTsComponentClollection/Canvas)
|
||||
- [`DefiningPageLayoutAndConnection`:Defining Page Layout and Connection(ArkTS)(API9)](code/UI/ArkTsComponentClollection/DefiningPageLayoutAndConnection)
|
||||
- [`Drag`:Drag (ArkTS)(API9)](code/UI/ArkTsComponentClollection/Drag)
|
||||
- [`MediaQuery`:Media Query (ArkTS)(API9)](code/UI/ArkTsComponentClollection/MediaQuery)
|
||||
- [`Canvas`:Canvas(ArkTS)(API9)](code/UI/ArkTsComponentCollection/Canvas)
|
||||
- [`DefiningPageLayoutAndConnection`:Defining Page Layout and Connection(ArkTS)(API9)](code/UI/ArkTsComponentCollection/DefiningPageLayoutAndConnection)
|
||||
- [`Drag`:Drag (ArkTS)(API9)](code/UI/ArkTsComponentCollection/Drag)
|
||||
- [`MediaQuery`:Media Query (ArkTS)(API9)](code/UI/ArkTsComponentCollection/MediaQuery)
|
||||
- [`AdaptiveCapabilities`:AdaptiveCapabilities(ArkTS)(API9)](code/SuperFeature/MultiDeviceAppDev/AdaptiveCapabilities)
|
||||
- [`Game2048`:2048 Game(ArkTS)(API9)](code/Solutions/Game/Game2048)
|
||||
- [`Lottie`:Lottie(ArkTS)(API9)](code/Solutions/Game/Lottie)
|
||||
|
18
README_zh.md
@ -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 # 通知
|
||||
|
@ -80,8 +80,8 @@
|
||||
1.[`AbilityConnectServiceExtension`:Ability与ServiceExtensionAbility通信(ArkTS)(API9)(Full SDK)](code/BasicFeature/IDL/AbilityConnectServiceExtension)
|
||||
2.[`CustomNotification`:自定义通知(ArkTS)(API9)](code/BasicFeature/Notification/CustomNotification)
|
||||
3.[`OrangeShopping`:购物示例应用(ArkTS)(API9)](code/Solutions/Shopping/OrangeShopping)
|
||||
4.[`ComponentCollection`:组件集合(ArkTS)(API9)](code/UI/ArkTsComponentClollection/ComponentCollection)
|
||||
5.[`JsComponentCollection`:组件集合(JS)(API9)](code/UI/JsComponentClollection/JsComponentCollection)
|
||||
4.[`ComponentCollection`:组件集合(ArkTS)(API9)](code/UI/ArkTsComponentCollection/ComponentCollection)
|
||||
5.[`JsComponentCollection`:组件集合(JS)(API9)](code/UI/JsComponentCollection/JsComponentCollection)
|
||||
|
||||
# 11月7日删除Sample(总计27个分类,173个sample)
|
||||
1.`NativeAPI`:`NativeAPI(ArkTS)(API8)`
|
||||
|
@ -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)。
|
||||
|
||||
|
@ -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
|
||||
|
||||
|
@ -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.audio:setAudioScene,需要手动替换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)
|
||||
|
||||
|
@ -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。
|
||||
|
||||
|
||||
### 约束与限制
|
||||
|
@ -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),绘制虚线(lineDashOffset,setLineDash),画布缩放(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
|
||||
```
|
90
code/UI/ArkTsComponentCollection/Canvas/README_zh.md
Normal 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),绘制虚线(lineDashOffset,setLineDash),画布缩放(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
|
||||
```
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 6.1 KiB After Width: | Height: | Size: 6.1 KiB |
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 6.6 KiB After Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
@ -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
|
||||
|