ColorSelect

带调色板与 HSLA 浮层的色块或输入框，即 uikit:ColorSelect。

<Panel MinHeight="440" MinWidth="480">
  <StackPanel Orientation="Horizontal" Spacing="16" HorizontalAlignment="Left" VerticalAlignment="Top">
    <uikit:ColorSelect Color="#2563EB" />
    <uikit:ColorSelect Color="#F59E0B" Label="Accent" />
    <uikit:ColorSelect Icon="{StaticResource UIKit.Icon.Palette}" VerticalAlignment="Center" />
  </StackPanel>
</Panel>

#用法

uikit:ColorSelect 属于 UIKitTheme，无需额外包。它提供 颜色选择器 的色块外观与 field 外观，Label 显示在色块之后，Icon 则用来替代色块。Color 可以为 null 表示无颜色：色块为空，输入框显示 PlaceholderText（"Please select"）。

浮层有两个分段标签页（ActiveTab）：调色板，一行精选颜色（主题的红、蓝、绿、黄、青与品红及其浅色调，或 FeaturedColors）位于从 stone 到 pink 的 99 种颜色之上，以及色相、饱和度、亮度与透明度滑块。下方是预览颜色及其十六进制值。把指针移到调色板颜色上即可预览；点击该颜色或在十六进制输入框中按 Enter 会设置 Color 并关闭浮层，拖动滑块时也会随即设置 Color。十六进制输入框接受 # 以及最多八位十六进制数字。在获得焦点的控件上按 Enter 可打开与关闭浮层，按 Escape 关闭。Placement 把浮层从控件下方移到别处。

演示展示了色块：一种颜色、带标签的颜色，以及一个图标。

#示例

输入框外观：一种颜色、带占位符的无颜色，以及一个打开在 HSLA 标签页上的实例。

<Panel MinHeight="480" MinWidth="320">
  <StackPanel Spacing="12" Width="200" HorizontalAlignment="Left" VerticalAlignment="Top">
    <uikit:ColorSelect Classes="field" Color="#2563EB" />
    <uikit:ColorSelect Classes="field" PlaceholderText="Pick a color" />
    <uikit:ColorSelect Classes="field" Color="#16A34A" ActiveTab="1" />
  </StackPanel>
</Panel>