Breadcrumb 面包屑

AntdUI.Breadcrumb 用于展示层级路径，并允许用户点击某一级返回上层位置。每一段路径使用 AntdUI.BreadcrumbItem 描述。

最小示例

import win.ui;
import dotNet.AntdUI;
import System.Drawing;

var winform = win.form(text="Breadcrumb 示例";right=640;bottom=200);
winform.add(host={cls="custom";left=0;top=0;right=640;bottom=200;z=1});

var breadcrumb = AntdUI.Breadcrumb(winform.host);
breadcrumb.Dock = System.Windows.Forms.DockStyle.Top;
breadcrumb.Height = 48;
breadcrumb.Separator = "/";
breadcrumb.Gap = 8;
breadcrumb.Radius = 6;

var home = AntdUI.BreadcrumbItem();
home.ID = "home";
home.Text = "首页";
home.IconSvg = "HomeOutlined";

var app = AntdUI.BreadcrumbItem();
app.ID = "app";
app.Text = "应用中心";

var detail = AntdUI.BreadcrumbItem();
detail.ID = "detail";
detail.Text = "详情";

breadcrumb.Items.Add(home);
breadcrumb.Items.Add(app);
breadcrumb.Items.Add(detail);

breadcrumb.ItemClick = function(sender,e){
    var item = e.Item;
    winform.text = "点击：" + (item ? item.Text : "");
}

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

常用属性

Breadcrumb

• Items：面包屑项集合，添加 AntdUI.BreadcrumbItem。
• Separator：全局分隔符，默认通常为 /。
• Gap：项目之间的间距。
• Radius：悬停/点击区域圆角。
• ForeColor：普通文字颜色。
• ForeActive：激活/悬停文字颜色。
• PauseLayout：批量更新时可临时暂停布局。

BreadcrumbItem

• Text：显示文本。
• ID：业务标识。
• IconSvg / Icon：图标。
• Separator：单项自定义分隔符。
• Fore / ForeActive：单项普通/激活颜色。
• Tag：绑定业务对象。
• SetText()、SetIcon()、SetID()、SetTag()：链式设置方法。

常用事件

• ItemClick(sender,e)：点击面包屑项；事件参数常用 e.Item。

breadcrumb.ItemClick = function(sender,e){
    if(e.Item.ID == "home"){
        // 返回首页
    }
}

批量添加示例

breadcrumb.PauseLayout = true;
for i,text in ["首页","文档","组件","Breadcrumb"]{
    var item = AntdUI.BreadcrumbItem();
    item.ID = "level" + i;
    item.Text = text;
    breadcrumb.Items.Add(item);
}
breadcrumb.PauseLayout = false;

注意事项

• 面包屑只负责展示与点击，不会自动切换页面；请在 ItemClick 中执行自己的导航逻辑。
• IconSvg 可直接使用 AntdUI 内置图标名或 SVG 字符串，具体取决于上游 AntdUI 图标解析能力。
• 如果需要完整页面标题区，可将 Breadcrumb 与 PageHeader 组合使用。

Markdown 格式