Kbd

用于键盘快捷键的键帽，按各平台的记法书写。

示例可交互

Kbd — Avalonia UIKit

Live demo unavailable

<StackPanel Spacing="12" HorizontalAlignment="Left">
  <StackPanel Orientation="Horizontal" Spacing="6">
    <TextBlock Text="Press" VerticalAlignment="Center" />
    <uikit:Kbd Gesture="Ctrl+K" VerticalAlignment="Center" />
    <TextBlock Text="to search" VerticalAlignment="Center" />
  </StackPanel>
  <WrapPanel ItemSpacing="8" LineSpacing="8">
    <uikit:Kbd Gesture="A" />
    <uikit:Kbd Gesture="F12" />
    <uikit:Kbd Gesture="Tab" />
    <uikit:Kbd Gesture="Space" />
    <uikit:Kbd Gesture="PageDown" />
    <uikit:Kbd Gesture="Ctrl+Shift+P" />
  </WrapPanel>
</StackPanel>

用法

uikit:Kbd 在至少 20px 宽、内边距为 4×2 的键帽上，以弱化的 12px 文本显示其 Gesture（一个 KeyGesture，例如 Ctrl+Shift+P）。文本遵循运行平台的记法：macOS 上为不带分隔符的修饰键符号（⌃ ⌥ ⇧ ⌘，Enter 与 Escape 为 ⏎ 与 ⎋），其他平台为用 "+" 连接的名称（Ctrl、Alt、Shift、Win）。Classes="outline" 会在背景上绘制带 1px 边框的键帽。

示例

单个按键与组合键上的 outline。

Outline可交互

Live demo unavailable

<WrapPanel ItemSpacing="8" LineSpacing="8">
  <uikit:Kbd Classes="outline" Gesture="A" />
  <uikit:Kbd Classes="outline" Gesture="F12" />
  <uikit:Kbd Classes="outline" Gesture="Enter" />
  <uikit:Kbd Classes="outline" Gesture="Ctrl+K" />
</WrapPanel>

Kbd

#用法

#示例

用法

示例