组件
本库覆盖的全部组件:为 Avalonia 原生控件提供主题与补充其缺失能力的附加属性,以及 uikit: 命名空间下的新控件。
按钮组件
- Button – 沿 Avalonia 的 Button 使用样式类,得到各种颜色、修饰与尺寸的按钮外观。
- Button Group – 连接成一条按钮栏的按钮:共享内侧边缘,只保留外侧圆角。
- Dropdown Button – 一个带箭头半边、用于打开菜单的按钮,即 Avalonia 的 SplitButton;或者一个带箭头的按钮,即 DropDownButton。
- Link – 使用链接色的文本链接,即 HyperlinkButton。
- Toggle – 切换按钮,可为 ghost 或描边样式,即 ToggleButton。
- Toggle Group – 用于选中一项或多项的切换按钮,即使用 toggle-group 样式类的 ListBox。
- ButtonGroup – 把一组按钮组合为一个控件并报告选中结果,即 uikit:ButtonGroup。
- ToggleGroup – 在组中报告各自状态的切换按钮,即 uikit:ToggleGroup。
表单组件
- Calendar – 位于带边框卡片中的月视图,带有月份与年份选择器。
- Checkbox – 勾选标记以弹簧动效淡入的复选框。
- Clipboard – 一个 ghost 图标按钮,点击后复制其文本,并在随后显示对勾。
- Color Picker – Avalonia 的 ColorPicker,呈现为色块或带浮层的输入框,来自 AvaloniaUIKit.ColorPicker 包。
- Combobox – 随输入过滤选项的下拉选择,即 ComboBox 或 AutoCompleteBox。
- Date Picker – 一个用于打开日历的输入框。
- Form – 表单网格,带标签字段、必填标记与说明文字。
- Input – 带焦点环与占位符的输入框,即 Avalonia 的 TextBox。
- Input Group – 在同一个外框内包含前后缀附加内容的文本框。
- Number Input – 带减号与加号按钮的数值输入框,即 NumericUpDown。
- Radio – 单选按钮,圆点以弹簧动效淡入。
- Rating – 用于选择与展示评分的星级。
- Select – 下拉选择:一个在浮出层中打开列表的输入框。
- Slider – 胶囊形轨道填充至当前值,悬停与拖拽时拇指周围出现圆环。
- Switch – 一个开关,拇指沿弹簧滑动。
- Textarea – 位于 Input 边框内的多行输入,即启用了 AcceptsReturn 的 TextBox。
- Time Field – 输入框中的小时与分钟片段,即 TimePicker。
- CalendarView – 可显示多个月份、范围、禁用日期与年份网格的日历,即 uikit:CalendarView。
- ColorSelect – 带调色板与 HSLA 浮层的色块或输入框,即 uikit:ColorSelect。
- DateField – 带范围、预设、清除按钮与时间的日期字段,即 uikit:DateField。
- InputGroup – 输入框与其附加项共用一框,并支持上下两行,即 uikit:InputGroup。
- NumberInput – 在输入过程中保持文本为数字、并按自身规则步进的数值字段,即 uikit:NumberInput。
- RangeSlider – 带两个拇指或对数刻度的滑块,即 uikit:RangeSlider。
- Select – 带搜索框、分组、多选与页脚的 Select,即 uikit:Select。
- TimeField – 逐段编辑的时间输入框,即 uikit:TimeField。
数据展示组件
- Avatar – 可显示图片、首字母或占位符的圆形头像,以及将其重叠的头像分组。
- Badge – 显示在内容右上角的计数、圆点或图标。
- Bubble – 聊天气泡:七种外观的文本气泡,可对齐到一侧,并带回应。
- Data Table – 以 Avalonia 的 TableView 呈现的数据表格,或使用 AvaloniaUIKit.DataGrid 包提供的 DataGrid。
- Description List – 以网格排布的标签与值,支持跨列与分隔行。
- Icon – 作为几何数据供 PathIcon 使用的 Lucide 图标。
- Image – 带圆角与五种填充方式的 Avalonia Image。
- Kbd – 用于键盘快捷键的键帽,按各平台的记法书写。
- Label – 固定的行高与次要文字,适用于 TextBlock 与 Label。
- List – 带悬停、选中与浮层滚动条的列表行,即 ListBox。
- Message – 一条聊天消息:气泡配合头部、尾部与头像,并向一侧对齐。
- Status Bar – 沿窗口底部排列的细长弱化区域栏。
- Table – 以命名主题呈现的朴素表格,基于 TableView。
- Tag – 一个小巧的彩色标签,可实心或描边,使用主题与调色板中的颜色。
- Tree – 带文件夹与文件图标的树行,即 TreeView。
- AsyncImage – 在 UI 线程之外从 URI 加载的图片,带加载中与回退内容,即 uikit:AsyncImage。
- Icon – 按名称绘制的图标,即 uikit:Icon。
- ListView – 带分组、搜索框、加载状态以及确认与取消的列表,即 uikit:ListView。
- Table – 逐行书写、支持列跨、页脚与说明文字的表格,外观与 Table 一致,即 uikit:Table。
- TextLabel – 带次要文本、匹配高亮与遮罩的标签,即 uikit:TextLabel。
- Tree – 可为任意数量条目虚拟化的树,即 uikit:Tree。
- Virtual List – 使用 List 行外观的虚拟化列表,即 VirtualizingStackPanel 上的 ListBox。
导航组件
- Breadcrumb – 用折角箭头分隔的弱化路径条目;最后一项使用前景色。
- Pagination – 上一页、页码与下一页,基于 PipsPager。
- Sidebar – 可折叠为图标或收起至画布之外的侧边栏,即 SplitView 与 DrawerPage。
- Stepper – 由线条连接的数字或图标步骤,并高亮当前步骤。
- Tabs – 以 TabStrip 与 TabControl 形式提供默认、outline、pill、segmented 与 underline 五种外观的标签栏。
- Toolbar – 由 ghost 按钮与分隔符组成的工具栏,即 CommandBar。
- Pagination – 由页数生成页码按钮,含省略号及其页码菜单,即 uikit:Pagination。
- Sidebar – 带有菜单、分组与子菜单的侧边栏,可折叠为图标或移出画面,即 uikit:Sidebar。
- Toolbar – 一行共用同一尺寸并可用方向键导航的控件,即 uikit:Toolbar。
浮层组件
- Hover Card – 悬停时在其内容旁延迟打开、位于浮层表面上的卡片。
- Menu – 弹出菜单与菜单栏:Menu、ContextMenu 与 MenuFlyout。
- Popover – 浮层表面,可带箭头,也可不带任何表面,即 Avalonia 的 Flyout。
- Sheet – 从侧边滑入、覆盖在暗化内容之上的面板,即 DrawerPage 的浮出模式。
- Tooltip – 在触发元素上方淡入并滑入的工具提示气泡,即 ToolTip。
- Sheet – 由代码打开、从一侧滑入并覆盖在变暗窗口之上的面板,即 uikit:Sheet。
反馈组件
- Alert – 带标题与图标的提示条,使用 info、success、warning 与 error 配色。
- Empty – 空状态:媒体、标题、描述与操作,居中排列。
- Marker – 带图标或加载指示的弱化状态行,可选分隔线。
- Notification – 滑入并淡出的通知卡片,即 Avalonia 的 WindowNotificationManager。
- Progress – 确定进度与不确定进度的进度条,即 Avalonia 的 ProgressBar。
- Progress Circle – 显示进度的圆环,即使用命名主题的 ProgressBar。
- Shimmer – 有一道高光扫过表面的文字。
- Skeleton – 内容加载时脉动的占位条。
- Spinner – 旋转的加载图标,即带命名主题的 ProgressBar。
- NotificationList – 按位置堆叠的通知,带 id 与操作,即 uikit:NotificationList。
布局组件
- Accordion – 在手风琴框架中堆叠的展开器,以弹簧动效开合。
- Carousel – 一次显示一页,随弹簧滑动,并以 PipsPager 绘制圆点。
- Collapsible – 以自然高度配合弹簧动画展开内容的头部。
- Dock – AvaloniaUIKit.Dock 包为 Dock.Avalonia 提供停靠布局,以及停靠区的标签栏、分割手柄与放置目标。
- Group Box – 以普通、填充与描边三种外观呈现的带标题分组,即 Avalonia 的 GroupBox。
- Resizable – 面板之间的调整手柄,即 Avalonia 的 GridSplitter。
- Scrollable – 覆盖式滚动条,即 Avalonia 的 ScrollViewer。
- Separator – 边框色的 1px 线条,可水平、垂直或虚线。
- Title Bar – 标题栏与窗口边框,即 Avalonia 自行绘制的窗口装饰。
- Accordion – 一次只保持一项展开的手风琴,即 uikit:Accordion。
- ResizablePanelGroup – 并排排列、之间带调整手柄的面板,即 uikit:ResizablePanelGroup。
- TitleBar – 位于窗口顶部、可放置自有内容的标题栏,即 uikit:TitleBar。