65.9K
CodeProject 正在变化。 阅读更多。
Home

编程 Windows 10:UWP 焦点(第 1 章)

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.81/5 (18投票s)

2017年11月20日

CPOL

10分钟阅读

viewsIcon

33734

使用 C# 进行桌面开发:UWP 入门(从 WinForm 迁移)--介绍与第 1 章

引言

编程 Windows 10

爱丽丝梦游仙境 (刘易斯·卡罗尔)
白兔先生戴上眼镜。“请问陛下,我该从哪里开始?”他问道。
“从头开始,”国王严肃地说,“然后一直走到最后:然后就停下。”

编程 Windows 10 的重点是什么?

我的重点是创建 UWA(通用 Windows 应用),并专注于为 Windows 10 桌面创建应用。是的,_现代化的梦想_是开发一个应用并将其部署到任何类型的设备(PC、笔记本电脑、平板电脑(Surface)、手机或其他任何设备)。然而,本书(系列文章)的重点是创建桌面应用程序,这些应用程序会考虑其他平台,但不会直接专注于它们。

为什么为桌面应用选择 UWA?

你可能会问,如果我们专注于 Windows 桌面,为什么还要专注于 UWA / UWP(通用 Windows 平台)?我们不应该只使用 Windows Forms 之类的东西吗?嗯,创建 UWA(通用 Windows 应用)的优势在于,如果你想部署它,你可以轻松注册一个 Windows 开发人员帐户,并将你的应用发布到商店。这是我的重点,因为如果你想在当今用户桌面上安装应用,由于安全原因,这会困难得多。如果你创建 UWA 并将其发布到 Windows 应用商店,那么他们会审核你的应用,用户会知道安装它是安全的。

另外,不是时候让我们都从 WinForm 应用迁移出来了吗?WinForm 技术至少有十年的历史了,而且大部分都更老。

UWP 面向所有人:可行吗?

但是,完全从 WinForms 迁移到 UWP 来开发桌面应用是否可行?本指南也将对此进行探讨。

我们将专注于哪种编程语言?

本书将全部代码都使用 C#。学习 Visual Basic 和 C# 之间的差异并不大,而且 C# 在企业级应用中更为常用。另外,如果你学会了 C#,以后(如果需要,并且希望永远不需要)也可以学会 Visual Basic.NET。

背景

我只想有一个现代化的 Windows 桌面编程指南,它专注于 UWP,并“从头开始,然后继续前进,直到结束,然后停止”。

这本书(文章系列)是为谁准备的?

我真的希望这本书能被那些刚开始构建应用的初学者,以及刚开始构建 UWA(通用 Windows 应用)的初学者使用。

此外,我希望构建一个能够引导读者学习更高级主题的叙事,以便这本书(系列文章)也能被中级和高级开发人员用来学习 UWP(通用 Windows 平台)开发。

好了,让我们开始编程 Windows 10。当然,要构建我们的第一个 Windows 10 应用,我们必须获取 Visual Studio。之后,我们将能够基于 Visual Studio 模板构建我们的第一个项目。一旦我们有了那个模板项目,我们将将其拆开并详细研究,以发现 Microsoft 试图提供的指导。

让我们去获取 Visual Studio。

第一章

准备你的工具

如果我们是木匠,要搭建一栋房子,我们会发现有必要

  1. 准备所需的工具(锤子、锯子等)
  2. 准备我们的材料(木材、钉子、螺丝、铰链等)
  3. 为我们完工的房子制定计划

作为计算机程序员,我们需要做同样的三件事。

在本章中,我们将专门关注前两项,并在本书的后续内容中,你会看到我们会不断回顾第三项(计划)。

由于软件本质上是虚拟的(你实际上无法触摸它),因此寻找工具可能会有点令人困惑。此外,由于你可能刚接触编程世界,因此知道哪种工具适合这项工作也可能令人困惑。

如果你在互联网上搜索,可能会找到各种关于开发 Windows 应用程序的建议(Python、Xamarin 等)。然而,我们将使用 Visual Studio,这可能是最显而易见的选择了。

Microsoft 免费提供 Visual Studio Community 版本。你只需要一个互联网连接,就可以下载并安装它。

在哪里获取 Visual Studio?
你可以在浏览器中输入
免费 IDE 和开发人员工具 | Visual Studio Community[^]

到达那里后,你会看到类似以下内容

get visual studio home page


点击 **[下载 VS Community 2017]** 按钮开始。

当我点击该按钮时,Google Chrome 弹出一个窗口,询问我想要将目标文件保存在哪里。

VStudio install step one

 

当我选择默认位置时,Chrome 在浏览器底部打开了它正常的条。

VStudio download

 

我点击了向上(^)箭头并选择了“打开”,这启动了 Visual Studio 安装程序。

 

Google up arrow


用户帐户控制 (UAC),Windows 内置的系统保护,会确保您确实想要允许安装程序在您的系统上运行。

UAC warning

点击 **[是]** 按钮继续。

你可能会看到一个对话框,如下所示(取决于它的速度),它会在 Visual Studio 解压缩和复制文件时出现。

unzipping files


然后你应该看到 Visual Studio 确认您想继续安装。

continue install

 

点击 **[继续]** 按钮,允许 Visual Studio 执行更多操作。

 

您会看到一个窗口,告知您 Visual Studio 正在工作。

install is working

最后,会弹出一个大型窗口,以便您可以选择要安装的内容。

choose items to install

