Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
bfd6c81b
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,发现更多精彩内容 >>
提交
bfd6c81b
编写于
6月 30, 2023
作者:
T
tengfan66
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add sidebar
Signed-off-by:
N
tengfan66
<
tengfan3@huawei.com
>
上级
2d8fe695
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
9 deletion
+9
-9
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
...n-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
+9
-9
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-container-sidebarcontainer.md
浏览文件 @
bfd6c81b
...
...
@@ -45,22 +45,22 @@ SideBarContainer( type?: SideBarContainerType )
| showSideBar | boolean | 设置是否显示侧边栏。
<br/>
默认值:true
<br
/>
从API version 10开始,该属性支持
[
$$
](
../../quick-start/arkts-two-way-sync.md
)
双向绑定变量。 |
| controlButton |
[
ButtonStyle
](
#buttonstyle对象说明
)
| 设置侧边栏控制按钮的属性。 |
| showControlButton | boolean | 设置是否显示控制按钮。
<br/>
默认值:true |
| sideBarWidth | number
\|
[
Length
](
ts-types.md#length
)
<sup>
9+
</sup>
| 设置侧边栏的宽度。
<br/>
默认值:200
<br/>
单位:vp
<br/>
**说明:**
<br/>
设置为小于0的值时按默认值显示。
<br/>
受最小宽度和最大宽度限制,不在限制区域内取最近的点。
<br/>
sideBarWidth优先于侧边栏子组件width,sideBarWidth未设置时默认值优先级高于侧边栏子组件width。 |
| minSideBarWidth | number
\|
[
Length
](
ts-types.md#length
)
<sup>
9+
</sup>
| 设置侧边栏最小宽度。
<br/>
默认值:200
,单位
vp
<br/>
**说明:**
<br/>
设置为小于0的值时按默认值显示。
<br/>
值不能超过侧边栏容器本身宽度,超过使用侧边栏容器本身宽度。
<br/>
minSideBarWidth优先于侧边栏子组件minWidth,minSideBarWidth未设置时默认值优先级低于侧边栏子组件minWidth。 |
| maxSideBarWidth | number
\|
[
Length
](
ts-types.md#length
)
<sup>
9+
</sup>
| 设置侧边栏最大宽度。
<br/>
默认值:280
,单位
vp
<br/>
**说明:**
<br/>
设置为小于0的值时按默认值显示。
<br/>
值不能超过侧边栏容器本身宽度,超过使用侧边栏容器本身宽度。
<br/>
maxSideBarWidth优先于侧边栏子组件maxWidth,maxSideBarWidth未设置时默认值优先级低于侧边栏子组件maxWidth。 |
| sideBarWidth | number
\|
[
Length
](
ts-types.md#length
)
<sup>
9+
</sup>
| 设置侧边栏的宽度。
<br/>
默认值:200
vp
<br/>
单位:vp
<br/>
**说明:**
<br/>
设置为小于0的值时按默认值显示。
<br/>
受最小宽度和最大宽度限制,不在限制区域内取最近的点。
<br/>
sideBarWidth优先于侧边栏子组件width,sideBarWidth未设置时默认值优先级高于侧边栏子组件width。 |
| minSideBarWidth | number
\|
[
Length
](
ts-types.md#length
)
<sup>
9+
</sup>
| 设置侧边栏最小宽度。
<br/>
默认值:200
vp
<br/>
单位:
vp
<br/>
**说明:**
<br/>
设置为小于0的值时按默认值显示。
<br/>
值不能超过侧边栏容器本身宽度,超过使用侧边栏容器本身宽度。
<br/>
minSideBarWidth优先于侧边栏子组件minWidth,minSideBarWidth未设置时默认值优先级低于侧边栏子组件minWidth。 |
| maxSideBarWidth | number
\|
[
Length
](
ts-types.md#length
)
<sup>
9+
</sup>
| 设置侧边栏最大宽度。
<br/>
默认值:280
vp
<br>
单位:
vp
<br/>
**说明:**
<br/>
设置为小于0的值时按默认值显示。
<br/>
值不能超过侧边栏容器本身宽度,超过使用侧边栏容器本身宽度。
<br/>
maxSideBarWidth优先于侧边栏子组件maxWidth,maxSideBarWidth未设置时默认值优先级低于侧边栏子组件maxWidth。 |
| autoHide
<sup>
9+
</sup>
| boolean | 设置当侧边栏拖拽到小于最小宽度后,是否自动隐藏。
<br/>
默认值:true
<br>
**说明:**
<br>
受minSideBarWidth属性方法影响,minSideBarWidth属性方法未设置值使用默认值。
<br/>
拖拽过程中判断是否要自动隐藏。小于最小宽度时需要阻尼效果触发隐藏(越界一段距离) |
| sideBarPosition
<sup>
9+
</sup>
|
[
SideBarPosition
](
#sidebarposition9枚举说明
)
| 设置侧边栏显示位置。
<br/>
默认值:SideBarPosition.Start |
| divider
<sup>
10+
</sup>
|
[
DividerStyle
](
#dividerstyle10对象说明
)
\|
null | 设置分割线的样式。
<br/>
- 默认为DividerStyle:显示分割线。
<br/>
- null:不显示分割线。 |
| minContentWidth
<sup>
10+
</sup>
| Dimension | SideBarContainer组件内容区的最小宽度。
<br/>
默认值:360
<br/>
单位:vp |
| minContentWidth
<sup>
10+
</sup>
| Dimension | SideBarContainer组件内容区的最小宽度。
<br/>
默认值:360
vp
<br/>
单位:vp |
## ButtonStyle对象说明
| 名称 | 参数类型 | 必填 | 描述 |
| -------- | -------- | -------- | -------- |
| left | number | 否 | 设置侧边栏控制按钮距离容器左界限的间距。
<br/>
默认值:16
<br>
单位:vp |
| top | number | 否 | 设置侧边栏控制按钮距离容器上界限的间距。
<br/>
默认值:48
<br/>
单位:vp |
| width | number | 否 | 设置侧边栏控制按钮的宽度。
<br/>
默认值:
32
<br/>
单位:vp |
| height | number | 否 | 设置侧边栏控制按钮的高度。
<br/>
默认值:
32
<br/>
单位:vp |
| left | number | 否 | 设置侧边栏控制按钮距离容器左界限的间距。
<br/>
默认值:16
vp
<br>
单位:vp |
| top | number | 否 | 设置侧边栏控制按钮距离容器上界限的间距。
<br/>
默认值:48
vp
<br/>
单位:vp |
| width | number | 否 | 设置侧边栏控制按钮的宽度。
<br/>
默认值:
<br/>
API version 9及之前版本:32vp
<br/>
从API version 10开始:24vp
<br/>
单位:vp |
| height | number | 否 | 设置侧边栏控制按钮的高度。
<br/>
默认值:
<br/>
API version 9及之前版本:32vp
<br/>
从API version 10开始:24vp
<br/>
单位:vp |
| icons | {
<br/>
shown:
string
\|
PixelMap
\|
[
Resource
](
ts-types.md
)
,
<br/>
hidden:
string
\|
PixelMap
\|
[
Resource
](
ts-types.md
)
,
<br/>
switching?:
string
\|
PixelMap
\|
[
Resource
](
ts-types.md
)
<br/>
} | 否 | 设置侧边栏控制按钮的图标:
<br/>
</p>
- shown: 设置侧边栏显示时控制按钮的图标。
<br>
**说明:**
<br>
资源获取错误时,使用默认图标。
<br/>
- hidden: 设置侧边栏隐藏时控制按钮的图标。
<br>
- switching:设置侧边栏显示和隐藏状态切换时控制按钮的图标。 |
## SideBarPosition<sup>9+</sup>枚举说明
...
...
@@ -74,7 +74,7 @@ SideBarContainer( type?: SideBarContainerType )
| 名称 | 参数类型 | 必填 | 描述 |
| ----------- | ------------- | ---- | ---------------------------------------- |
| strokeWidth |
[
Length
](
ts-types.md#length
)
| 是 | 分割线的线宽。
<br/>
默认值:1
<br/>
单位:vp |
| strokeWidth |
[
Length
](
ts-types.md#length
)
| 是 | 分割线的线宽。
<br/>
默认值:1
vp
<br/>
单位:vp |
| color |
[
ResourceColor
](
ts-types.md#resourcecolor
)
| 否 | 分割线的颜色。
<br/>
默认值:#000000,3% |
| startMargin |
[
Length
](
ts-types.md#length
)
| 否 | 分割线与侧边栏顶端的距离。
<br/>
默认值:0 |
| endMargin |
[
Length
](
ts-types.md#length
)
| 否 | 分割线与侧边栏底端的距离。
<br/>
默认值:0 |
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录