跳到正文
浏览文档

组件

本库覆盖的全部组件:为 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。