首页 > 其他分享 >创建第一个 .NET MAUI 应用

创建第一个 .NET MAUI 应用

时间:2023-09-25 10:11:50浏览次数:41  
标签:创建 xaml 选择 Visual Studio 应用 MAUI NET Android

在本练习中,你将开始为杂货连锁店构建 .NET MAUI 应用。 你将使用模板生成默认应用,并在 Windows和 Android 模拟器中运行它。 你将在稍后的练习中修改此应用,以自定义用户界面并添加杂货连锁店应用所需的功能。

创建新项目

  1. 打开 Visual Studio 并创建一个新的解决方案。 此操作会在 Visual Studio 中打开“新建项目”向导。

     提示

    请确保 .NET MAUI 工作负载已随 Visual Studio 2022 v17.3 或更高版本一起安装。 在此处了解详细信息

  2. 选择“MAUI”项目类型,选择“.NET MAUI 应用”模板,然后选择“下一步”。

    “创建新项目”对话框的屏幕截图。用户已选择“.NET MAUI 应用”模板。

  3. 在“配置新项目”页上,将项目命名为 Phoneword,并将其保存在所选位置。 选择“下一步” 。

    “配置新项目”对话框的屏幕截图。用户已将项目命名为 Phoneword,并选择了其硬盘上的存储位置。

  4. 在“框架”下拉列表中选择“.NET 6.0 (长期支持) ”,然后选择“创建”以创建应用。

检查解决方案结构

  1. 在“解决方案资源管理器”窗口中,展开 Phoneword 项目。 展开“Resources”文件夹及其子文件夹,展开 App.xaml 节点、AppShell.xaml 节点和 MainPage.xaml 节点。

    屏幕截图显示 Visual Studio 解决方案资源管理器窗口中的 Phoneword 项目。

  2. 在项目中,请注意以下项:

    • Resources 文件夹包含所有平台使用的共享字体、图像和资产。

    • MauiProgram.cs 文件包含配置应用的代码,并指定应该用于运行应用程序的 App 类。

    • App.xaml.cs(App 类的构造函数)创建 AppShell 类的新实例(该实例随后显示在应用程序窗口中)。

    • AppShell.xaml 文件包含应用程序的主布局和 MainPage 的起始页面。

    • MainPage.xaml 文件包含页面的布局。 此布局包括描述文字为“单击我”的按钮的 XAML 代码,以及显示 dotnet_bot.png 文件的图像。 还有另外两个标签。

    • MainPage.xaml.cs 文件包含页面的应用程序逻辑。 具体而言,MainPage 类包含一个名为 OnCounterClicked 的方法,该方法在用户点击“单击我”按钮时运行。

在 Windows 上生成并运行应用程序

  1. 在 Visual Studio 工具栏中,选择“Windows 计算机”配置文件。 从框架下拉列表框中的列表中选择“.net6.0-windows”框架。

    屏幕截图显示 Visual Studio 中目标运行时的下拉列表。用户已将“Windows 计算机”配置文件设置为解决方案的启动配置文件。

  2. 选择“调试”菜单中的“开始调试”。 此操作将在 Windows 上生成、部署和运行应用:

    Visual Studio“调试”菜单的屏幕截图。用户已开始使用“Windows 计算机”配置文件调试应用。

  3. 验证应用的 Windows 版本是否已启动。 多次选择“单击我”按钮。 按钮文本应随每次点击递增计数一起更新。

    正在运行的 Windows UI 应用的屏幕截图,其中显示用户点击了“单击我”按钮四次。

  4. 在“视图”菜单中,选择“解决方案资源管理器”。 在解决方案资源管理器窗口中展开 MainPage.xaml 节点并打开 MainPage.xaml.cs 代码隐藏文件。

  5. 在 OnCounterClicked 方法中,更改递增 count 变量的语句以将 5 添加到此变量:

    private void OnCounterClicked(object sender, EventArgs e)
    {
        count+=5; // update this
    
        if (count == 1)
            CounterBtn.Text = $"Clicked {count} time";
        else
            CounterBtn.Text = $"Clicked {count} times";
    
        SemanticScreenReader.Announce(CounterBtn.Text);
    }

     

  6. 在 Visual Studio 工具栏中,选择“热重载”按钮:

    Visual Studio 工具栏的屏幕截图,其中突出显示了“热重载”按钮。

  7. 切换回应用,然后选择“单击我”按钮。 验证计数现在是否递增 5。

     备注

    通过 Visual Studio 的热重载功能,可以在应用在调试模式下运行时修改代码。 无需停止应用即可查看更改。 除了修改代码,还可以对页面的 XAML 标记进行更改,这些更改将在正在运行的应用中显示。

  8. 关闭应用并返回到 Visual Studio。

