WPF学习笔记(窗体和常用容器的使用)

新手学习之路；望大佬们指点迷津

目录

• WPF学习笔记(窗体和常用容器的使用)
  • 窗体(Window)
    • 常用属性：
    • 圆角无边框窗体设置及效果展示
  • Grid
    • 基本属性：
    • 附加属性：
    • 代码及效果展示
  • StackPanel
    • 基本属性:
    • 代码及效果展示
  • Border

窗体(Window)

常用属性：

• WindowStyle 窗口的边框样式
• WindowStartupLocation 第一次启动出现的位置 一般主窗体设置成“CenterSceen" 中心显示
• SizeToContent 设置根据内容调整大小
• AllowsTransparency 设置窗体是否透明

圆角无边框窗体设置及效果展示

//Window属性设置
 WindowStyle="None" AllowsTransparency="True" Background="Transparent">
 //在window里面用Border容器包裹，属性设置如下
    <Border Margin="5" Background="#EEE" CornerRadius="5" MouseLeftButtonDown="Border_MouseLeftButtonDown">
        <Border.Effect>
            <DropShadowEffect ShadowDepth="0" Color="Gray" Direction="0" Opacity="0.3" BlurRadius="10"/>
        </Border.Effect>
    </Border>

效果展示：

Grid

网格式布局模式

基本属性：

• ColumnDefinitions 列定义；该属性里面几个ColumnDefinition容器就被分几列

• RowDefinitions 行定义； 该属性里面有几个RowDefinition容器就被分割为几行

附加属性：

• Grid.Row 定义该控件在Grid容器具体在第几行(默认第0行)

• Grid.Column 定义该控件在Grid容器具体在第几列(默认第0列)

代码及效果展示

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Button Content="默认第0行第0列"/>
        <Button Content="第3行第3列" Grid.Row="3" Grid.Column="3"/>
    </Grid>

效果展示：

StackPanel

垂直或水平入栈方式排列

基本属性:

Orientation：设置排列方向；水平排列或者垂直排列

代码及效果展示

//设置成水平列    
<StackPanel Orientation="Horizontal">
        <Button Content="按钮1"/>
        <Button Content="按钮2"/>
        <Button Content="按钮3"/>
        <Button Content="按钮4"/>
    </StackPanel>

效果展示：

//设置成垂直方向排列    
<StackPanel Orientation="Vertical" >
        <Button Content="按钮1"/>
        <Button Content="按钮2"/>
        <Button Content="按钮3"/>
        <Button Content="按钮4"/>
    </StackPanel>

效果展示：

Border

装饰性控件