wpf第二个画面

主要使用的控件:Grid控件、TabControl控件、DataGrid控件、TextBlock控件、Canvas控件、DatePicker控件、Button控件、Border控件、Image控件

 

 

公共属性

 

HorizontalAlignment：水平显示位置

 

VerticalAlignment：垂直显示位置

 

Weight：宽度

 

Height：高度

 

 

Grid控件

 

ColumnDefinitions和RowDefinitions，分别表示列的数量集合和行的数量集合，ColumnDefinitions集合中的元素类型是ColumnDefinition类，RowDefinitions集合中元素类型是RowDefinition

Background属性，改变背景颜色

Grid控件主要用于划分行和列：

上述代码，将区域划分为三行

 

TabControl控件

TabControl控件用于创建带有多个选项卡的界面，通过点击选项卡来切换不同的内容区域

Header属性值，为选项卡所显示内容，如：

 TabItem内为对应的区域所需要显示的内容

实际效果：

 

 DataGrid控件

DataGrid是一个数据表格控件

可以通过连接查询MySQL数据库，将查询到的数据表添加到DataGrid控件中。

数据库中表数据：

 查询并添加：

实际效果：

其中列名可以在查询数据库时根据需要做出修改：

 

 

TextBlock控件

 FontSize属性：改变字体大小

FontWeight属性：字体显示特征，Bold为加粗

HorizontalAlignment：水平显示特征

实际效果：

 

Canvas控件

 绝对布局控件

可以使用Canvas控件来设置子元素距离Canvas上下左右的像素位置

 

DatePicker控

DataPicker控件为时间选择控件，可以选择年、月、日

HorizontalContentAlignment属性：水平位置显示特征

VerticalContentAlignment属性：垂直位置显示特征

实际效果：

Border控件

主要用于设置边框，让布局更加分明

BorderThickness属性：设置Border边框的厚度

BorderBrush属性：设置边框的颜色

 

Button控件

按钮控件，主要用于响应鼠标单击事件

Content属性：控件内容

Background属性：背景颜色

Image控件

图像控件，主要用于插入图片

Stretch属性：图片显示方式

Source属性: 插入的图片。如：

实际效果：

 

历程：首先使用Grid控件划分布局，然后使用Border控件设置边框线，最后再向各个区域插入所需要的控件即可

总结：相对于第一个画面，第二个画面新增使用了TabControl控件、DataGrid控件、Canvas控件和DataPicker控件。TabControl控件主要用于设置不同的选项卡界面；DataGrid控件用于做数据表界面；Canvas控件用于设置绝对位置；DataPicker控件用于选择日期：年、月、日；最终实现效果如下：