Toolbar

一行共用同一尺寸并可用方向键导航的控件，即 uikit:Toolbar。

示例可交互

Toolbar — Avalonia UIKit

Live demo unavailable

<Border BorderThickness="1" CornerRadius="6" BorderBrush="{DynamicResource UIKit.Border}" Width="520" HorizontalAlignment="Left">
  <uikit:Toolbar>
    <uikit:ToolbarGroup Spacing="4" AutomationProperties.Name="History">
      <Button Classes="icon-only" ToolTip.Tip="Undo">
        <PathIcon Data="{StaticResource UIKit.Icon.Undo2}" />
      </Button>
      <Button Classes="icon-only" ToolTip.Tip="Redo">
        <PathIcon Data="{StaticResource UIKit.Icon.Redo2}" />
      </Button>
    </uikit:ToolbarGroup>
    <Separator Classes="vertical" Height="20" />
    <uikit:ToolbarGroup Spacing="4" AutomationProperties.Name="Formatting">
      <ToggleButton Content="B" IsChecked="True" />
      <ToggleButton Content="I" />
      <ToggleButton Content="U" />
    </uikit:ToolbarGroup>
    <Separator Classes="vertical" Height="20" />
    <TextBox Width="120" PlaceholderText="Search" />
    <uikit:ToolbarSpacer />
    <Button Classes="primary small" Content="Publish" uikit:Toolbar.TakesSize="False" />
  </uikit:Toolbar>
</Border>

用法

uikit:Toolbar 是一行透明的任意控件与内容，沿行居中，外观与 Toolbar 一致。它把自己的尺寸传给其中的控件：尺寸样式类会加到除 Separator 之外的每个模板化控件上，普通 Button 还会变成 ghost 与 compact，因此 Classes="icon-only" 会得到方形命令按钮。uikit:Toolbar.TakesSize="False" 会保留控件自身的尺寸与颜色。文本、面板、Separator Classes="vertical" Height="20" 与 uikit:ToolbarSpacer 保持原样；间隔元素分享其他项留下的宽度。uikit:ToolbarGroup 是一组作为单个分组（AutomationProperties.Name）播报的控件，自身没有间隙（Spacing）；它采用工具栏的尺寸并向下传递。焦点位于其中某个控件时，左、右方向键会移动到上一个或下一个控件，并在两端回绕；TextBox 会把方向键留给自己的光标。Tab 照常在各控件之间移动。尺寸：xsmall、默认的 small 与 medium（large 与之相同）。

该演示包含两个分组、一个分隔符、一个 TextBox、一个间隔元素，以及一个保留自身外观的主色按钮。

Toolbar

#用法

用法