WPF——布局与控件Border

Border 是一个装饰的控件,此控件绘制边框及背景,在 Border 中只能有一个子控件,若要显示多个子控件,需要将一个附加的 Panel 控件放置在父 Border 中。然后可以将子控件放置在该 Panel控件中。
Border 的几个重要属性:
Background:用用一个 Brush 对象来绘制背景 ;
BorderBrush:用一个Brush 对象来绘制边框 ;
BorderThickness:此属性设置 Border 边框的大小;
CornerRadius:此属性设置 Border 的每一个角圆的半径;
Padding:此r属性设置 Border 里的内容与边框的之间的间隔。
接下来我们使用XAML代码做个示例,通过对Border的属性设置做出扑克牌的效果。
WPF——布局与控件Border_第1张图片
XAML代码:
WPF——布局与控件Border_第2张图片
布局综合应用
那我们这里就简单做一个综合的小例子,通过这个例子,旨在巩固前面学习的内容,温故而知新的过程。要实现的效果如下图:
WPF——布局与控件Border_第3张图片
XAML代码实现:
WPF——布局与控件Border_第4张图片
WPF——布局与控件Border_第5张图片
其实用熟练上面的各个布局控件以后,你会发现布局UI是一件非常容易的事,遇到一个新的UI,你会发现任意一个Panel都可以实现你的需求。

你可能感兴趣的:(WPF,C#)