未验证 提交 229e255a 编写于 作者: O openharmony_ci 提交者: Gitee

!4661 【OpenHarmony开源贡献者计划2022】相关格式及表达问题

Merge pull request !4661 from king_he/0529-1
# Gauge # Gauge
> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > **NOTE**<br>
> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.
Data gauge chart widget, which is used to display data in a ring chart. This component is used to create a data gauge chart widget that displays data in a ring chart.
## Required Permissions ## Required Permissions
...@@ -22,8 +22,8 @@ None ...@@ -22,8 +22,8 @@ None
Gauge(value:{value: number, min?: number, max?: number}) Gauge(value:{value: number, min?: number, max?: number})
- Parameter - Parameters
| Name | Type | Mandatory | Default Value | Description | | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
| value | number | Yes | - | Current data value. | | value | number | Yes | - | Current data value. |
| min | number | No | 0 | Minimum value of the current data segment. | | min | number | No | 0 | Minimum value of the current data segment. |
...@@ -35,9 +35,9 @@ Gauge(value:{value: number, min?: number, max?: number}) ...@@ -35,9 +35,9 @@ Gauge(value:{value: number, min?: number, max?: number})
| Name | Type | Default Value | Description | | Name | Type | Default Value | Description |
| -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- |
| value | number | 0 | Sets the value of the current data chart. | | value | number | 0 | Sets the value of the current data chart. |
| startAngle | Angle | -150 | Set the start angle. Clock 0 indicates 0 degree, and the clockwise direction indicates the positive angle. | | startAngle | Angle | -150 | Sets the start angle. Clock 0 indicates 0 degree, and the clockwise direction indicates the positive angle. |
| endAngle | Angle | 150 | Sets the end angle position. The clock 0 point is 0 degree, and the clockwise direction is the positive angle. | | endAngle | Angle | 150 | Sets the end angle position. The clock 0 point is 0 degree, and the clockwise direction is the positive angle. |
| colors | Color \| Array&lt;ColorStop&gt; | - | Set the color of the chart. You can set the pure color or segmental gradient color. | | colors | Color \| Array&lt;ColorStop&gt; | - | Sets the color of the chart. You can set the pure color or segmental gradient color. |
| strokeWidth | Length | - | Sets the ring thickness of a ring chart. | | strokeWidth | Length | - | Sets the ring thickness of a ring chart. |
......
# Image # Image
> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > **NOTE**<br>
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
...@@ -23,7 +23,7 @@ None ...@@ -23,7 +23,7 @@ None
Image(value: {uri: string | PixelMap}) Image(value: {uri: string | PixelMap})
- Parameters - Parameters
| Name | Type | Mandatory | Default Value | Description | | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
| uri | string | Yes | - | Image URI. Both local and Internal URIs are supported. | | uri | string | Yes | - | Image URI. Both local and Internal URIs are supported. |
...@@ -41,7 +41,7 @@ Image(value: {uri: string | PixelMap}) ...@@ -41,7 +41,7 @@ Image(value: {uri: string | PixelMap})
| syncLoad<sup>8+</sup> | boolean | false | Whether to load images synchronously. By default, images are loaded asynchronously. During synchronous loading, the UI thread is blocked and the placeholder diagram is not displayed. | | syncLoad<sup>8+</sup> | boolean | false | Whether to load images synchronously. By default, images are loaded asynchronously. During synchronous loading, the UI thread is blocked and the placeholder diagram is not displayed. |
- ImageFit enums - ImageFit enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| Cover | The image is scaled with its aspect ratio retained for both sides to be greater than or equal to the display boundaries. | | Cover | The image is scaled with its aspect ratio retained for both sides to be greater than or equal to the display boundaries. |
| Contain | The image is scaled with its aspect ratio retained for the content to be completely displayed within the display boundaries. | | Contain | The image is scaled with its aspect ratio retained for the content to be completely displayed within the display boundaries. |
...@@ -50,7 +50,7 @@ Image(value: {uri: string | PixelMap}) ...@@ -50,7 +50,7 @@ Image(value: {uri: string | PixelMap})
| ScaleDown | The image content is displayed with its aspect ratio retained. The size is smaller than or equal to the original size. | | ScaleDown | The image content is displayed with its aspect ratio retained. The size is smaller than or equal to the original size. |
- ImageInterpolation enums - ImageInterpolation enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| None | Interpolation image data is not used. | | None | Interpolation image data is not used. |
| High | The interpolation image data is used at the high level. The use of the interpolation image data may affect the image rendering speed. | | High | The interpolation image data is used at the high level. The use of the interpolation image data may affect the image rendering speed. |
...@@ -58,7 +58,7 @@ Image(value: {uri: string | PixelMap}) ...@@ -58,7 +58,7 @@ Image(value: {uri: string | PixelMap})
| Low | The interpolation image data is used at the low level. | | Low | The interpolation image data is used at the low level. |
- ImageRenderMode enums - ImageRenderMode enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| Original | The image is rendered based on the original image, including the color. | | Original | The image is rendered based on the original image, including the color. |
| Template | The image is rendered as a template image, and its color is ignored. | | Template | The image is rendered as a template image, and its color is ignored. |
...@@ -66,7 +66,7 @@ Image(value: {uri: string | PixelMap}) ...@@ -66,7 +66,7 @@ Image(value: {uri: string | PixelMap})
## Events ## Events
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| onComplete(callback: (event?: { width: number, height: number, componentWidth: number, componentHeight: number, loadingStatus: number }) =&gt; void) | Triggered when an image is successfully loaded. The loaded image is returned. | | onComplete(callback: (event?: { width: number, height: number, componentWidth: number, componentHeight: number, loadingStatus: number }) =&gt; void) | Triggered when an image is successfully loaded. The loaded image is returned. |
| onError(callback: (event?: { componentWidth: number, componentHeight: number }) =&gt; void) | An exception occurs during image loading. | | onError(callback: (event?: { componentWidth: number, componentHeight: number }) =&gt; void) | An exception occurs during image loading. |
......
# ImageAnimator # ImageAnimator
> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > **NOTE**<br>
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
...@@ -37,7 +37,7 @@ ImageAnimator() ...@@ -37,7 +37,7 @@ ImageAnimator()
| iterations | number | 1 | No | By default, the animation is played once. The value **-1** indicates that the animation is played for an unlimited number of times. | | iterations | number | 1 | No | By default, the animation is played once. The value **-1** indicates that the animation is played for an unlimited number of times. |
- AnimationStatus enums - AnimationStatus enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| Initial | The animation is in the initial state. | | Initial | The animation is in the initial state. |
| Running | The animation is being played. | | Running | The animation is being played. |
...@@ -53,8 +53,8 @@ ImageAnimator() ...@@ -53,8 +53,8 @@ ImageAnimator()
## Events ## Events
| Name | Description | | Name | Description |
| -------- | -------- | -------- | | -------- | -------- |
| onStart() =&gt; void | Triggered when the animation starts to play. | | onStart() =&gt; void | Triggered when the animation starts to play. |
| onPause() =&gt; void | Triggered when the animation playback is paused. | | onPause() =&gt; void | Triggered when the animation playback is paused. |
| onRepeat() =&gt; void | Triggered when the animation playback is repeated. | | onRepeat() =&gt; void | Triggered when the animation playback is repeated. |
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册