WPF的学习笔记(希望这次自己可以坚持下去💪💪💪)

# 布局 Grid Panel

## Grid

```xaml
<Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
</Grid.RowDefinitions>
```

```xaml
<Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
```

> 定义两行两列
>
> 设置长宽有三种
>
> 1. 绝对长宽  `Height=”100“`
> 2. 比例长宽 `Height=”2*“ `//当前设置数值是**其他每个**的两倍
> 3. 自适应 `Height=”auto“`

## StackPanel 局域容器

> 一般用来修饰，部分控件的元素排布
>
> 元素超过容器，横竖都**不会**自动换行。

```xaml
<StackPanel Orientation="Horizontal">
	<Button Width="100" Height="40"></Button>
    <Button Width="100" Height="40"></Button>
</StackPanel>
```

> Orientation="Horizontal" 水平排列
>
> Orientation="Vertical" 垂直排列

## WrapPanel

```xaml

<WrapPanel Grid.Row="1">
    <Button Width="100" Height="40"></Button>
    <Button Width="100" Height="40"></Button>
</WrapPanel>
```

> 默认水平排列，
>
> 元素超过容器**会**自动换行

## DockPanel

> 有停靠的效果和winform里面的dock差不多的意思

```xaml

<DockPanel  LastChildFill="False">
    <Button Width="100"  Height="40" DockPanel.Dock="Bottom"></Button>
    <Button Width="100"  Height="40"></Button>
    <Button Width="100"  Height="40"></Button>
    <Button Width="100"  Height="40"></Button>
    <Button Width="100"  Height="40"></Button>
</DockPanel>
```

> 可以单独的设置子元素的停靠位置

## UniFormPanel

> 可以均分剩余的空间

```xaml
<UniformGrid Rows="3" Columns="4">
    <Button />
    <Button />
    <Button />
    <Button />
    <Button />
    <Button />
</UniformGrid>
```
20220712 以上
---
20220718 这才几天啊，就坚持不下去了，😭😭😭
这个方向有点冷门,还是做前后端分离的吧。
此贴终结😏😏😏

标签：无

你的评论