Status Bar

沿窗口底部排列的细长弱化区域栏。

示例可交互

Status Bar — Avalonia UIKit

Live demo unavailable

<uikit:StatusBar Width="420" HorizontalAlignment="Left" Content="Ready">
  <uikit:StatusBar.Left>
    <StackPanel Orientation="Horizontal" Spacing="8">
      <TextBlock Text="main" />
      <TextBlock Text="0 errors" />
    </StackPanel>
  </uikit:StatusBar.Left>
  <uikit:StatusBar.Right>
    <StackPanel Orientation="Horizontal" Spacing="8">
      <TextBlock Text="Ln 1, Col 1" />
      <TextBlock Text="UTF-8" />
    </StackPanel>
  </uikit:StatusBar.Right>
</uikit:StatusBar>

用法

uikit:StatusBar 绘制 1px 的顶部边框与三个使用弱化 12px 文本的区域，彼此相隔 8px：Left 固定在起始端，Right 固定在末端，Content 填充中间。两端都设置时内容居中，只设置 Left 时内容靠末端，其余情况内容靠起始端。每个区域只放一个元素，并裁剪放不下的内容；把多个元素放进设置 Spacing="8" 的水平 StackPanel，它们就会保持 8px 的间距。

示例

一个带 Left 与内容的栏，一个带内容与 Right 的栏，以及一个只有内容的栏：设置了 Left 时内容移向末端，否则内容留在起始端。

区域可交互

Live demo unavailable

<StackPanel Spacing="12" HorizontalAlignment="Left">
  <uikit:StatusBar Width="420" Left="main" Content="Ready" />
  <uikit:StatusBar Width="420" Content="Ready" Right="UTF-8" />
  <uikit:StatusBar Width="420" Content="Indexing… 42%" />
</StackPanel>

Status Bar

#用法

#示例

用法

示例