开发工具与关键技术：VS/C#、WPF
作者：龙文浩
撰写时间：2019/07/07
基于XAML语言的湖北电信的主界面，见截图：
首先使用网格(Grid)布局,即网格定义由行和列组成的灵活网格区域。设置界面的行数为四列，以及行高的比例，界面住院分为“头部”、“头部的导航栏”、“右边的导航栏”、“底部”，见截图：
首先头部的设置：在网格设置图片，Background（获取或设置用于加载在System.Windows.Controls.Panel的边框的区域的System.Windows.Media.Brush 。），ImageBrush（利用图像绘制区域。），ImageSource（获取或设置由此ImageBrush 显示的图像。）。在头部的网格（Grid）里面，布局行数为一，列数为二，设置网格的行高和列宽的比例，让列数为一的网格，让它水平居中，设置外边距（Margin），调节图片的位置，以及设置行数为三列，Cursor（获取或设置在鼠标指针位于此元素上时显示的光标）。Effect：设置要应用UIElement 的位图效果。这是依赖属性。让文字的字体（Foreground）颜色为白色，见截图：
布局头部的按钮,即“切换岗位”、“个人信息”、“系统指南”、“最小化”、“最大化”、“还原”、“退出”，MouseDown（在指针位于此元素上并且按下任意鼠标按钮时发生）。TextBlock（用于显示少量提供一个轻量控制流内容），Text（设置文本内容）。以及设置文字的字体（Foreground）颜色，见截图：
设置“头部的导航栏”，即“首页”、“日志与计划”、“我的工作”、“划分认领”、“我的客户”、“查询平台”、“我的报表”、“营销管理”、“商机管理”、“系统管理”、在Button里面放置Image,分别设置图片宽度（Width）和高度（Height）为四十，设置Button的边框颜色为灰色，以及设置边框的Style的样式，见截图：
设置“导航栏的主界面”，设置网格（Grid）的列数为两列，以及列宽的比例，StackPanel：将子元素排列到可沿水平放置的行。加载Background的颜色，LinearGradientBrush：使用线性渐变绘制区域。EndPoint：获取或设置线性渐变的二维终止坐标。StartPoint：获取或设置线性渐变的二维起始坐标。GradientStop：描述渐变中过渡点的位置和颜色。Offset：获取渐变停止点在渐变向量中的位置。ScrollViewer：表示可包含其他可视元素的可滚动区域。见截图：
执行的结果，见头部的图片。
相关文章：