在 Android 上生成并运行应用程序

  1. 在 Visual Studio 工具栏中,选择 Phoneword 项目。

  2. 在“工具”菜单上,选择“Android”,然后选择“Android 设备管理器”。 如果系统提示让 Android 设备管理器对计算机进行更改,请选择“是”。

    Visual Studio“工具”菜单的屏幕截图。用户已选择“Android 设备管理器”选项。

  3. 在“Android 设备管理器”窗口中,选择“+ 新建”。 在“新建设备”窗口中,选择“像素 3a (+ 存储)”基础设备,选择“API 30”OS,然后选择“创建”。 等待下载各种库并配置设备。

    Android SDK 中“新建设备”窗口的屏幕截图,其中显示用户正在创建新的 Pixel 3 设备并已选中“API 30”。

  4. 创建设备后,返回 Visual Studio。

  5. 在 Visual Studio 工具栏的“调试”配置下拉列表框中,选择“Android Emulator”配置文件,然后选择“pixel_3a-api_30”设备。 这是刚刚创建的设备。

    Visual Studio 工具栏的屏幕截图,其中显示用户使用 API 30 配置文件指定了 Pixel 3,以便 Android Emulator 开始调试。

  6. 使用 pixel_3a-api_30 配置文件开始调试。 此操作将在 Android 设备上生成、部署和运行应用。

    Visual Studio 工具栏的屏幕截图。图中显示已选中 pixel_3a-api_30 配置文件,并准备好在用户按下“开始”按钮后立即开始调试。

  7. 当应用开始在模拟器上运行时(可能需要几分钟的时间),选择“单击我”按钮,并检查应用的运行方式是否与在 Windows 上运行的方式完全相同。

    在所选模拟器中运行的 Phoneword 应用程序的 Android 版本的屏幕截图。

  8. 返回到 Visual Studio 并停止调试。

标签:创建,xaml,选择,Visual,Studio,应用,MAUI,NET,Android
From: https://www.cnblogs.com/siyunianhua/p/17727276.html

相关文章

  • 如何在 SOLIDWORKS中创建零件模板 硕迪科技
    作为一款多功能且可大量定制的3DCAD软件,SOLIDWORKS模板可以通过自定义属性包含大量数据。可以通过为SOLIDWORKS零件、装配体和工程图创建模板来利用这些模板。与其他一些CAD软件不同,SOLIDWORKS不限制您可以创建的模板数量-您可以根据需要创建任意数量的零件、装配体和工程图模......
  • 9.24java wab实现创建新界面验证码
    <!DOCTYPEhtml><html><head><title>UserLogin</title><style>.container{width:300px;margin:0auto;padding:20px;border:1pxsolid#ccc;text-align:center;}.inpu......
  • PostgreSQL教程:SQL案例(创建用户、创建数据库、创建schema、赋权)
    需求构建一个用户构建一个数据库在这个数据库下构建一个schema(数据库默认有一个public的schema)将这个schema的权限赋予用户在这个schema下构建一个表将表的select,update,insert权限赋予用户实现--准备用户createuserlaozhengwithpassword'laozheng';--准备数据库createda......
  • 完全二叉树的创建与遍历
    创建一棵完全二叉树(递归方式)(创建方法仅使用与完全二叉树)层序遍历完全二叉树(遍历算法适用于所有二叉树):利用队列FIFO的性质中序遍历完全二叉树(递归方式,遍历算法适用于所有二叉树)先序遍历完全二叉树(递归方式,遍历算法适用于所有二叉树)后序遍历完全二叉树(递归方式,遍历算法适用于所......
  • 创建文件系统1
    一:概述Linux系统把每个硬件都当做是一个文件,这样用户就可以用读写文件的方式实现对硬件的访问了。文件系统基于操作系统,它可以管理和组织保存在磁盘驱动器上的数据。通过文件系统,实现数据的完整性,保证读写数据的一致性,同时也实现了读写数据简单化。二:Linux中的主要文件系统以及创建......
  • 深度学习算法中的遗传编程(Genetic Programming)
    深度学习算法中的遗传编程(GeneticProgramming)引言深度学习算法在近年来取得了巨大的成功,广泛应用于计算机视觉、自然语言处理等领域。然而,深度学习算法仍然面临着一些挑战,例如需要大量的标注数据、模型结构的选择等。为了解决这些问题,研究者们开始探索结合遗传编程(GeneticProgram......
  • Kubernetes中的多云平台部署策略
    引言随着云计算的快速发展,越来越多的企业开始将应用程序部署到多个云平台上,以提高可用性和灵活性。然而,这种多云平台部署也带来了一些挑战,例如如何管理多个云平台上的应用程序和如何确保应用程序在不同云平台上的一致性。在本文中,我们将深入探讨Kubernetes中的多云平台部署策略。......
  • ensp使用telnet远程登录
    创建一个拓扑(路由器尽量使用AR2220,及以上的。这里使用的是AR201) 现配置ip地址,使路由器之间可以通信关闭命令提示undoinfo-centerenable AR1为intg0/0/0ipadd1.1.1.1 24AR2为使用ping命令是查看路由器是否通了开启远程telnetserverenable创建5账号user-interfacevty......
  • Could not open client transport with JDBC Uri: jdbc:hive2://node1:10000: java.n
    今天发现连接beeline是时候连接不上,不应该啊昨晚还可以的qaq  破案了,我启动了metastore之后忘记去启动hiveserver2hiveserver2都没启动能连上就怪了 一定一定要记得启动顺序!!!hadoop+metastore+hiveserver2+beeline ......
  • windows+iis脚本映射方式实现伪静态(包括asp.net)
    一.Windows2008、2012或更高系统     只需要在设置脚本影射的目录下创建web.config文件,其内容为<?xml version="1.0" encoding="UTF-8"?>    <configuration>      <system.webServer>        <handlers>                   ......