我们可以只选择第一项,但是,让我们将所有内容都设置好,以防我们以后也想编写一个快速的控制台应用程序。请继续选择前两项,方法是选择右侧的复选框,如下面的图片所示。

items are selected for install

 

您可以看到右侧包含了开发通用 Windows 应用的项目。您还看到(在窗口底部)它已选择了一个默认的 Visual Studio 安装位置。只需接受该位置,然后点击右下角的“安装”按钮。

9.3 GB 可能需要一些时间

这取决于您的互联网连接速度和您的计算机,这可能需要很长时间。大约有 9.3GB 的数据需要下载,所以可能需要一段时间。

这是另一件好事,那就是一开始就把它处理掉。

当它运行时,它会告诉你状态,看起来像这样:

installation status

好消息是,这只是一次性的事情,一旦安装完成,您以后只需要安装更新。

安装完成

安装完成后,您将看到以下内容:

installation complete

启动 Visual Studio

点击 **[启动]** 按钮,首次启动 Visual Studio Community 2017。

preparing for first use

Microsoft 开发人员帐户 - 非必需

您首先看到的是一个对话框,要求您使用 Microsoft 开发人员帐户登录。您也可以创建一个新的开发人员帐户,如果您愿意。我相信 Microsoft 会帮助您通过该帐户在多台计算机之间保持您的设置。此外,如果您愿意,您可以通过该帐户获得邮件和其他有趣的项目。您此时不必登录或创建帐户。我将让您自己处理。如果您现在想继续而不创建帐户,只需点击“现在不,稍后再说”链接。

dev account requests sign-in

Visual Studio 颜色偏好设置


之后,您会看到一个对话框(我没有截图),它允许您为 Visual Studio 环境选择一些颜色偏好。如果您以前从未见过 Visual Studio,您可能不太清楚您可能偏爱什么。您可以随时更改这些设置,所以现在只需 **选择默认的(已选择的)蓝色选项**,然后点击 **[启动 Visual Studio]** 按钮。

之后,您会看到类似以下内容,因为 Visual Studio 第一次启动。

 

####################################################################################

边栏 - 为什么你需要创建一个开发人员帐户

由于我在之前安装过 Visual Studio 2017 的机器上重新安装,当我忽略了使用我的开发人员帐户登录的机会而启动 Visual Studio 时,我看到了以下对话框,要求我登录。

dev account required

显然,Microsoft 提供 30 天试用期,之后您必须注册为开发人员。
对我来说,这似乎是一笔公平的交易,因为 Visual Studio 为学生、开源开发人员和个人开发人员提供了如此多的免费资源。登录我的帐户后,我能够继续使用 Visual Studio。

####################################################################################

####################################################################################

边栏 2:为 UWA 开发设置 Windows 10

在安装 Visual Studio 的过程中,或者可能在安装之后,您可能会看到一个窗口弹出,看起来如下:

win10 settings

很可能,您的设置仍然是(*)Windows 应用商店应用。请确保您选择“开发人员模式”。这将允许 Visual Studio 直接在您的机器上安装我们期望的应用。这些设置旨在创建更安全的 Windows 安装,这样您就不会意外安装一个未经 Windows 应用商店审核过程批准的 UWA。
在我们的例子中,我们希望在开发过程中每次构建和运行应用时都能安装它,而开发人员模式将允许这样做。

如果此设置未更改,将来我们构建和运行应用程序时,Visual Studio 可能会将您带到此窗口,以便您决定是否要进行更改。

如果您想检查设置,可以点击 Windows 开始按钮并输入“developer”。当您这样做时,您会看到类似以下内容:

use developer settings

您可以点击“使用开发人员功能”来访问设置。
############################################################################


Visual Studio 首次启动后,您将看到类似以下内容:

vstudio first open


Visual Studio 中有很多东西,您的眼睛会四处游移,试图确定什么才是重要的。目前,有三个主要区域需要初步关注,如下一张图所示。

studio focus here

**1 --** 当我们开始寻找我们想放入窗体中的 Windows 控件时,工具箱将变得很重要。Windows 控件是列表框、树形视图、按钮、复选框以及我们用于设计用户界面 (UI) 的其他常用组件。当您稍后点击“工具箱”选项卡时,它会弹出一个新窗口。

**2 --** 下一个需要注意的事情是主菜单。您需要访问的所有内容都位于此菜单中的某个位置。这就是我们在第 2 章开始工作的地方,当时我们将开始一个新的 UWA(通用 Windows 应用)。我们将转到“文件”...“新建”...,以便 Visual Studio 帮助我们开始一个新项目。

**3 --** 最后,当一个项目加载时,总会有一个以上的文件和文件夹与项目相关联,所有这些文件都称为我们的解决方案。右侧的“解决方案资源管理器”将填充一个树形视图,显示包含在项目中的文件夹和文件。

以下是 Visual Studio 加载项目时外观的快速预览。

first project loaded

在左侧,您可以看到工具箱现在填充了各种可供选择的控件,在右侧,解决方案资源管理器现在包含一个树形视图,其中填充了解决方案的各种部分。

在下一章构建我们的第一个项目时,我们将看到这一点。
我们在本章中已经涵盖了很多内容,现在我们已经准备好开始我们的第一个应用程序并查看一些代码了。

关注点

如果仅此而已,那么这个介绍和第 1 章就提供了您在安装 Visual Studio 2017 时将经历的概述。

历史

2017年11月20日 - 文章首次发布。

© . All rights reserved.