Breadcrumb

用折角箭头分隔的弱化路径条目；最后一项使用前景色。

示例可交互

Breadcrumb — Avalonia UIKit

Live demo unavailable

<uikit:Breadcrumb HorizontalAlignment="Left">
  <uikit:BreadcrumbItem Content="Home" />
  <uikit:BreadcrumbItem Content="Documents" />
  <uikit:BreadcrumbItem Content="Report" />
</uikit:Breadcrumb>

用法

uikit:Breadcrumb 以弱化的 14px 文字排布 uikit:BreadcrumbItem，彼此间隔 6px，中间是一个 14px 的弱化色折角箭头；最后一项使用前景色。条目是 Button，因此通过 Click 或 Command 进行导航；条目没有悬停外观，也不接受键盘焦点。不是条目的内容会被包裹进一个条目中。

示例

禁用的条目（IsEnabled="False"）保持弱化色，并显示箭头光标而不是手形光标。

禁用可交互

Live demo unavailable

<uikit:Breadcrumb HorizontalAlignment="Left">
  <uikit:BreadcrumbItem Content="Workspace" />
  <uikit:BreadcrumbItem Content="Archive" IsEnabled="False" />
  <uikit:BreadcrumbItem Content="2025" />
  <uikit:BreadcrumbItem Content="Avalonia UI Kit" />
  <uikit:BreadcrumbItem Content="Report" />
</uikit:Breadcrumb>

Breadcrumb

#用法

#示例

用法

示例