wpf第三和第四个个画面

主要使用的控件：Grid控件、TabControl控件、TextBlock控件、Image控件、Button控件

 

公共属性

 

HorizontalAlignment：水平显示位置

VerticalAlignment：垂直显示位置

Weight：宽度

Height：高度

 

Grid控件

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

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

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

TabControl控件

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

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

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

 实际效果：

 

 TextBlock控件

Padding属性：指示内容区域的边界之间填充空间的宽度

TextWrapping属性：获取或设置TextBlock的文字的换行方式

Background属性：设置背景颜色

例如：

 实际效果：

 

Image控件

 

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

Stretch属性：图片显示方式

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

 实际效果：

Button控件

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

Content属性：控件内容

Background属性：背景颜色

例如：

 实际效果：

 

历程：实现当前画面，首先按需划分区域，使用TabControl控件设置选项卡，再向其中插入对应的控件，设置控件属性

 总结：构建当前画面，总体操作比较简单，使用TabControl控件设置选项卡即可，需要注意TextBlock控件文本换行的方式和不换行时内容区域与边界之间宽度

最终实现第三个画面效果：

 

第四个画面：