分享

安信Windows驱动开发教程:创建一个简单的 Windows 11 应用

 安信实验室 2021-11-03

安信Windows驱动开发教程:创建一个简单的 Windows 11 应用

本文将引导您完成创建简单 Windows 11 应用程序的步骤,以便您可以开始使用 Windows 11 的新视觉效果和功能。我们将在此处构建的应用程序只是一些已更新控件的基本展示具有新的样式和动画。

Windows驱动开发定制

若要按照本文中的说明构建 Windows 11 应用,您需要 Windows Insider build 22000(或更高版本)。Windows Insider build 22000 是早期预览版,因此从现在到正式版可能会有所变化。有关详细信息,请参阅Windows 预览体验计划入门。

设置您的开发环境

安装最新的 Windows Insider build 22000。

安装 Visual Studio 2019 版本 16.10 或更高版本。

从项目模板创建应用程序

本演练中的示例将创建 C# 通用 Windows (UWP) 应用,但这些步骤适用于任何 UWP 应用项目模板。

启动 Visual Studio 并选择Create a New Project。

在语言过滤器中,选择C#。然后,从已安装的模板列表中,选择空白应用程序(通用 Windows)并单击下一步。

填写您的应用程序的名称和位置,然后单击Create。

对于目标版本,请指定 Windows Insider Preview (Build 22000) 或更高版本。

WinUI 2.6 NuGet 包添加到您的应用程序

要利用 Windows 11 的新外观和感觉,您需要使用 WinUI 2.6 库中的控件。(请注意,WinUI 3.0 目前不支持新的视觉样式。)

在解决方案资源管理器中,右键单击您的应用程序的项目,然后选择Manage NuGet Packages...。

选择“浏览”选项卡并在搜索框中键入“WinUI”。

从包列表中,选择Microsoft.UI.Xaml。

在详细信息窗格中,确认所选版本为“2.6.1”或更高版本,然后单击“安装”。

更新您的应用代码

在接下来的步骤中,我们将修改应用源代码以使用更新的 Windows 11 控件。

打开App.xaml中和添加Application.Resources元素作为的子应用元素,如图所示。这使您的应用程序可以访问 WinUI 2.6 主题资源。

XAML

复制

<Application

    x:Class="TEST1.App"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:TEST1">

    <Application.Resources>

        <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />

    </Application.Resources>

</Application>

打开 MainPage.xaml 并将以下命名空间定义添加到Page元素。此命名空间允许我们访问 WinUI 中可用Microsoft.UI.Xaml.Controls但未包含在Windows.UI.Xaml.Controls命名空间中的控件。在本例中,这是使用RadioButtons控件所必需的。

XAML

复制

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

MainPage.xaml 中,将空Grid元素替换为以下 XAML 代码。

XAML

复制

<Grid>

    <ScrollViewer Padding="16" Height="300">

        <StackPanel Orientation="Vertical" HorizontalAlignment="Left">

            <TextBox PlaceholderText="TextBox" Width="200" />

            <Button Content="Standard XAML button" />

            <CheckBox Content="Two-state CheckBox"/>

            <CheckBox Content="Two-state CheckBox" IsChecked="True"/>

            <Slider Width="200"/>

            <muxc:RadioButtons>

                <x:String>One</x:String>

                <x:String>Two</x:String>

                <x:String>Three</x:String>

            </muxc:RadioButtons>

        </StackPanel>

    </ScrollViewer>

</Grid>

运行 Hello World 应用

F5 构建并运行应用程序。

简单的 Hello World 应用的屏幕截图,显示了 Windows 11 中控件的新外观。

请注意 Windows 11 上的控件如何具有更简洁的外观。该复选框和滑块控件具有新的动画。有关构建在 Windows 11 上看起来很棒的应用程序的更多信息,请参阅您可以做的 10 件事使您的应用程序在 Windows 11 上看起来很棒。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多