未验证 提交 5fc3cfaa 编写于 作者: O openharmony_ci 提交者: Gitee

!15132 翻译完成 14119:自检格式问题修改

Merge pull request !15132 from ester.zhou/TR-14119
...@@ -19,6 +19,7 @@ DatePicker(options?: {start?: Date, end?: Date, selected?: Date}) ...@@ -19,6 +19,7 @@ DatePicker(options?: {start?: Date, end?: Date, selected?: Date})
Creates a date picker in the given date range. Creates a date picker in the given date range.
**Parameters** **Parameters**
| Name| Type| Mandatory | Description| | Name| Type| Mandatory | Description|
| -------- | -------- | ------------- | -------- | | -------- | -------- | ------------- | -------- |
| start | Date | No | Start date of the picker.<br>Default value: **Date('1970-1-1')**| | start | Date | No | Start date of the picker.<br>Default value: **Date('1970-1-1')**|
......
...@@ -18,12 +18,14 @@ RemoteWindow(target: WindowAnimationTarget) ...@@ -18,12 +18,14 @@ RemoteWindow(target: WindowAnimationTarget)
Creates a **\<RemoteWindow>** through a window animation object. Creates a **\<RemoteWindow>** through a window animation object.
- Parameters **Parameters**
| Name| Type| Mandatory| Default Value| Description|
| -------- | -------- | -------- | -------- | -------- | | Name| Type| Mandatory| Default Value| Description|
| target | [WindowAnimationTarget](#windowanimationtarget) | Yes| - | Description of the animation window to control.| | -------- | -------- | -------- | -------- | -------- |
| target | [WindowAnimationTarget](#windowanimationtarget) | Yes| - | Description of the animation window to control.|
## WindowAnimationTarget ## WindowAnimationTarget
Implements a target window, which is used to remotely control the animation. Implements a target window, which is used to remotely control the animation.
| Name | Type | Description| | Name | Type | Description|
...@@ -34,6 +36,7 @@ Implements a target window, which is used to remotely control the animation. ...@@ -34,6 +36,7 @@ Implements a target window, which is used to remotely control the animation.
| missionId | number | Mission ID.| | missionId | number | Mission ID.|
## RRect ## RRect
Implements a rounded rectangle. Implements a rounded rectangle.
| Name | Type | Description| | Name | Type | Description|
......
...@@ -24,7 +24,7 @@ Slider(options?: {value?: number, min?: number, max?: number, step?: number, sty ...@@ -24,7 +24,7 @@ Slider(options?: {value?: number, min?: number, max?: number, step?: number, sty
| min | number | No| Minimum value.<br>Default value: **0**| | min | number | No| Minimum value.<br>Default value: **0**|
| max | number | No| Maximum value.<br>Default value: **100**| | max | number | No| Maximum value.<br>Default value: **100**|
| step | number | No| Step of the slider.<br>Default value: **1**<br>Value range: [0.01, max]| | step | number | No| Step of the slider.<br>Default value: **1**<br>Value range: [0.01, max]|
| style | SliderStyle | No| Style of the slider thumb and track.<br>Default value: **SliderStyle.OutSet**| | style | [SliderStyle](#sliderstyle) | No| Style of the slider thumb and track.<br>Default value: **SliderStyle.OutSet**|
| direction<sup>8+</sup> | [Axis](ts-appendix-enums.md#axis) | No| Whether the slider moves horizontally or vertically.<br>Default value: **Axis.Horizontal**| | direction<sup>8+</sup> | [Axis](ts-appendix-enums.md#axis) | No| Whether the slider moves horizontally or vertically.<br>Default value: **Axis.Horizontal**|
| reverse<sup>8+</sup> | boolean | No| Whether the slider values are reversed. By default, the values increase from left to right for a horizontal slider and from top to bottom for a vertical slider.<br>Default value: **false**| | reverse<sup>8+</sup> | boolean | No| Whether the slider values are reversed. By default, the values increase from left to right for a horizontal slider and from top to bottom for a vertical slider.<br>Default value: **false**|
......
...@@ -53,7 +53,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the ...@@ -53,7 +53,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the
| Next | The Enter key is labeled "Next."| | Next | The Enter key is labeled "Next."|
| Done | The Enter key is labeled "Done." | | Done | The Enter key is labeled "Done." |
## InputType enums ## InputType
| Name | Description | | Name | Description |
| ------------------ | ------------- | | ------------------ | ------------- |
...@@ -70,7 +70,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the ...@@ -70,7 +70,7 @@ In addition to the [universal attributes](ts-universal-attributes-size.md), the
| Default | Default style. The caret width is fixed at 1.5 vp, and the caret height is subject to the background height and font size of the selected text. | | Default | Default style. The caret width is fixed at 1.5 vp, and the caret height is subject to the background height and font size of the selected text. |
| Inline | Inline input style. The background height of the selected text is the same as the height of the text box. | | Inline | Inline input style. The background height of the selected text is the same as the height of the text box. |
## Event ## Events
In addition to the [universal events](ts-universal-events-click.md), the following events are supported. In addition to the [universal events](ts-universal-events-click.md), the following events are supported.
......
...@@ -26,9 +26,9 @@ Toggle(options: { type: ToggleType, isOn?: boolean }) ...@@ -26,9 +26,9 @@ Toggle(options: { type: ToggleType, isOn?: boolean })
## ToggleType ## ToggleType
| Name | Description | | Name | Description |
| -------- | ---------------- | | -------- | ---------------- |
| Checkbox | Check box type.<br>> **NOTE**<br>> The default value of the universal attribute [padding](ts-universal-attributes-size.md) is as follows:<br>{<br> top: 14 vp,<br> right: 6 vp,<br> bottom: 14 vp,<br> left: 6 vp<br> } | | Checkbox | Check box type.<br>**NOTE**<br>The default value of the universal attribute [padding](ts-universal-attributes-size.md) is as follows:<br>{<br> top: 14 vp,<br> right: 6 vp,<br> bottom: 14 vp,<br> left: 6 vp<br> } |
| Button | Button type. The set string, if any, will be displayed inside the button. | | Button | Button type. The set string, if any, will be displayed inside the button. |
| Switch | Switch type.<br>> **NOTE**<br>> The default value of the universal attribute [padding](ts-universal-attributes-size.md) is as follows:<br>{<br> top: 12 vp,<br> right: 12 vp,<br> bottom: 12 vp,<br> left: 12 vp<br> } | | Switch | Switch type.<br>**NOTE**<br>The default value of the universal attribute [padding](ts-universal-attributes-size.md) is as follows:<br>{<br> top: 12 vp,<br> right: 12 vp,<br> bottom: 12 vp,<br> left: 12 vp<br> } |
## Attributes ## Attributes
...@@ -36,7 +36,7 @@ Toggle(options: { type: ToggleType, isOn?: boolean }) ...@@ -36,7 +36,7 @@ Toggle(options: { type: ToggleType, isOn?: boolean })
| Name | Parameter | Description | | Name | Parameter | Description |
| ---------------- | --------------------------- | ---------------------- | | ---------------- | --------------------------- | ---------------------- |
| selectedColor | [ResourceColor](ts-types.md#resourcecolor) | Background color of the component when it is turned on.| | selectedColor | [ResourceColor](ts-types.md#resourcecolor) | Background color of the component when it is turned on.|
| switchPointColor | [ResourceColor](ts-types.md#resourcecolor) | Color of the circular slider when the component is of the **Switch** type.<br>> **NOTE**<br>> This attribute is valid only when **type** is set to **ToggleType.Switch**.| | switchPointColor | [ResourceColor](ts-types.md#resourcecolor) | Color of the circular slider when the component is of the **Switch** type.<br>**NOTE**<br>This attribute is valid only when **type** is set to **ToggleType.Switch**. |
## Events ## Events
......
...@@ -6,18 +6,19 @@ Continuous recognition, parallel recognition, and exclusive recognition are supp ...@@ -6,18 +6,19 @@ Continuous recognition, parallel recognition, and exclusive recognition are supp
> >
> The APIs of this module are supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > The APIs of this module are supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
## APIs ## APIs
GestureGroup(mode: GestureMode, ...gesture: GestureType[]) GestureGroup(mode: GestureMode, ...gesture: GestureType[])
- Parameters **Parameters**
| Name| Type| Mandatory| Default Value| Description|
| -------- | -------- | -------- | -------- | -------- | | Name| Type| Mandatory| Default Value| Description|
| mode | [GestureMode](#gesturemode) | Yes| - | Recognition mode of combined gestures.| | -------- | -------- | -------- | -------- | -------- |
| gesture | [TapGesture](ts-basic-gestures-tapgesture.md)<br>\| [LongPressGesture](ts-basic-gestures-longpressgesture.md)<br>\| [PanGesture](ts-basic-gestures-pangesture.md)<br>\| [PinchGesture](ts-basic-gestures-pinchgesture.md)<br>\| [RotationGesture](ts-basic-gestures-rotationgesture.md) | Yes| - | Variable-length parameter, indicating one or more basic gesture types. These gestures are recognized in combination.| | mode | [GestureMode](#gesturemode) | Yes| - | Recognition mode of combined gestures.|
| gesture | [TapGesture](ts-basic-gestures-tapgesture.md)<br>\| [LongPressGesture](ts-basic-gestures-longpressgesture.md)<br>\| [PanGesture](ts-basic-gestures-pangesture.md)<br>\| [PinchGesture](ts-basic-gestures-pinchgesture.md)<br>\| [RotationGesture](ts-basic-gestures-rotationgesture.md) | Yes| - | Variable-length parameter, indicating one or more basic gesture types. These gestures are recognized in combination.|
## GestureMode ## GestureMode
| Name| Description| | Name| Description|
| -------- | -------- | | -------- | -------- |
| Sequence | Sequential recognition: Gestures are recognized in the registration sequence until all gestures are recognized successfully. When one gesture fails to be recognized, all gestures fail to be recognized.| | Sequence | Sequential recognition: Gestures are recognized in the registration sequence until all gestures are recognized successfully. When one gesture fails to be recognized, all gestures fail to be recognized.|
......
...@@ -19,6 +19,7 @@ This component supports only one child component. ...@@ -19,6 +19,7 @@ This component supports only one child component.
Creates a badge. Creates a badge.
**Parameters** **Parameters**
| Name| Type| Mandatory| Default Value| Description| | Name| Type| Mandatory| Default Value| Description|
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
| count | number | Yes| - | Number of notifications.| | count | number | Yes| - | Number of notifications.|
......
...@@ -3,15 +3,11 @@ ...@@ -3,15 +3,11 @@
The **\<Flex>** component allows for flexible layout of child components. The **\<Flex>** component allows for flexible layout of child components.
> **NOTE** > **NOTE**
>
> - 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.
> - The **\<Flex>** component adapts the layout of flex items during rendering. This may affect the performance. Therefore, you are advised to use **[\<Column>](ts-container-column.md)** or **[\<Row>](ts-container-row.md)** instead under scenarios where consistently high performance is required. > - The **\<Flex>** component adapts the layout of flex items during rendering. This may affect the performance. Therefore, you are advised to use **[\<Column>](ts-container-column.md)** or **[\<Row>](ts-container-row.md)** instead under scenarios where consistently high performance is required.
## Required Permissions
None
## Child Components ## Child Components
Supported Supported
...@@ -23,14 +19,15 @@ Flex(value?: { direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: Fle ...@@ -23,14 +19,15 @@ Flex(value?: { direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: Fle
Creates a standard **\<Flex>** component. Creates a standard **\<Flex>** component.
- Parameters **Parameters**
| Name | Type | Mandatory | Default Value | Description |
| -------------- | ---------------------------------------- | ---- | ----------------- | ---------------------------------------- | | Name | Type | Mandatory | Default Value | Description |
| direction | [FlexDirection](ts-appendix-enums.md#flexdirection) | No | FlexDirection.Row | Direction in which child components are arranged in the **\<Flex>** component, that is, the direction of the main axis. | | -------------- | ---------------------------------------- | ---- | ----------------- | ---------------------------------------- |
| wrap | [FlexWrap](ts-appendix-enums.md#flexwrap) | No | FlexWrap.NoWrap | Whether the **\<Flex>** component has a single line or multiple lines. | | direction | [FlexDirection](ts-appendix-enums.md#flexdirection) | No | FlexDirection.Row | Direction in which child components are arranged in the **\<Flex>** component, that is, the direction of the main axis. |
| justifyContent | [FlexAlign](ts-appendix-enums.md#flexalign) | No | FlexAlign.Start | Alignment mode of the child components in the **\<Flex>** component along the main axis. | | wrap | [FlexWrap](ts-appendix-enums.md#flexwrap) | No | FlexWrap.NoWrap | Whether the **\<Flex>** component has a single line or multiple lines. |
| alignItems | [ItemAlign](ts-appendix-enums.md#itemalign) | No | ItemAlign.Start | Alignment mode of the child components in the **\<Flex>** component along the cross axis. | | justifyContent | [FlexAlign](ts-appendix-enums.md#flexalign) | No | FlexAlign.Start | Alignment mode of the child components in the **\<Flex>** component along the main axis. |
| alignContent | [FlexAlign](ts-appendix-enums.md#flexalign) | No | FlexAlign.Start | Alignment mode of the child components in a multi-line **\<Flex>** component along the cross axis. This parameter is valid only when **wrap** is set to **Wrap** or **WrapReverse**. | | alignItems | [ItemAlign](ts-appendix-enums.md#itemalign) | No | ItemAlign.Start | Alignment mode of the child components in the **\<Flex>** component along the cross axis. |
| alignContent | [FlexAlign](ts-appendix-enums.md#flexalign) | No | FlexAlign.Start | Alignment mode of the child components in a multi-line **\<Flex>** component along the cross axis. This parameter is valid only when **wrap** is set to **Wrap** or **WrapReverse**. |
## Example ## Example
...@@ -96,7 +93,7 @@ struct FlexExample1 { ...@@ -96,7 +93,7 @@ struct FlexExample1 {
} }
``` ```
![en-us_image_0000001256978365](figures/en-us_image_0000001256978365.gif) ![en-us_image_0000001219744189](figures/en-us_image_0000001219744189.PNG)
```ts ```ts
// xxx.ets // xxx.ets
...@@ -142,7 +139,7 @@ struct FlexExample2 { ...@@ -142,7 +139,7 @@ struct FlexExample2 {
} }
``` ```
![en-us_image_0000001211898500](figures/en-us_image_0000001211898500.png) ![en-us_image_0000001174264366](figures/en-us_image_0000001174264366.png)
```ts ```ts
// xxx.ets // xxx.ets
...@@ -191,7 +188,7 @@ struct FlexExample3 { ...@@ -191,7 +188,7 @@ struct FlexExample3 {
} }
``` ```
![en-us_image_0000001212218462](figures/en-us_image_0000001212218462.gif) ![en-us_image_0000001174582854](figures/en-us_image_0000001174582854.PNG)
```ts ```ts
// xxx.ets // xxx.ets
...@@ -289,4 +286,4 @@ struct FlexExample5 { ...@@ -289,4 +286,4 @@ struct FlexExample5 {
} }
``` ```
![en-us_image_0000001256858413](figures/en-us_image_0000001256858413.gif) ![en-us_image_0000001174422906](figures/en-us_image_0000001174422906.PNG)
...@@ -17,6 +17,7 @@ This component contains the child component **[\<GridItem>](ts-container-gridite ...@@ -17,6 +17,7 @@ This component contains the child component **[\<GridItem>](ts-container-gridite
Grid(scroller?: Scroller) Grid(scroller?: Scroller)
**Parameters** **Parameters**
| Name | Type | Mandatory | Description | | Name | Type | Mandatory | Description |
| --------- | ---------------------------------------- | ---- | ----------------------- | | --------- | ---------------------------------------- | ---- | ----------------------- |
| scroller | [Scroller](ts-container-scroll.md#scroller) | No | Scroller, which can be bound to scrollable components.| | scroller | [Scroller](ts-container-scroll.md#scroller) | No | Scroller, which can be bound to scrollable components.|
......
...@@ -16,6 +16,7 @@ This component can contain the **\<GridCol>** child component. ...@@ -16,6 +16,7 @@ This component can contain the **\<GridCol>** child component.
GridRow(option?: {columns?: number | GridRowColumnOption, gutter?: Length | GutterOption, breakpoints?: BreakPoints, direction?: GridRowDirection}) GridRow(option?: {columns?: number | GridRowColumnOption, gutter?: Length | GutterOption, breakpoints?: BreakPoints, direction?: GridRowDirection})
**Parameters** **Parameters**
| Name|Type|Mandatory|Description| | Name|Type|Mandatory|Description|
|-----|-----|----|----| |-----|-----|----|----|
|gutter|Length \| GutterOption| No |Gutter of the grid layout. **x** indicates the horizontal direction.| |gutter|Length \| GutterOption| No |Gutter of the grid layout. **x** indicates the horizontal direction.|
...@@ -37,11 +38,11 @@ Describes the numbers of grid columns for different device width types. ...@@ -37,11 +38,11 @@ Describes the numbers of grid columns for different device width types.
| Name | Type | Mandatory | Description | | Name | Type | Mandatory | Description |
| ----- | ------ | ---- | ---------------------------------------- | | ----- | ------ | ---- | ---------------------------------------- |
| xs | number | No | Device of the minimum size. | | xs | number | No | Device of the minimum size. |
| sm | number | No | Small-sized device. | | sm | number | No | Small-sized device. |
| md | number | No | Medium-sized device. | | md | number | No | Medium-sized device. |
| lg | number | No | Large-sized device. | | lg | number | No | Large-sized device. |
| xl | number | No | Extra-large-sized device. | | xl | number | No | Extra-large-sized device. |
| xxl | number | No | Ultra-large-sized device. | | xxl | number | No | Ultra-large-sized device. |
## GridRowSizeOption ## GridRowSizeOption
...@@ -50,11 +51,11 @@ Describes the gutter sizes for different device width types. ...@@ -50,11 +51,11 @@ Describes the gutter sizes for different device width types.
| Name | Type | Mandatory | Description | | Name | Type | Mandatory | Description |
| ----- | ------ | ---- | ---------------------------------------- | | ----- | ------ | ---- | ---------------------------------------- |
| xs | Length | No | Device of the minimum size. | | xs | Length | No | Device of the minimum size. |
| sm | Length | No | Small-sized device. | | sm | Length | No | Small-sized device. |
| md | Length | No | Medium-sized device. | | md | Length | No | Medium-sized device. |
| lg | Length | No | Large-sized device. | | lg | Length | No | Large-sized device. |
| xl | Length | No | Extra-large-sized device. | | xl | Length | No | Extra-large-sized device. |
| xxl | Length | No | Ultra-large-sized device. | | xxl | Length | No | Ultra-large-sized device. |
## BreakPoints ## BreakPoints
......
...@@ -5,7 +5,9 @@ The **\<ListItemGroup>** component is used to display list item groups. It must ...@@ -5,7 +5,9 @@ The **\<ListItemGroup>** component is used to display list item groups. It must
> **NOTE** > **NOTE**
> >
> This component is supported since API version 9. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 9. Updates will be marked with a superscript to indicate their earliest API version.
## Usage Guidelines ## Usage Guidelines
If the **listDirection** attribute of the parent **\<List>** component is set to **Axis.Vertical**, the **height** attribute of the **\<ListItemGroup>** component cannot be set. The height of a **\<ListItemGroup>** component is the sum of its header height, footer height, and total height of the list items. If the **listDirection** attribute of the parent **\<List>** component is set to **Axis.Horizontal**, the **width** attribute of the **\<ListItemGroup>** component cannot be set. The width of a **\<ListItemGroup>** component is the sum of its header width, footer width, and total width of the list items. If the **listDirection** attribute of the parent **\<List>** component is set to **Axis.Vertical**, the **height** attribute of the **\<ListItemGroup>** component cannot be set. The height of a **\<ListItemGroup>** component is the sum of its header height, footer height, and total height of the list items. If the **listDirection** attribute of the parent **\<List>** component is set to **Axis.Horizontal**, the **width** attribute of the **\<ListItemGroup>** component cannot be set. The width of a **\<ListItemGroup>** component is the sum of its header width, footer width, and total width of the list items.
The list items in the **\<ListItemGroup>** component cannot be edited, selected, or dragged. That is, the **editable** and **selectable** attributes of these list items do not take effect. The list items in the **\<ListItemGroup>** component cannot be edited, selected, or dragged. That is, the **editable** and **selectable** attributes of these list items do not take effect.
......
...@@ -48,6 +48,7 @@ Requests the focus to move to the specified component. This API can be used in g ...@@ -48,6 +48,7 @@ Requests the focus to move to the specified component. This API can be used in g
defaultFocus/groupDefaultFocus/focusOnTouch: defaultFocus/groupDefaultFocus/focusOnTouch:
**defaultFocus** sets the bound component as the initial focus of the page after the page is created. **groupDefaultFocus** sets the bound component as the initial focus of the **tabIndex** container after the container is created. **focusOnTouch** sets the bound component to obtain focus upon being clicked. **defaultFocus** sets the bound component as the initial focus of the page after the page is created. **groupDefaultFocus** sets the bound component as the initial focus of the **tabIndex** container after the container is created. **focusOnTouch** sets the bound component to obtain focus upon being clicked.
```ts ```ts
// focusTest.ets // focusTest.ets
@Entry @Entry
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册