wpf第十一个画面

主要使用了Grid控件、Image控件、Textblock控件、Textbox控件、ComboBox控件、Button控件、TabControl控件、DataGrid控件、

 

Margin属性来设置当前控件与容器控件的间距

Margin=“20”//left，top，right和bottom都设置为20

Margin=“20,10”//left，right设置为20，top，bottom设置为10

Margin=“10,20,30,40”//left=10，top=20,right=30，bottom=40

 

公共属性

HorizontalAlignment：水平显示位置

VerticalAlignment：垂直显示位置

Weight：宽度

Height：高度

Grid控件

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

Background属性，改变背景颜色

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

 如上表示四列七行

Image控件

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

Stretch属性：图片显示方式

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

实际效果：

Textblock控件

 VerticalAlignment属性：垂直显示特征

HorizontalAlignment属性：水平显示特征

FontSize属性：改变字体大小

Text属性：显示文本

Background属性：设置背景颜色

实际效果：

 

Textbox控件

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

FontSize属性：改变字体大小

IsEnabled属性：文本是否可以编辑

实际效果：

 

ComboBox控件

下拉框控件

 ColumnSpan表示列跨度

Button控件

 

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

Content属性：控件内容

Background属性：背景颜色

FontSize属性：改变字体大小

实际效果：

 

TabControl控件

 

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

Header属性值，为选项卡所显示内容，TabItem内为对应的区域所需要显示的内容

Background属性：背景颜色

实际效果：

 

DataGrid控件

DataGrid是一个数据表格控件

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

数据库中表数据：

 查询并添加：

 查询方法：

 列名可以在查询数据库时根据需要通过  （数据库字段 as ‘所需要的列名’ )  做出修改

实际效果：

 

 

最终实现效果：