Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b8e1355b
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看板
提交
b8e1355b
编写于
1月 27, 2022
作者:
Y
yaoyuchi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix select docs, add ResourceStr, ResourceColor and Font typys
Signed-off-by:
N
yaoyuchi
<
yaoyuchi@huawei.com
>
上级
758b703f
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
42 addition
and
40 deletion
+42
-40
zh-cn/application-dev/reference/arkui-ts/figures/select.png
zh-cn/application-dev/reference/arkui-ts/figures/select.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-select.md
...tion-dev/reference/arkui-ts/ts-basic-components-select.md
+21
-40
zh-cn/application-dev/ui/ts-types.md
zh-cn/application-dev/ui/ts-types.md
+21
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/select.png
查看替换文件 @
758b703f
浏览文件 @
b8e1355b
14.6 KB
|
W:
|
H:
15.3 KB
|
W:
|
H:
2-up
Swipe
Onion skin
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-select.md
浏览文件 @
b8e1355b
# S
l
elect<a name="ZH-CN_TOPIC_0000001193075098"></a>
# Select<a name="ZH-CN_TOPIC_0000001193075098"></a>
>![](../../public_sys-resources/icon-note.gif) **说明:**
>该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
提供下拉选择
按钮
,可以让用户在多个选项之间选择。
提供下拉选择
菜单
,可以让用户在多个选项之间选择。
## 权限列表<a name="section781125411508"></a>
...
...
@@ -33,7 +33,7 @@ Select(options: Array<SelectOption</a>>)
</thead>
<tbody><tr><td class="cellrowborder" valign="top" width="16.11%" headers="mcps1.1.6.1.1 "><p>value</p>
</td>
<td class="cellrowborder" valign="top" width="14.01%" headers="mcps1.1.6.1.2 "><p>
string | <a href="https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md">Resource
</a></p>
<td class="cellrowborder" valign="top" width="14.01%" headers="mcps1.1.6.1.2 "><p>
<a href="https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceStr">ResourceStr
</a></p>
</td>
<td class="cellrowborder" valign="top" width="11.99%" headers="mcps1.1.6.1.3 "><p>是</p>
</td>
...
...
@@ -42,10 +42,9 @@ Select(options: Array<SelectOption</a>>)
<td class="cellrowborder" valign="top" width="46.18%" headers="mcps1.1.6.1.5 "><p>下拉选项内容。</p>
</td>
</tr>
<tbody><tr><td class="cellrowborder" valign="top" width="16.11%"
headers="mcps1.1.6.1.1 "><p>icon</p>
<tbody><tr><td class="cellrowborder" valign="top" width="16.11%" headers="mcps1.1.6.1.1 "><p>icon</p>
</td>
<td class="cellrowborder" valign="top" width="14.01%" headers="mcps1.1.6.1.2 "><p>
string | <a href="https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md">Resource
</a></p>
<td class="cellrowborder" valign="top" width="14.01%" headers="mcps1.1.6.1.2 "><p>
<a href="https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceStr">ResourceStr
</a></p>
</td>
<td class="cellrowborder" valign="top" width="11.99%" headers="mcps1.1.6.1.3 "><p>否</p>
</td>
...
...
@@ -76,7 +75,7 @@ Select(options: Array<SelectOption</a>>)
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"17.62%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"47.33%"
headers=
"mcps1.1.5.1.4 "
><p>
设置下拉菜单
选择项序号,从0开始
。
</p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"47.33%"
headers=
"mcps1.1.5.1.4 "
><p>
设置下拉菜单
初始选择项的索引,第一项的索引为0
。
</p>
</td>
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
value
</p>
...
...
@@ -90,22 +89,16 @@ Select(options: Array<SelectOption</a>>)
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
font
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"27.500000000000004%"
headers=
"mcps1.1.5.1.2 "
><p>
{
</p>
<p>
size?: Length,
</p>
<p>
weight?: number |
<a
href=
"ts-universal-attributes-text-style.md#li24391125115311"
>
FontWeight
</a>
,
</p>
<p>
family?: string,
</p>
<p>
style?:
<a
href=
"ts-basic-components-textarea.md#table952mcpsimp"
>
FontStyle
</a></p>
<p>
}
</p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"27.500000000000004%"
headers=
"mcps1.1.5.1.2 "
><p><a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#Font"
>
Font
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"13.239999999999998%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"43.28%"
headers=
"mcps1.1.5.1.4 "
><p>
设置select文本样式:
</p>
<ul><li>
size: 设置文本尺寸,Length为number类型时,使用fp单位。
</li><li>
weight: 设置文本的字体粗细,number类型取值[100, 900],取值间隔为100,默认为400,取值越大,字体越粗。
</li><li>
family: 设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。例如:'Arial, sans-serif'。
</li><li>
style: 设置文本的字体样式。
</li></ul>
<td
class=
"cellrowborder"
valign=
"top"
width=
"43.28%"
headers=
"mcps1.1.5.1.4 "
><p>
设置下拉按钮本身的文本样式:
</p>
</td>
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
fontColor
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
Color |
<a
href=
"https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md"
>
Resource
</a></p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
<a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceColor"
>
ResourceColor
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"17.62%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
...
...
@@ -114,7 +107,7 @@ Select(options: Array<SelectOption</a>>)
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
selectedOptionBgColor
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
Color |
<a
href=
"https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md"
>
Resource
</a></p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
<a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceColor"
>
ResourceColor
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"17.62%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
...
...
@@ -123,22 +116,16 @@ Select(options: Array<SelectOption</a>>)
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
selectedOptionFont
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"27.500000000000004%"
headers=
"mcps1.1.5.1.2 "
><p>
{
</p>
<p>
size?: Length,
</p>
<p>
weight?: number |
<a
href=
"ts-universal-attributes-text-style.md#li24391125115311"
>
FontWeight
</a>
,
</p>
<p>
family?: string,
</p>
<p>
style?:
<a
href=
"ts-basic-components-textarea.md#table952mcpsimp"
>
FontStyle
</a></p>
<p>
}
</p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"27.500000000000004%"
headers=
"mcps1.1.5.1.2 "
><p><a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#Font"
>
Font
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"13.239999999999998%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"43.28%"
headers=
"mcps1.1.5.1.4 "
><p>
设置已选中option的文本样式:
</p>
<ul><li>
size: 设置文本尺寸,Length为number类型时,使用fp单位。
</li><li>
weight: 设置文本的字体粗细,number类型取值[100, 900],取值间隔为100,默认为400,取值越大,字体越粗。
</li><li>
family: 设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。例如:'Arial, sans-serif'。
</li><li>
style: 设置文本的字体样式。
</li></ul>
<td
class=
"cellrowborder"
valign=
"top"
width=
"43.28%"
headers=
"mcps1.1.5.1.4 "
><p>
设置下拉菜单选中项的文本样式:
</p>
</td>
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
selectedOptionFontColor
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
Color |
<a
href=
"https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md"
>
Resource
</a></p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
<a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceColor"
>
ResourceColor
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"17.62%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
...
...
@@ -147,7 +134,7 @@ Select(options: Array<SelectOption</a>>)
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
optionBgColor
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
Color |
<a
href=
"https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md"
>
Resource
</a></p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
<a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceColor"
>
ResourceColor
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"17.62%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
...
...
@@ -156,22 +143,16 @@ Select(options: Array<SelectOption</a>>)
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
optionFont
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"27.500000000000004%"
headers=
"mcps1.1.5.1.2 "
><p>
{
</p>
<p>
size?: Length,
</p>
<p>
weight?: number |
<a
href=
"ts-universal-attributes-text-style.md#li24391125115311"
>
FontWeight
</a>
,
</p>
<p>
family?: string,
</p>
<p>
style?:
<a
href=
"ts-basic-components-textarea.md#table952mcpsimp"
>
FontStyle
</a></p>
<p>
}
</p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"27.500000000000004%"
headers=
"mcps1.1.5.1.2 "
><p><a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#Font"
>
Font
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"13.239999999999998%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"43.28%"
headers=
"mcps1.1.5.1.4 "
><p>
设置option文本样式:
</p>
<ul><li>
size: 设置文本尺寸,Length为number类型时,使用fp单位。
</li><li>
weight: 设置文本的字体粗细,number类型取值[100, 900],取值间隔为100,默认为400,取值越大,字体越粗。
</li><li>
family: 设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。例如:'Arial, sans-serif'。
</li><li>
style: 设置文本的字体样式。
</li></ul>
<td
class=
"cellrowborder"
valign=
"top"
width=
"43.28%"
headers=
"mcps1.1.5.1.4 "
><p>
设置下拉菜单项的文本样式:
</p>
</td>
</tr>
<tr><td
class=
"cellrowborder"
valign=
"top"
width=
"18.72%"
headers=
"mcps1.1.5.1.1 "
><p>
optionFontColor
</p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
Color |
<a
href=
"https://gitee.com/superFat/docs/blob/qiyi_select_docs_0122/zh-cn/application-dev/ui/ts-types.md"
>
Resource
</a></p>
<td
class=
"cellrowborder"
valign=
"top"
width=
"16.33%"
headers=
"mcps1.1.5.1.2 "
><p>
<a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/ui/ts-types.md#ResourceColor"
>
ResourceColor
</a></p>
</td>
<td
class=
"cellrowborder"
valign=
"top"
width=
"17.62%"
headers=
"mcps1.1.5.1.3 "
><p>
-
</p>
</td>
...
...
@@ -203,10 +184,10 @@ Select(options: Array<SelectOption</a>>)
## 示例<a name="section13800193662114"></a>
```
@Entry
@Component
struct SliderExample {
@State index: number = 0
build() {
Column() {
Select([{value:'aaa',icon: "/common/1.png"},
...
...
@@ -215,9 +196,9 @@ struct SliderExample {
{value:'ddd',icon: "/common/4.png"}])
.selected(2)
.value('TTT')
.font({size: 30, weight:
9
00, family: 'serif', style: FontStyle.Normal })
.selectedOptionFont({size:
30, weight: 9
00, family: 'serif', style: FontStyle.Normal })
.optionFont({size: 30, weight:
9
00, family: 'serif', style: FontStyle.Normal })
.font({size: 30, weight:
4
00, family: 'serif', style: FontStyle.Normal })
.selectedOptionFont({size:
40, weight: 5
00, family: 'serif', style: FontStyle.Normal })
.optionFont({size: 30, weight:
4
00, family: 'serif', style: FontStyle.Normal })
.onSelected((index:number)=>{
console.info("Select:" + index)
})
...
...
zh-cn/application-dev/ui/ts-types.md
浏览文件 @
b8e1355b
...
...
@@ -56,6 +56,27 @@
| ColorStop | [Color,
number] | 描述渐进色颜色断点类型,第一个参数为颜色值,第二个参数为0~1之间的比例值。 |
## ResourceStr类型<a name="ResourceStr"></a>
| 名称 | 类型定义 | 描述 |
| -------- | -------- | -------- |
| ResourceStr | string
\|
<a
href=
"ts-types.md#Resource"
>
Resource
</a>
| 用于描述资源字符串的类型。 |
## ResourceColor类型<a name="ResourceColor"></a>
| 名称 | 类型定义 | 描述 |
| -------- | -------- | -------- |
| ResourceColor | Color
\|
number
\|
string
\|
<a
href=
"ts-types.md#Resource"
>
Resource
</a>
| 用于描述资源颜色类型。 |
## Font类型<a name="Font"></a>
| 名称 | 类型定义 | 描述 |
| -------- | -------- | -------- |
| Font | {
<br/>
size?: Length;
<br/>
weight?:
<a
href=
"https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md#li24391125115311"
>
FontWeight
</a>
\|
number
\|
string;
<br/>
family?: string
\|
<a
href=
"ts-types.md#Resource"
>
Resource
</a>
;
<br/>
style?:
<a
href=
"https://gitee.com/superFat/docs/blob/master/zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-text-style.md#li6906111945316"
>
FontStyle
</a>
;
<br/>
} | 设置文本样式:
<br/><ul><li>
size: 设置文本尺寸,Length为number类型时,使用fp单位。
<br/></li><li>
weight: 设置文本的字体粗细,number类型取值[100, 900],取值间隔为100,默认为400,取值越大,字体越粗。
<br/></li><li>
family: 设置文本的字体列表。使用多个字体,使用','进行分割,优先级按顺序生效。例如:'Arial, sans-serif'。
<br/></li><li>
style: 设置文本的字体样式。
</li></ul>
|
## 示例
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录