Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b021788a
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看板
未验证
提交
b021788a
编写于
8月 16, 2022
作者:
F
FadeAgain
提交者:
Gitee
8月 16, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
【OpenHarmony开源贡献者计划2022】md文档格式修改 组件说明位置、换行、缩进等···
Signed-off-by:
N
FadeAgain
<
402878692@qq.com
>
上级
5bfd4cf9
变更
11
隐藏空白更改
内联
并排
Showing
11 changed file
with
29 addition
and
15 deletion
+29
-15
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md
...v/reference/arkui-ts/ts-transition-animation-component.md
+4
-3
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md
...rence/arkui-ts/ts-transition-animation-shared-elements.md
+4
-3
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
.../reference/arkui-ts/ts-universal-attributes-background.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border-image.md
...eference/arkui-ts/ts-universal-attributes-border-image.md
+7
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md
...-dev/reference/arkui-ts/ts-universal-attributes-border.md
+3
-3
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-click.md
...n-dev/reference/arkui-ts/ts-universal-attributes-click.md
+0
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-enable.md
...-dev/reference/arkui-ts/ts-universal-attributes-enable.md
+1
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md
...reference/arkui-ts/ts-universal-attributes-flex-layout.md
+1
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-focus.md
...n-dev/reference/arkui-ts/ts-universal-attributes-focus.md
+3
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md
...erence/arkui-ts/ts-universal-attributes-gradient-color.md
+1
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md
...on-dev/reference/arkui-ts/ts-universal-attributes-grid.md
+2
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-component.md
浏览文件 @
b021788a
# 组件内转场
组件转场主要通过transition属性进行配置转场参数,在组件插入和删除时进行过渡动效,主要用于容器组件子组件插入删除时提升用户体验(需要配合animateTo才能生效,动效时长、曲线、延时跟随animateTo中的配置)。
> **说明:**
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
组件转场主要通过transition属性进行配置转场参数,在组件插入和删除时进行过渡动效,主要用于容器组件子组件插入删除时提升用户体验(需要配合animateTo才能生效,动效时长、曲线、延时跟随animateTo中的配置)。
## 属性
| 名称 | 参数类型 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- |
| transition | Object | - | 所有参数均为可选参数,详细描述见transition入参说明。 |
...
...
@@ -41,6 +41,7 @@
struct
TransitionExample
{
@
State
btn1
:
boolean
=
false
@
State
show
:
string
=
"
show
"
build
()
{
Flex
({
direction
:
FlexDirection
.
Column
,
alignItems
:
ItemAlign
.
Center
,})
{
Button
(
this
.
show
).
width
(
80
).
height
(
30
).
backgroundColor
(
0x317aff
).
margin
({
bottom
:
50
})
...
...
zh-cn/application-dev/reference/arkui-ts/ts-transition-animation-shared-elements.md
浏览文件 @
b021788a
# 共享元素转场
共享元素转场支持页面间的转场,如当前页面的图片转场至下一页面中。
> **说明:**
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
共享元素转场支持页面间的转场,如当前页面的图片转场至下一页面中。
## 属性
| 名称 | 参数 | 默认值 | 参数描述 |
| ---------------- | ---------------------------------------- | ---- | ---------------------------------------- |
| sharedTransition | id:
string,
<br/>
options?:
Object | - | 两个页面的组件配置为同一个id,则转场过程中会进行共享元素转场,配置为空字符串时不会有共享元素转场效果。 |
...
...
@@ -57,6 +57,7 @@ struct SharedTransitionExample {
@
Entry
@
Component
struct
BExample
{
build
()
{
Stack
()
{
Image
(
$r
(
'
app.media.ic_health_heart
'
)).
width
(
150
).
height
(
150
).
sharedTransition
(
'
sharedImage1
'
)
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-background.md
浏览文件 @
b021788a
# 背景设置
设置组件的背景色。
> **说明:**
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
设置组件的背景色。
## 权限列表
无
...
...
@@ -38,6 +37,7 @@
@
Entry
@
Component
struct
BackgroundExample
{
build
()
{
Column
({
space
:
5
})
{
Text
(
'
background color
'
).
fontSize
(
9
).
width
(
'
90%
'
).
fontColor
(
0xCCCCCC
)
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border-image.md
浏览文件 @
b021788a
# 图片边框设置
设置组件图片边框样式。
> **说明:**
>
> 从API Version 9开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 权限列表
无
...
...
@@ -36,6 +40,7 @@
| Round | 被切割图片以整数次平铺在图片边框上,无法以整数次平铺时压缩被切割图片。 |
| Space | 被切割图片以整数次平铺在图片边框上,无法以整数次平铺时以空白填充。 |
## 示例
```
ts
...
...
@@ -43,6 +48,7 @@
@
Entry
@
Component
struct
Index
{
build
()
{
Row
()
{
Column
()
{
...
...
@@ -71,6 +77,7 @@ struct Index {
@
Entry
@
Component
struct
Index
{
build
()
{
Row
()
{
Column
()
{
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-border.md
浏览文件 @
b021788a
# 边框设置
设置组件边框样式。
> **说明:**
>
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
...
...
@@ -7,9 +9,6 @@
> 从API Version 9开始,父节点的border显示在子节点内容之上。
设置组件边框样式。
## 权限列表
无
...
...
@@ -96,6 +95,7 @@
@
Entry
@
Component
struct
BorderExample
{
build
()
{
Column
()
{
Flex
({
justifyContent
:
FlexAlign
.
SpaceAround
,
alignItems
:
ItemAlign
.
Center
})
{
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-click.md
浏览文件 @
b021788a
...
...
@@ -49,5 +49,4 @@ struct TouchAbleExample {
}
```
![
zh-cn_image_0000001189624550
](
figures/zh-cn_image_0000001189624550.gif
)
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-enable.md
浏览文件 @
b021788a
...
...
@@ -26,6 +26,7 @@
@
Entry
@
Component
struct
EnabledExample
{
build
()
{
Flex
({
justifyContent
:
FlexAlign
.
SpaceAround
})
{
// 点击没有反应
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-flex-layout.md
浏览文件 @
b021788a
...
...
@@ -29,6 +29,7 @@
@
Entry
@
Component
struct
FlexExample
{
build
()
{
Column
({
space
:
5
})
{
Text
(
'
flexBasis
'
).
fontSize
(
9
).
fontColor
(
0xCCCCCC
).
width
(
'
90%
'
)
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-focus.md
浏览文件 @
b021788a
...
...
@@ -13,11 +13,13 @@
## 属性
|
**名称**
|
**参数类型**
|
**默认值**
|
**描述**
|
| -------------------- | -------- | ------- | ---------------------------------------- |
| focusable | boolean | false | 设置当前组件是否可以获焦。 |
| tabIndex
<sup>
9+
<sup>
| number | 0 | 自定义组件tab键走焦能力,走焦顺序为:tabIndex大于0的组件依次递增走焦, tabIndex等于0的组件按组件树先后顺序走焦。
<br
/>
- tabIndex >= 0:表示元素是可聚焦的,并且可以通过tab键走焦来访问到该元素,按照tabIndex的数值递增而先后获焦。如果多个元素拥有相同的tabIndex,按照元素在当前组件树中的先后顺序获焦
<br
/>
- tabIndex < 0(通常是tabIndex = -1):表示元素是可聚焦的,但是不能通过tab键走焦来访问到该元素 |
> **说明:**
> 支持焦点控制的组件:Button、Text、Image、List、Grid。
...
...
@@ -70,4 +72,4 @@ struct FocusableExample {
}
```
![
focus
](
figures/focus.png
)
\ No newline at end of file
![
focus
](
figures/focus.png
)
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-gradient-color.md
浏览文件 @
b021788a
...
...
@@ -45,6 +45,7 @@
@
Entry
@
Component
struct
ColorGradientExample
{
build
()
{
Column
({
space
:
5
})
{
Text
(
'
linearGradient
'
).
fontSize
(
12
).
width
(
'
90%
'
).
fontColor
(
0xCCCCCC
)
...
...
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-grid.md
浏览文件 @
b021788a
...
...
@@ -28,6 +28,7 @@
@
Entry
@
Component
struct
GridContainerExample1
{
build
(){
GridContainer
()
{
Row
({})
{
...
...
@@ -77,4 +78,4 @@ struct GridContainerExample1 {
**图3**
设备宽度为LG
![
zh-cn_image_0000001219982727
](
figures/zh-cn_image_0000001219982727.png
)
\ No newline at end of file
![
zh-cn_image_0000001219982727
](
figures/zh-cn_image_0000001219982727.png
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录