C# MAUI Listview 横向显示XAML
时间: 2024-11-15 11:26:31 浏览: 36
C#.NET MAUI MVVM工具
在C# MAUI(Microsoft UI for Xamarin)中,ListView 是一个常用的控件,用于展示列表数据。若要使 ListView 横向显示(横向滚动),你可以在 XAML 中设置 ListView 的 `HorizontalOptions` 属性为 `FillAndExpand`,并为每一项使用 Grid 或 StackLayout 控制布局方向。这里是一个基本的示例:
```xaml
<ListView x:Name="MyListView" HorizontalOptions="FillAndExpand">
<ListView.ItemTemplate>
<DataTemplate>
<Grid RowSpacing="5"
ColumnDefinitions="* Auto *">
<!-- 每一列代表一个视图 -->
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" /> <!-- 主要内容列 -->
<ColumnDefinition Width="Auto" /> <!-- 辅助信息列 -->
</Grid.ColumnDefinitions>
<!-- 你的每个项目的内容 -->
<Label Grid.Column="0" Text="{Binding MainText}" />
<Label Grid.Column="1" Text="{Binding SecondaryInfo}" HorizontalAlignment="End" />
</Grid>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
```
在这个例子中,每一行都是一个 `Grid`,其中包含两列:第一列用于显示主要内容,第二列用于显示辅助信息,如图标或描述。`HorizontalAlignment="End"` 设置辅助信息标签水平对齐到右侧。
阅读全文