耐心等待解决方案创建完毕，你就会得到一个空白的UWP应用模板。在“解决方案管理器”里，双击打开MainPage.xaml，Visual Studio会加载一个XAML设计器。我们不需要这个可视化的设计器，直接把分割线拉到顶上，让代码区域占满整个Visual Studio工作区。下面是模板默认生成的代码：
最外层的Page是这个页面，中间的Grid是填满这个页面的网格状布局。我们需要给这个Grid分出一个高为32像素的行，留给我们的标题栏。在Grid标签里添加代码，现在Grid标签是这个样子：
在Grid标签里继续添加代码，以定义我们标题栏区域的布局，现在代码看起来是这样的：
中间那个方框内一个问号的那个字符，其实是Segoe MDL2字符集里，表示“后退”箭头标志的字符，可以在字符映射表里找到。
我们执行这个东西，注意，编译需要一定时间：
（那个黑色的条条是调试时才有的工具条，发布时并没有这个条）
说好的标题栏呢？怎么变成这个鬼样子了？其实是因为，我们忘了通知框架扩展布局至标题栏了。关闭这个奇怪的窗口，回到设计模式，在XAML代码窗口按下F7，调出C#代码编辑器。我们在构造函数MainPage()里添加代码，让它看起来是这个样子：
