WPF是用不同的容器来安排布局的,每一个容器都有自己的布局逻辑。对于WPF而言,窗口往往只能包含一个元素,为了能够显示多个元素,我们常常将元素放置到容器中,然后再将容器放置到窗口上。

1、WPF布局原则

1)不应该显式地限制容器元素的尺寸,比如设置固定尺寸大小为某个定值

2)不应使用屏幕的坐标设定容器的位置,可以利用容器的Margin属性来对容器的留白大小进行设置

3)布局容器和其子元素共享可使用的空间

4)可以嵌套的使用布局容器

2、使用StackPanel面板进行简单布局

StackPanel是一个比较简单的布局容器,可以在单行或者单列中以堆栈的形式放置子元素,所以也叫做堆栈面板。

我们新建一个WPF程序,将原本的Grid网格容器删除,然后通过工具箱的组件拖拽,加入StackPanel容器。

接着一次向容器中加入Label组件和四个Button组件,我们可以看到这五个组件是垂直分布的:

WPF学习笔记——4)使用StackPanel面板进行简单布局

 我们可以在StackPanel的属性特性中对Orientation属性进行更改,从而改变这些元素排列的方式,效果如下:

WPF学习笔记——4)使用StackPanel面板进行简单布局

 有时候我们需要对子元素的位置进行更改设置,就要利用子元素的属性特性中HorizontalAlignment和VerticalAlignment进行更改,比如我们设置Label组件让他居中显示,效果如下:

WPF学习笔记——4)使用StackPanel面板进行简单布局

 同理我们可以利用Margin属性设置子元素与其他元素之间的留白大小

WPF学习笔记——4)使用StackPanel面板进行简单布局

同时还可以利用Minwidth和MaxWidth设置控件的大小范围的限制

3、Border控件

Border控件不是布局的容器,是一个经常和布局容器一起使用的元素。通常Border包含一个布局容器,用来给布局容器添加背景或者边框的设置。主要有以下几个主要属性特性:

BorderThickness属性用来设置边框宽度;

Background属性用来设置整个的背景颜色;

Padding属性用来设置边框和布局容器之间的距离;

CornerRadius属性是调整边框的圆角程度;

 

 

相关文章:

  • 2021-04-11
  • 2021-09-16
  • 2021-12-31
  • 2021-06-30
  • 2021-12-13
  • 2022-12-23
  • 2022-12-23
  • 2021-05-19
猜你喜欢
  • 2022-12-23
  • 2021-10-05
  • 2022-12-23
  • 2022-12-23
  • 2021-07-10
  • 2021-06-08
相关资源
相似解决方案