2 .net MAUI学习 运行DEMO程序

建立项目

打开VScode,确保已经安装有关插件,按 CMD+SHIFT+P,在 VScode 中打开命令面板

输入搜索找到.net新建项目选项(.NET: New Project…):

在这里插入图片描述

进入该选项选择.NET MAUI App:

在这里插入图片描述

在弹出文件选择框中选择或新建项目解决方案存放目录,这里使用目录名为maui-demo:

在这里插入图片描述

接下来数据需要建立的项目名称,这里使用demo:

在这里插入图片描述

之后选择项目模板,这里使用默认第一个:

在这里插入图片描述

完成创建

在这里插入图片描述

运行项目

点击左下角"{}"按钮可以配置运行环境,这里选自本机:

在这里插入图片描述
在这里插入图片描述

打开demo/MauiProgram.cs文件,在Debug功能中运行:

在这里插入图片描述
在这里插入图片描述

如果发生如下报错,执行如下语句重新注册xcode:

在这里插入图片描述

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
### .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` 显示出来的两条记录,每一条都包含了标题和描述文字。触摸屏幕上的任何一个条目都会弹出一个小窗口告知选择了哪一个条目。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值