跳到正文
浏览文档

List

带悬停、选中与浮层滚动条的列表行,即 ListBox。

示例可交互
List — Avalonia UIKit
Live demo unavailable
<ListBox Width="240" Height="200" HorizontalAlignment="Left" SelectedIndex="1">
  <ListBoxItem Content="Apple" />
  <ListBoxItem Content="Banana" />
  <ListBoxItem Content="Cherry" />
  <ListBoxItem Content="Grape" IsEnabled="False" />
  <ListBoxItem Content="Mango" />
  <ListBoxItem Content="Orange" />
  <ListBoxItem Content="Peach" />
  <ListBoxItem Content="Strawberry" />
</ListBox>

用法

主题覆盖 ListBox 与 ListBoxItem:34px 高、16px 文本的行,内边距为 12×4,方角并占满宽度,没有列表自身的装饰。悬停的行使用列表的悬停色(UIKit.ListHover),选中的行使用激活色(UIKit.ListActive;悬停不会额外添加效果),禁用的项显示弱化文本;滚动条浮在行之上,来自 ScrollViewer 主题。把行的内容放进 ItemTemplate。项面板保持虚拟化,因此长列表仍是同一个控件:请参阅虚拟列表。

若需要分区、搜索框、加载状态或末尾加载更多,请使用 uikit:ListView。

示例

空列表居中显示一个 48px 的 Inbox 图标;无需为此添加任何内容。

空状态可交互
Live demo unavailable
<ListBox Width="240" Height="120" HorizontalAlignment="Left" />