折叠布局

  • 更新时间:2026-03-17 19:34:31

一、常用属性

方向 - 折叠方向

设置折叠方向

<折叠布局 方向="竖向" />

时长 - 折叠动画时长

设置折叠动画时长

<折叠布局 时长="500" />

展开 - 默认展开状态

设置默认展开状态

<折叠布局 展开="是" />

最小宽度 - 最小宽度

设置最小宽度

<折叠布局 最小宽度="100" />

最小高度 - 最小高度

设置最小高度

<折叠布局 最小高度="100" />

背景颜色 - 背景颜色

设置背景颜色

<折叠布局 背景颜色="red" />

背景图片 - 背景图片

设置背景图片

<折叠布局 背景图片="res/bg.png" />

二、常用函数

设置动画时长(动画时长)

设置动画时长

  • 参数 : 动画时长 {数字} 动画时长
//解析布局
定义 界面 = $界面.解析布局("主页.xml");
//找到折叠布局
定义 折叠布局 = 界面.找控件("我的折叠布局");
//设置动画时长
折叠布局.设置动画时长(500);

设置折叠方向(折叠方向)

设置折叠方向

默认是竖向折叠

  • 参数 : 折叠方向 {字符串} 折叠方向(可选:横向、竖向)
//解析布局
定义 界面 = $界面.解析布局("主页.xml");
//找到折叠布局
定义 折叠布局 = 界面.找控件("我的折叠布局");
//设置折叠方向
折叠布局.设置折叠方向("h");

设置背景颜色(背景颜色)

设置背景颜色

  • 参数 : 背景颜色 {字符串} 背景颜色
//解析布局
定义 界面 = $界面.解析布局("主页.xml");
//找到折叠布局
定义 折叠布局 = 界面.找控件("我的折叠布局");
//设置背景颜色
折叠布局.设置背景颜色("#549159");

打开()

打开折叠面板

//解析布局
定义 界面 = $界面.解析布局("主页.xml");
//找到折叠布局
定义 折叠布局 = 界面.找控件("我的折叠布局");
//打开折叠面板
折叠布局.打开();

关闭()

关闭折叠面板

//解析布局
定义 界面 = $界面.解析布局("主页.xml");
//找到折叠布局
定义 折叠布局 = 界面.找控件("我的折叠布局");
//关闭折叠面板
折叠布局.关闭();

切换()

切换折叠面板状态

如果面板处于关闭状态,那么调用此函数就会打开,反之:如果面板处于打开状态,那么调用此函数就会关闭面板。

//解析布局
定义 界面 = $界面.解析布局("主页.xml");
//找到折叠布局
定义 折叠布局 = 界面.找控件("我的折叠布局");
//切换折叠面板状态
折叠布局.切换();

子控件属性表

被折叠布局包裹的子控件可以使用如下属性:

中文名英文名描述
布局方向dir设置子视图的排列方向,可选值为“rtl”(右到左)或“ltr”(左到右)
解决方向resolveDir确定视图应遵循的实际布局方向,可选值为“rtl”(右到左)或“ltr”(左到右)
w设置视图的宽度,可选值为“auto”(自动,即WRAP_CONTENT)、“max”(最大,即MATCH_PARENT)或具体整数(单位为dp)
h设置视图的高度,可选值为“auto”(自动,即WRAP_CONTENT)、“max”(最大,即MATCH_PARENT)或具体整数(单位为dp)
布局重力layout_gravity设置视图的布局重力,通过GravityAdd获取对应的重力值
外边距margin设置视图的外边距,可传入单个整数(四边外边距相同)或四个整数(分别对应左、上、右、下外边距),单位为dp
左外边距margin_left单独设置视图的左外边距,单位为dp
上外边距margin_top单独设置视图的上外边距,单位为dp
右外边距margin_right单独设置视图的右外边距,单位为dp
下外边距margin_bottom单独设置视图的下外边距,单位为dp