Collapse 折叠面板

Collapse 用于展示可折叠/展开的内容区域。每个 CollapseItem 本身继承自 WinForms ScrollableControl，可在内容区继续添加控件。

import win.ui;
var winform = win.form(text="AntdUI Collapse";right=760;bottom=460)
winform.add(host={cls="custom";left=20;top=20;right=730;bottom=420;z=1})

import dotNet.AntdUI;
import System.Windows.Forms;

var collapse = AntdUI.Collapse(winform.host);
collapse.Unique = true;
collapse.Gap = 8;
collapse.Radius = 8;
collapse.Dock = System.Windows.Forms.DockStyle.Fill;

var item1 = AntdUI.CollapseItem();
item1.Text = "基本信息";
item1.Expand = true;

var btn = AntdUI.Button();
btn.Text = "内容区按钮";
btn.Dock = System.Windows.Forms.DockStyle.Top;
item1.Controls.Add(btn);

var item2 = AntdUI.CollapseItem();
item2.Text = "更多设置";

collapse.Items.Add(item1);
collapse.Items.Add(item2);

collapse.ExpandChanged = function(sender,item,expand){
    winform.text = item.Text ++ (expand ? " 已展开" : " 已折叠");
}

winform.show();
win.loopMessage();

常用属性

• Items：折叠项集合，添加 AntdUI.CollapseItem。
• Unique：只保持一个展开。
• UniqueFull：展开项铺满剩余空间。
• Gap：项目间距。
• Radius：圆角。
• HeaderBg / HeaderPadding：标题区域背景与内边距。
• ContentPadding：内容区内边距。
• BorderWidth / BorderColor：边框。
• AnimationSpeed：展开折叠动画速度。

CollapseItem

• Text：标题。
• Expand：是否展开。
• Full：是否铺满剩余空间。
• Icon / IconSvg：标题图标。
• Buttons：标题按钮集合。
• Controls：内容区控件集合。

事件

• ExpandChanged(item, expand)：展开状态改变后触发。
• ExpandingChanged(item, expand)：展开状态改变过程中触发。
• ButtonClick(item, button)：标题按钮点击。

注意

• CollapseItem 是 WinForms 容器，添加子控件时推荐设置 Dock 或明确位置。
• 只做手风琴效果时设置 Unique=true。

Markdown 格式