.net maui listview

### .NET MAUI ListView 使用教程 #### 创建基本的ListView 为了展示如何使用 `ListView` 控件，在 XAML 文件中定义一个简单的列表视图。此控件允许显示一系列项，并可以配置为响应用户的交互。 ```xml <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MauiApp.ListViewDemo"> <StackLayout> <!-- 定义 ListView --> <ListView x:Name="ItemsListView" ItemSelected="OnItemSelected"> <ListView.ItemTemplate> <DataTemplate> <TextCell Text="{Binding Name}" Detail="{Binding Description}"/> </DataTemplate> </ListView.ItemTemplate> </ListView> </StackLayout> </ContentPage> ``` 这段代码设置了一个名为 `ItemsListView` 的 `ListView`，当选择其中一项时会触发 `OnItemSelected` 方法[^1]。 #### 设置数据源 在后台 C# 代码文件里初始化页面加载的数据源： ```csharp using System.Collections.Generic; using Xamarin.Forms; namespace MauiApp { public partial class ListViewDemo : ContentPage { List<Item> items = new() { new Item{Name ="Item One",Description= "This is item one"}, new Item{Name ="Item Two",Description= "This is item two"} }; public ListViewDemo () { InitializeComponent(); ItemsListView.ItemsSource = items; // 将items集合绑定到ListView上作为其数据源 } private void OnItemSelected (object sender,System.EventArgs e){ var selectedItem=((ListView)sender).SelectedItem as Item; DisplayAlert("You selected:",selectedItem.Name,"OK"); } } public class Item{ public string Name{get;set;} public string Description{get;set;} } } ``` 上述C#代码实现了两个主要功能：一是通过给定的 `List<Item>` 集合作为 `ListView` 的数据源；二是在用户点击某条目后弹窗提示所选项目的名称。 #### 运行效果预览 运行程序之后可以看到界面上呈现了由 `ListView` 显示出来的两条记录，每一条都包含了标题和描述文字。触摸屏幕上的任何一个条目都会弹出一个小窗口告知选择了哪一个条目。