Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
80b93662
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,发现更多精彩内容 >>
提交
80b93662
编写于
3月 21, 2022
作者:
Y
yaoyuchi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix sidebarcontainer inspector
Signed-off-by:
N
yaoyuchi
<
yaoyuchi@huawei.com
>
上级
8cac606e
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
12 addition
and
14 deletion
+12
-14
zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png
...ation-dev/reference/arkui-ts/figures/sidebarcontainer.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
...n-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
+12
-14
未找到文件。
zh-cn/application-dev/reference/arkui-ts/figures/sidebarcontainer.png
0 → 100644
浏览文件 @
80b93662
17.7 KB
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
浏览文件 @
80b93662
...
@@ -4,7 +4,7 @@
...
@@ -4,7 +4,7 @@
> 该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
> 该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
侧边栏容器,分为侧边栏和内容区两部分,可单独添加子组件
。
提供侧边栏可以显示和隐藏的侧边栏容器,通过子组件定义侧边栏和内容区,第一个子组件表示侧边栏,第二个子组件表示内容区
。
## 权限列表
## 权限列表
...
@@ -14,10 +14,7 @@
...
@@ -14,10 +14,7 @@
## 子组件
## 子组件
可以包含两个子组件。
可以包含子组件。
> ![](../../public_sys-resources/icon-note.gif) **说明:**
> 第一个子组件的类型必须为[Column](ts-container-column.md),表示侧边栏,第二个子组件的类型必须为[RowSplit](ts-container-rowsplit.md),表示内容区。
## 接口
## 接口
...
@@ -42,18 +39,18 @@ SideBarContainer( type?: SideBarContainerType )
...
@@ -42,18 +39,18 @@ SideBarContainer( type?: SideBarContainerType )
| showSideBar | boolean | true | 设置是否显示侧边栏。 |
| showSideBar | boolean | true | 设置是否显示侧边栏。 |
| controlButton | ButtonStyle | - | 设置侧边栏控制按钮的属性。 |
| controlButton | ButtonStyle | - | 设置侧边栏控制按钮的属性。 |
| showControlButton | boolean | true | 设置是否显示控制按钮。 |
| showControlButton | boolean | true | 设置是否显示控制按钮。 |
| side
barWidth | number | 200vp
| 设置侧边栏的宽度。 |
| side
BarWidth | number | 200
| 设置侧边栏的宽度。 |
| minSideBarWidth | number | 200
vp
| 设置侧边栏最小宽度。 |
| minSideBarWidth | number | 200 | 设置侧边栏最小宽度。 |
| maxSideBarWidth | number | 280
vp
| 设置侧边栏最大宽度。 |
| maxSideBarWidth | number | 280 | 设置侧边栏最大宽度。 |
-
ButtonStyle对象说明
-
ButtonStyle对象说明
| 名称 | 参数类型 | 必填 | 默认值 | 描述 |
| 名称 | 参数类型 | 必填 | 默认值 | 描述 |
| -------- | -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- | -------- |
| left | number | 否 | 16
vp
| 设置侧边栏控制按钮距离容器左界限的间距。 |
| left | number | 否 | 16 | 设置侧边栏控制按钮距离容器左界限的间距。 |
| top | number | 否 | 48
vp
| 设置侧边栏控制按钮距离容器上界限的间距。 |
| top | number | 否 | 48 | 设置侧边栏控制按钮距离容器上界限的间距。 |
| width | number | 否 | 32
vp
| 设置侧边栏控制按钮的宽度。 |
| width | number | 否 | 32 | 设置侧边栏控制按钮的宽度。 |
| height | number | 否 | 32
vp
| 设置侧边栏控制按钮的高度。 |
| height | number | 否 | 32 | 设置侧边栏控制按钮的高度。 |
| icons | {
<br/>
shown:
string
\|
PixelMap
\|
[
Resource
](
../../ui/ts-types.md
#resource类型
)
,
<br/>
hidden:
string
\|
PixelMap
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
,
<br/>
switching?:
string
\|
PixelMap
\|
[
Resource
](
../../ui/ts-types.md#resource类型
)
<br/>
} | 否 | - | 设置侧边栏控制按钮的图标:
<br/>
</p>
- shown: 设置侧边栏显示时控制按钮的图标。
<br>
- hidden: 设置侧边栏隐藏时控制按钮的图标。
<br>
- switching:设置侧边栏显示和隐藏状态切换时控制按钮的图标。 |
| icons | {
<br/>
shown:
string
\|
PixelMap
\|
[
Resource
](
../../ui/ts-types.md
)
,
<br/>
hidden:
string
\|
PixelMap
\|
[
Resource
](
../../ui/ts-types.md
)
,
<br/>
switching?:
string
\|
PixelMap
\|
[
Resource
](
../../ui/ts-types.md
)
<br/>
} | 否 | - | 设置侧边栏控制按钮的图标:
<br/>
</p>
- shown: 设置侧边栏显示时控制按钮的图标。
<br>
- hidden: 设置侧边栏隐藏时控制按钮的图标。
<br>
- switching:设置侧边栏显示和隐藏状态切换时控制按钮的图标。 |
...
@@ -113,4 +110,5 @@ struct SideBarContainerExample {
...
@@ -113,4 +110,5 @@ struct SideBarContainerExample {
}
}
}
}
```
```
<img
src=
"figures/sidebarcontainer.png"
style=
"border: 1px solid black;"
width=
"300"
height=
"447"
align=
"middle"
/>
![](
figures/sidebarcontainer.png
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录