Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
afae9e55
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
afae9e55
编写于
8月 09, 2022
作者:
G
gmy
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
gmy
<
guanmingyue@h-partners.com
>
上级
27de13a2
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
31 addition
and
27 deletion
+31
-27
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md
...ation-dev/reference/arkui-ts/ts-basic-components-blank.md
+6
-6
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
...ation-dev/reference/arkui-ts/ts-basic-components-image.md
+7
-7
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
...n-dev/reference/arkui-ts/ts-basic-components-textinput.md
+10
-9
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md
...on-dev/reference/arkui-ts/ts-universal-attributes-grid.md
+8
-5
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-blank.md
浏览文件 @
afae9e55
...
@@ -23,15 +23,15 @@ Blank(min?: Length)
...
@@ -23,15 +23,15 @@ Blank(min?: Length)
**参数:**
**参数:**
| 参数名
| 参数类型 | 必填 | 默认值 | 参数描述
|
| 参数名
| 参数类型 | 必填 | 默认值 | 参数描述
|
| ----
| ------ | ---- | ---- |
------------------ |
| ----
-- | ------------------------------ | ---- | ------ | ------------------
------------------ |
| min
| Length | 否 | 0
| 空白填充组件在容器主轴上的最小大小。 |
| min
|
[
Length
](
../../ui/ts-types.md
)
| 否 | 0
| 空白填充组件在容器主轴上的最小大小。 |
## 属性
## 属性
| 名称
| 参数类型 | 默认值 | 描述
|
| 名称
| 参数类型 | 默认值 | 描述
|
| ----- | -----
| ---------- |
------------ |
| ----- | -----
--- | -------- | ------------
------------ |
| color | Color
| 0x00000000
| 设置空白填充的填充颜色。 |
| color | Color
| 0xffffff
| 设置空白填充的填充颜色。 |
> **说明:**
> **说明:**
>
>
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
浏览文件 @
afae9e55
...
@@ -39,15 +39,15 @@ Image(src: string | PixelMap | Resource)
...
@@ -39,15 +39,15 @@ Image(src: string | PixelMap | Resource)
## 属性
## 属性
| 名称
| 参数类型 | 默认值 | 描述
|
| 名称
| 参数类型 | 默认值 | 描述
|
| --------------------- | ----------------------------------------
| -------- |
---------------------------------------- |
| --------------------- | ----------------------------------------
--------------- | -------- | --------------------
---------------------------------------- |
| alt | string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| - | 加载时显示的占位图。支持本地图片和网络路径。
|
| alt | string
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
| - | 加载时显示的占位图。支持本地图片和网络路径。 |
| objectFit | ImageFit
| Cover | 设置图片的缩放类型。
|
| objectFit | ImageFit
| Cover | 设置图片的缩放类型。
|
| objectRepeat |
[
ImageRepeat
](
ts-appendix-enums.md#imagerepeat枚举说明
)
| NoRepeat | 设置图片的重复样式。
<br/>
>
**说明:**
<br/>
>
-
svg类型图源不支持该属性。 |
| objectRepeat |
[
ImageRepeat
](
ts-appendix-enums.md#imagerepeat枚举说明
)
| NoRepeat | 设置图片的重复样式。
<br/>
>
**说明:**
<br/>
>
-
svg类型图源不支持该属性。 |
| interpolation | ImageInterpolation
| None | 设置图片的插值效果
,仅针对图片放大插值。
<br/>
>
**说明:**
<br/>
>
-
svg类型图源不支持该属性。
<br/>
>
-
PixelMap资源不支持该属性。 |
| interpolation | ImageInterpolation
| None | 设置图片的插值效果,即减轻低清晰度图片在放大显示的时候出现的锯齿问题
,仅针对图片放大插值。
<br/>
>
**说明:**
<br/>
>
-
svg类型图源不支持该属性。
<br/>
>
-
PixelMap资源不支持该属性。 |
| renderMode | ImageRenderMode | Original | 设置图片渲染的模式。
<br/>
>
**说明:**
<br/>
>
-
svg类型图源不支持该属性。 |
| renderMode | ImageRenderMode
| Original | 设置图片渲染的模式。
<br/>
>
**说明:**
<br/>
>
-
svg类型图源不支持该属性。 |
| sourceSize | {
<br/>
width:
number,
<br/>
height:
number
<br/>
} | - | 设置图片解码尺寸,将原始图片解码成指定尺寸的图片,number类型单位为px。
<br/>
>
**说明:**
<br/>
>
-
PixelMap资源不支持该属性。 |
| sourceSize | {
<br/>
width:
number,
<br/>
height:
number
<br/>
} | - | 设置图片解码尺寸,将原始图片解码成指定尺寸的图片,number类型单位为px。
<br/>
>
**说明:**
<br/>
>
-
PixelMap资源不支持该属性。 |
| syncLoad
<sup>
8+
</sup>
| boolean
| false | 设置是否同步加载图片,默认是异步加载。同步加载时阻塞UI线程,不会显示占位图。
|
| syncLoad
<sup>
8+
</sup>
| boolean
| false | 设置是否同步加载图片,默认是异步加载。同步加载时阻塞UI线程,不会显示占位图。
|
## ImageFit枚举说明
## ImageFit枚举说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-textinput.md
浏览文件 @
afae9e55
...
@@ -32,15 +32,16 @@ TextInput(value?:{placeholder?: string controller?: TextInputController})
...
@@ -32,15 +32,16 @@ TextInput(value?:{placeholder?: string controller?: TextInputController})
除支持通用属性外,还支持以下属性:
除支持通用属性外,还支持以下属性:
| 名称 | 参数类型 | 默认值 | 描述 |
| 名称 | 参数类型 | 默认值 | 描述 |
| ------------------------ | ---------------------------------------- | ----------------- | ---------------------------------------- |
| ----------------------------- | ------------------------------------------------------------ | ----------------- | ------------------------------------------------------------ |
| type | InputType | InputType.Normal | 设置输入框类型。 |
| type | InputType | InputType.Normal | 设置输入框类型。 |
| placeholderColor | Color | - | 设置placeholder颜色。 |
| placeholderColor | Color | - | 设置placeholder颜色。 |
| placeholderFont | {
<br/>
size?:
Length,
<br/>
weight?:
number\|[FontWeight](ts-universal-attributes-text-style.md),
<br/>
family?:
string,
<br/>
style?:
[
FontStyle
](
ts-universal-attributes-text-style.md
)
<br/>
} | - | 设置placeholder文本样式:
<br/>
-
size:
设置文本尺寸,Length为number类型时,使用fp单位。
<br/>
-
weight:
设置文本的字体粗细,number类型取值[100,
900],取值间隔为100,默认为400,取值越大,字体越粗。
<br/>
-
family:
设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。例如:'Arial,
sans-serif'。
<br/>
-
style:
设置文本的字体样式。 |
| placeholderFont | {
<br/>
size?:
Length,
<br/>
weight?:
number\|[FontWeight](ts-universal-attributes-text-style.md),
<br/>
family?:
string,
<br/>
style?:
[
FontStyle
](
ts-universal-attributes-text-style.md
)
<br/>
} | - | 设置placeholder文本样式:
<br/>
-
size:
设置文本尺寸,Length为number类型时,使用fp单位。
<br/>
-
weight:
设置文本的字体粗细,number类型取值[100,
900],取值间隔为100,默认为400,取值越大,字体越粗。
<br/>
-
family:
设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。例如:'Arial,
sans-serif'。
<br/>
-
style:
设置文本的字体样式。 |
| enterKeyType | EnterKeyType | EnterKeyType.Done | 设置输入法回车键类型。 |
| enterKeyType | EnterKeyType | EnterKeyType.Done | 设置输入法回车键类型。 |
| caretColor | Color | - | 设置输入框光标颜色。 |
| caretColor | Color | - | 设置输入框光标颜色。 |
| maxLength | number | - | 设置文本的最大输入字符数。 |
| maxLength | number | - | 设置文本的最大输入字符数。 |
| inputFilter
<sup>
8+
</sup>
| {
<br/>
value:
[ResourceStr](../../ui/ts-types.md)
<sup>
8+
</sup>
,
<br/>
error?:
(value:
string)
<br/>
} | - | 正则表达式,满足表达式的输入允许显示,不满足正则表达式的输入被忽略。仅支持单个字符匹配,不支持字符串匹配。例如:^(?=.
\*\d
)(?=.
\*
[a-z])(?=.
\*
[A-Z]).{8,10}$,8到10位的强密码不支持过滤。
<br/>
-
value:设置正则表达式。
<br/>
-
error:正则匹配失败时,返回被忽略的内容。 |
| inputFilter
<sup>
8+
</sup>
| {
<br/>
value:
[ResourceStr](../../ui/ts-types.md)
<sup>
8+
</sup>
,
<br/>
error?:
(value:
string)
<br/>
} | - | 正则表达式,满足表达式的输入允许显示,不满足正则表达式的输入被忽略。仅支持单个字符匹配,不支持字符串匹配。例如:^(?=.
\*\d
)(?=.
\*
[a-z])(?=.
\*
[A-Z]).{8,10}$,8到10位的强密码不支持过滤。
<br/>
-
value:设置正则表达式。
<br/>
-
error:正则匹配失败时,返回被忽略的内容。 |
| showPasswordIcon
<sup>
9+
</sup>
| boolean | true | 密码输入模式时,密码框末尾的图标是否显示。 |
## EnterKeyType枚举说明
## EnterKeyType枚举说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md
浏览文件 @
afae9e55
...
@@ -14,11 +14,11 @@
...
@@ -14,11 +14,11 @@
## 属性
## 属性
| 名称 | 参数类型 | 默认值 | 描述 |
| 名称 | 参数类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- |
| useSizeType | {
<br/>
xs?:
number
\|
{
span:
number,
offset:
number
},
<br/>
sm?:
number
\|
{
span:
number,
offset:
number
},
<br/>
md?:
number
\|
{
span:
number,
offset:
number
},
<br/>
lg?:
number
\|
{
span:
number,
offset:
number
}
<br/>
} | - | 设置在特定设备宽度类型下的占用列数和偏移列数,span:
占用列数;
offset:
偏移列数。
<br/>
当值为number类型时,仅设置列数,
当格式如{"span":
1,
"offset":
0}时,指同时设置占用列数与偏移列数。
<br/>
-
xs:
指设备宽度类型为SizeType.XS时的占用列数和偏移列数。
<br/>
-
sm:
指设备宽度类型为SizeType.SM时的占用列数和偏移列数。
<br/>
-
md:
指设备宽度类型为SizeType.MD时的占用列数和偏移列数。
<br/>
-
lg:
指设备宽度类型为SizeType.LG时的占用列数和偏移列数。 |
| useSizeType | {
<br/>
xs?:
number
\|
{
span:
number,
offset:
number
},
<br/>
sm?:
number
\|
{
span:
number,
offset:
number
},
<br/>
md?:
number
\|
{
span:
number,
offset:
number
},
<br/>
lg?:
number
\|
{
span:
number,
offset:
number
}
<br/>
} | - | 设置在特定设备宽度类型下的占用列数和偏移列数,span:
占用列数;
offset:
偏移列数。
<br/>
当值为number类型时,仅设置列数,
当格式如{"span":
1,
"offset":
0}时,指同时设置占用列数与偏移列数。
<br/>
-
xs:
指设备宽度类型为SizeType.XS时的占用列数和偏移列数。
<br/>
-
sm:
指设备宽度类型为SizeType.SM时的占用列数和偏移列数。
<br/>
-
md:
指设备宽度类型为SizeType.MD时的占用列数和偏移列数。
<br/>
-
lg:
指设备宽度类型为SizeType.LG时的占用列数和偏移列数。 |
| gridSpan | number | 1 | 默认占用列数,指useSizeType属性没有设置对应尺寸的列数(span)时,占用的栅格列数。
<br/>
>
**说明:**
<br/>
>
设置了栅格span属性,组件的宽度由栅格布局决定。 |
| gridSpan | number | 1 | 默认占用列数,指useSizeType属性没有设置对应尺寸的列数(span)时,占用的栅格列数。
<br/>
>
**说明:**
<br/>
>
设置了栅格span属性,组件的宽度由栅格布局决定。 |
| gridOffset | number | 0 | 默认偏移列数,指useSizeType属性没有设置对应尺寸的偏移(offset)时,
当前组件沿着父组件Start方向,偏移的列数,也就是当前组件位于第n列。
<br/>
>
**说明:**
<br/>
>
-配置该属性后,当前组件在父组件水平方向的布局不再跟随父组件原有的布局方式,而是沿着父组件的Start方向偏移一定位移。
<br/>
>
-偏移位移
=
(列宽
+
间距)\*
列数。
<br/>
>
-设置了偏移(gridOffset)的组件之后的兄弟组件会根据该组件进行相对布局,类似相对布局。 |
| gridOffset | number | 0 | 默认偏移列数,指useSizeType属性没有设置对应尺寸的偏移(offset)时,
当前组件沿着父组件Start方向,偏移的列数,也就是当前组件位于第n列。
<br/>
>
**说明:**
<br/>
>
-配置该属性后,当前组件在父组件水平方向的布局不再跟随父组件原有的布局方式,而是沿着父组件的Start方向偏移一定位移。
<br/>
>
-偏移位移
=
(列宽
+
间距)\*
列数。
<br/>
>
-设置了偏移(gridOffset)的组件之后的兄弟组件会根据该组件进行相对布局,类似相对布局。 |
## 示例
## 示例
...
@@ -68,10 +68,13 @@ struct GridContainerExample1 {
...
@@ -68,10 +68,13 @@ struct GridContainerExample1 {
```
```
**图1**
设备宽度为SM
**图1**
设备宽度为SM
![
zh-cn_image_0000001174582872
](
figures/zh-cn_image_0000001174582872.png
)
![
zh-cn_image_0000001174582872
](
figures/zh-cn_image_0000001174582872.png
)
**图2**
设备宽度为MD
**图2**
设备宽度为MD
![
zh-cn_image_0000001219744207
](
figures/zh-cn_image_0000001219744207.png
)
![
zh-cn_image_0000001219744207
](
figures/zh-cn_image_0000001219744207.png
)
**图3**
设备宽度为LG
**图3**
设备宽度为LG
![
zh-cn_image_0000001219982727
](
figures/zh-cn_image_0000001219982727.png
)
![
zh-cn_image_0000001219982727
](
figures/zh-cn_image_0000001219982727.png
)
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录