Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
063a9371
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看板
提交
063a9371
编写于
7月 28, 2022
作者:
T
tianyu
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update abilityComponent
Signed-off-by:
N
tianyu
<
tianyu55@h-partners.com
>
上级
0372b9ef
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
35 addition
and
64 deletion
+35
-64
zh-cn/application-dev/reference/arkui-ts/ts-container-ability-component.md
...-dev/reference/arkui-ts/ts-container-ability-component.md
+7
-36
zh-cn/application-dev/reference/arkui-ts/ts-container-column.md
...application-dev/reference/arkui-ts/ts-container-column.md
+6
-6
zh-cn/application-dev/reference/arkui-ts/ts-container-flex.md
...n/application-dev/reference/arkui-ts/ts-container-flex.md
+8
-8
zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
...n/application-dev/reference/arkui-ts/ts-container-tabs.md
+14
-14
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-ability-component.md
浏览文件 @
063a9371
...
@@ -41,34 +41,20 @@ ohos.permission.INTEGRATED_INTERIOR_WINDOW
...
@@ -41,34 +41,20 @@ ohos.permission.INTEGRATED_INTERIOR_WINDOW
## 接口
## 接口
AbilityComponent(value: {want : Want
, controller? : AbilityController
})
AbilityComponent(value: {want : Want})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| want |
[
Want
](
../../reference/apis/js-apis-application-Want.md
)
| 是 | - | 默认加载的Ability描述。 |
| want |
[
Want
](
../../reference/apis/js-apis-application-Want.md
)
| 是 | - | 默认加载的Ability描述。 |
| controller |
[
AbilityController
](
#abilityController
)
| 否 | - | Ability控制器。 |
## 事件
## 事件
| 名称 | 功能描述 |
| 名称 | 功能描述 |
| -------- | -------- |
| -------- | -------- |
| onReady()
=
>
void | AbilityComponent环境启动完成时的回调,之后可使用AbilityComponent的方法。 |
| onConnect()
=
>
void | AbilityComponent环境启动完成时的回调,之后可使用AbilityComponent的方法。 |
| onDestroy()
=
>
void | AbilityComponent环境销毁时的回调。 |
| onDisconnect()
=
>
void | AbilityComponent环境销毁时的回调。 |
| onAbilityCreated(name:
string)
=
>
void | 加载Ability时触发,name为Ability名。 |
| onAbilityMoveToFont()
=
>
void | 当Ability移动到前台时触发。 |
| onAbilityWillRemove()
=
>
void | Ability移除之前触发。 |
## AbilityController
Ability控制器,提供AbilityComponent的控制接口。
| 名称 | 功能描述 |
| --------------------------------------- | ------------------------------------------------------------ |
| startAbility()
=
>
want | 在AbilityComponent内部加载Ability。
<br>
want:要加载的Ability描述信息。 |
| preformBackPress()
=
>
void | 在AbilityComponent内部执行返回操作。 |
| getStackCount()
=
>
void | 获取AbilityComponent内部任务栈中任务的个数。 |
## 示例
## 示例
...
@@ -78,7 +64,6 @@ Ability控制器,提供AbilityComponent的控制接口。
...
@@ -78,7 +64,6 @@ Ability控制器,提供AbilityComponent的控制接口。
@
Entry
@
Entry
@
Component
@
Component
struct
MyComponent
{
struct
MyComponent
{
@
State
controller
:
AbilityController
=
new
AbilityController
()
build
()
{
build
()
{
Column
()
{
Column
()
{
...
@@ -87,26 +72,12 @@ struct MyComponent {
...
@@ -87,26 +72,12 @@ struct MyComponent {
bundleName
:
''
,
bundleName
:
''
,
abilityName
:
''
abilityName
:
''
},
},
controller
:
this
.
controller
})
.
onReady
(()
=>
{
console
.
log
(
'
AbilityComponent ready
'
);
})
})
.
onDestory
(()
=>
{
.
onConnect
(()
=>
{
console
.
log
(
'
AbilityComponent destory
'
);
console
.
log
(
'
AbilityComponent connect
'
);
})
Button
(
"
Start New
"
)
.
onClick
(()
=>
{
this
.
controller
.
startAbility
({
bundleName
:
''
,
abilityName
:
''
});
})
})
Button
(
"
Back
"
)
.
onDisconnect
(()
=>
{
.
onClick
(()
=>
{
console
.
log
(
'
AbilityComponent disconnect
'
);
if
(
this
.
controller
.
getStacjCount
()
>
1
)
{
this
.
controller
.
preformBackPress
();
}
})
})
}
}
}
}
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-column.md
浏览文件 @
063a9371
...
@@ -23,9 +23,9 @@ Column(value:{space?: Length})
...
@@ -23,9 +23,9 @@ Column(value:{space?: Length})
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| space | Length | 否 | 0 | 纵向布局元素间距。 |
| space | Length | 否 | 0 | 纵向布局元素间距。 |
## 属性
## 属性
...
@@ -33,13 +33,13 @@ Column(value:{space?: Length})
...
@@ -33,13 +33,13 @@ Column(value:{space?: Length})
| 名称 | 参数类型 | 默认值 | 描述 |
| 名称 | 参数类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- |
| alignItems | HorizontalAlign | HorizontalAlign.Center | 设置子组件在水平方向上的对齐格式。 |
| alignItems | HorizontalAlign | HorizontalAlign.Center | 设置子组件在水平方向上的对齐格式。 |
| justifyContent
8+
|
[
FlexAlign
](
ts-container-flex.md
)
| FlexAlign.Start | 设置子组件在垂直方向上的对齐格式。 |
| justifyContent
<sup>
8+
</sup>
|
[
FlexAlign
](
ts-container-flex.md
)
| FlexAlign.Start | 设置子组件在垂直方向上的对齐格式。 |
-
HorizontalAlign枚举说明
-
HorizontalAlign枚举说明
| 名称 | 描述 |
| 名称 | 描述 |
| -------- | -------- |
| -------- | -------- |
| Start | 按照语言方向起始端对齐。 |
| Start | 按照语言方向起始端对齐。 |
| Center | 居中对齐,默认对齐方式。 |
| Center | 居中对齐,默认对齐方式。 |
| End | 按照语言方向末端对齐。 |
| End | 按照语言方向末端对齐。 |
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-flex.md
浏览文件 @
063a9371
...
@@ -48,14 +48,14 @@ Flex(options?: { direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: F
...
@@ -48,14 +48,14 @@ Flex(options?: { direction?: FlexDirection, wrap?: FlexWrap, justifyContent?: F
| WrapReverse | Flex容器的元素反向多行/列排布,子项允许超出容器。 |
| WrapReverse | Flex容器的元素反向多行/列排布,子项允许超出容器。 |
-
FlexAlign枚举说明
-
FlexAlign枚举说明
| 名称
| 描述
|
| 名称
| 描述
|
| ------------ | ---------------------------------------- |
| ------------ | ----------------------------------------
--------------------
|
| Start | 元素在主轴方向首端对齐
,
第一个元素与行首对齐,同时后续的元素与前一个对齐。 |
| Start | 元素在主轴方向首端对齐
,
第一个元素与行首对齐,同时后续的元素与前一个对齐。 |
| Center | 元素在主轴方向中心对齐,第一个元素与行首的距离与最后一个元素与行尾距离相同。
|
| Center | 元素在主轴方向中心对齐,第一个元素与行首的距离与最后一个元素与行尾距离相同。 |
| End | 元素在主轴方向尾部对齐
,
最后一个元素与行尾对齐,其他元素与后一个对齐。 |
| End | 元素在主轴方向尾部对齐
,
最后一个元素与行尾对齐,其他元素与后一个对齐。 |
| SpaceBetween | Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。
第一个元素与行首对齐,最后一个元素与行尾对齐。 |
| SpaceBetween | Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。第一个元素与行首对齐,最后一个元素与行尾对齐。 |
| SpaceAround | Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。
第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。 |
| SpaceAround | Flex主轴方向均匀分配弹性元素,相邻元素之间距离相同。第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。 |
| SpaceEvenly | Flex主轴方向元素等间距布局,
相邻元素之间的间距、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。 |
| SpaceEvenly | Flex主轴方向元素等间距布局,相邻元素之间的间距、第一个元素与行首的间距、最后一个元素到行尾的间距都完全一样。 |
## 示例
## 示例
...
...
zh-cn/application-dev/reference/arkui-ts/ts-container-tabs.md
浏览文件 @
063a9371
...
@@ -29,10 +29,10 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
...
@@ -29,10 +29,10 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
| controller |
[
TabsController
](
#tabscontroller
)
| 否 | - | 设置Tabs控制器。 |
| controller |
[
TabsController
](
#tabscontroller
)
| 否 | - | 设置Tabs控制器。 |
-
BarPosition枚举说明
-
BarPosition枚举说明
| 名称 | 描述 |
| 名称 | 描述 |
| -------- | -------- |
| -------- | -------- |
| Start | vertical属性方法设置为true时,页签位于容器左侧;vertical属性方法设置为false时,页签位于容器顶部。 |
| Start | vertical属性方法设置为true时,页签位于容器左侧;vertical属性方法设置为false时,页签位于容器顶部。 |
| End | vertical属性方法设置为true时,页签位于容器右侧;vertical属性方法设置为false时,页签位于容器底部。 |
| End | vertical属性方法设置为true时,页签位于容器右侧;vertical属性方法设置为false时,页签位于容器底部。 |
## 属性
## 属性
...
@@ -41,25 +41,25 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
...
@@ -41,25 +41,25 @@ Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsContro
| 名称 | 参数类型 | 默认值 | 描述 |
| 名称 | 参数类型 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- |
| vertical | boolean |
是否为纵向Tab,默认为false。
| 是否为纵向Tab,默认为false。 |
| vertical | boolean |
false
| 是否为纵向Tab,默认为false。 |
| scrollable | boolean |
是否可以通过左右滑动进行页面切换,默认为true。
| 是否可以通过左右滑动进行页面切换,默认为true。 |
| scrollable | boolean |
true
| 是否可以通过左右滑动进行页面切换,默认为true。 |
| barMode | BarMode |
TabBar布局模式。
| TabBar布局模式。 |
| barMode | BarMode |
BarMode.Fixed
| TabBar布局模式。 |
| barWidth | number |
TabBar的宽度值,不设置时使用系统主题中的默认值。
| TabBar的宽度值,不设置时使用系统主题中的默认值。 |
| barWidth | number |
-
| TabBar的宽度值,不设置时使用系统主题中的默认值。 |
| barHeight | number |
TabBar的高度值,不设置时使用系统主题中的默认值。
| TabBar的高度值,不设置时使用系统主题中的默认值。 |
| barHeight | number |
-
| TabBar的高度值,不设置时使用系统主题中的默认值。 |
| animationDuration | number | 200 | TabContent滑动动画时长。 |
| animationDuration | number | 200 | TabContent滑动动画时长。 |
-
BarMode枚举说明
-
BarMode枚举说明
| 名称 | 描述 |
| 名称 | 描述 |
| -------- | -------- |
| -------- | -------- |
| Scrollable | TabBar使用实际布局宽度,
超过总长度后可滑动。 |
| Scrollable | TabBar使用实际布局宽度,
超过总长度后可滑动。 |
| Fixed | 所有TabBar平均分配宽度。 |
| Fixed | 所有TabBar平均分配宽度。 |
## 事件
## 事件
| 名称 | 功能描述 |
| 名称 | 功能描述 |
| -------- | -------- |
| -------- | -------- |
| onChange(callback:
(index:
number)
=
>
void) | Tab页签切换后触发的事件。 |
| onChange(callback:
(index:
number)
=
>
void) | Tab页签切换后触发的事件。 |
## TabsController
## TabsController
...
@@ -79,7 +79,7 @@ changeIndex(value: number): void
...
@@ -79,7 +79,7 @@ changeIndex(value: number): void
控制Tabs切换到指定页签。
控制Tabs切换到指定页签。
-
参数
-
参数
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| value | number | 是 | - | 页签在Tabs里的索引值,索引值从0开始。 |
| value | number | 是 | - | 页签在Tabs里的索引值,索引值从0开始。 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录