:::tip
本章涉及知识点：

• 样式的添加
• 样式的复用
• 样式的继承
  :::

视频地址：https://www.bilibili.com/video/av53560120/

:::tip
关于借助Vue框架搭建Electron，有一个现成的解决方案，在这里，可惜的是Vue和Electron的版本有些老旧
:::

:::tip
本章涉及知识点：

• RelativePanel 的相对方位
• RelativePanel 的适用场景
  :::

什么是相对方位

在日常生活中，当我们想描述某个物体的位置时，我们一般都会用相对位置来描述。比如“小张就在班主任的后面”，而不是“小张在北纬42°，东经112°”。

相对位置的描述总是会先确定一个参照物，然后其它物体的位置信息都是相对参照物而言的。而这一点，正是 RelativePanel 的布局核心。

:::tip
本文中所指的UWP应用，是秉承通用应用理念的微软商店应用。Win32转制或PWA不在此列。
:::

:::warning
本文是作者的一点粗陋浅见，没有高深理论，也没有明确的数据支持，全凭感觉而已，不喜勿喷。
:::

:::tip
本章涉及知识点：

• StackPanel布局方式
• StackPanel排版规则
  :::

视频地址：BiliBili

:::tip
本章涉及知识点：

• Grid布局定义
• Grid嵌套
  :::

从本章开始，我们开始接触布局控件，涉及布局控件主要有三个，分别是Grid、StackPanel和RelativePanel，其余诸多的高级布局控件，大多是在这三者的基础上建立起来的。

本章我们先讲Grid控件。

:::tip
本章涉及知识点：

• 控件的来源
• 如何熟悉控件（踩坑）
  :::

前言

我们知道，应用和平面设计作品不一样。对于平面设计作品来说，每一种元素都是服务于视觉的，而对应用来说，元素更多的是为了服务于功能。这种既具备功能又具有视觉表现的元素，我们称其为控件。

平面设计作品由视觉元素组成，而应用则由控件组成。

UWP作为应用开发平台，自然也提供了诸多控件供开发者选择，常见的比如按钮、文本、弹窗等，这些我们之前都接触过了，但全部的基础控件加起来有七十余个，你也许不会全都使用，但在应用开发过程中，至少会接触二三十个控件。这么多的控件，我很难一一讲解，坦白来说，时至今日我用过的控件也不过三四十个。

所以授人以鱼不如授人以渔，本章就来告诉你如何根据自己的需求寻找合适的控件并使用它。

:::tip
本章涉及知识点：

• Button控件的使用
• 创建Click事件
• 如何弹窗
• 通过C#改变控件属性
  :::

视频地址：BiliBili

按钮这个东西跟文本控件一样，是我们平时最常见到的控件之一。现在我们看到按钮都会有一种潜意识，只要点击了按钮，就会有一些神奇的事情发生。

本章，我们将建立一个按钮控件，亲手来做一些神奇的事情。

上节课写下的代码你还没有丢到回收站里吧。这节课我们将利用上节课写好的Hello World来做一些事。

:::tip
本章涉及知识点：

• XAML简介
• XAML的相关元素，如命名空间
• XAML与CS文件的关连原理
  :::

经过前面创建Hello World应用，相信你现在已经对UWP应用开发有了一定的了解。只要揭开那层神秘的面纱，UWP应用开发也并非可望不可及。

但我们的教学终究不会以那种我说什么你做什么的方式进行下去，现在，携着你之前写APP的经验，我们来了解一些理论知识，讲一讲XAML。

:::tip
本章涉及知识点：

• 如何建立项目
• 如何启动项目
• 如何加入控件
• 如何修改控件属性，改变外观
  :::

视频地址：BiliBili

让我们先无视掉复杂的基础知识，直接开始建立第一个UWP应用吧！