《wpf/XAML-XAML语言Grid布局做的计算器》

开发工具与关键技术：VS  XAML
作者：龙文浩
撰写时间：2019年4月9日

下面我们使用XAML语言中的Grid布局做的一个计算器，网格布局会使页面看起来非常的工整，所以做计算器正好符合计算器整齐排列的特点，做好的计算器布局如下图：

上面就是完成的一个计算器的布局：
布局使用Grid,设定好初始的Width和Height,
然后设置Grid.RowDefinitions的RowDefinition的Height,按比例来分配空间
上部分占150/405，下半部分占255/405。
然后在里面再嵌套两个网格布局；

我们看内嵌的第一个网格布局，如下图：

定义了三行六列的布局，然后再根据头部使用三个button来定义，中间使用一个TextBox来定义，
下面使用6个button来定义，然后就可以调整他们的附加属性，Grid.Row和Grid.Column,调整完
行和列，就给他们添加基本的样式就行了。

然后就是下半部分的设置，他的设置和上半部分基本是一样的。

将网格分成4列6行，然后根据网格的附加属性，Grid.Row和Grid.Column来不停的调整网格的位置就行了。网格的行和列都是按索引来计算的，而且默认是第零行、第零列、所以，如果是第零行第一列就可以不设置他的附加属性；
另外，如果做出了一个计算器，可以把它作为数据字典封装起来，到时根据它的Key值给其他页面使用，elemplate=”{ StaticResource 计算机的key值}”就可以在其他窗体通过引用数据字典中的静态资源来应用计算器了。

例如上图，第一张图片做好之后，我就把它作为数据字典封装起来，然后第二个图片就是引用数据字典中的资源，第二张图片其实是个Button来的，只不过它引用的是做好的第一张图片的静态资源。

上图，可以看到第二张图片是由Button引用静态资源做成的；
我是这样子封装静态资源的。

在最外层使用Window.Resource来包裹，
里面再放标记 然后声明它的key值，TargetType为Button
之后就把做好的Grid当作模板赋值进来就可以在其他地方使用
Template="{StaticResource BorderTemplate}"
来调用这个静态资源了。

StaticResource是 引用数据字典中的静态资源；