网站设计结构无需下载直接进入的网站的代码

---

前言

Wpf布局之Border控件！

一、引言

Border控件不是布局面板，但是经常与布局面板结合使用，它通常只包含一段嵌套内容（通常是布局面板），并为其添加背景或者边框！

二、使用步骤

Border属性

属性	作用	用法
Background	设置边框的背景，可以是固定颜色或其他背景。使用 Brush 对象设置边框中所有内容后面的背景	<Border Background="Blue" ... />
BorderBrush	设置边框的颜色，必须与 BorderThickness 一起设置才能显示边框。使用 Brush 对象设置位于 Border 对象边缘的边框的颜色	<Border BorderBrush="Black" ... />
BorderThickness	设置边框的宽度，必须与 BorderBrush 一起设置才能显示边框。设置边框的宽度	<Border BorderThickness="2" ... />
CornerRadius	设置边框的圆角，值越大圆角效果越明显。使边框具有圆角效果	<Border CornerRadius="10" ... />
Padding	在边框和内容之间添加空间。在边框和内部的内容之间添加空间	<Border Padding="5" ... />

<Grid><Border Background="Red" Height="100"/>
</Grid>

效果图

BorderBrush使用 Brush 对象设置位于 Border 对象边缘的边框的颜色。

<Border Background="Red" Height="100" BorderBrush="Blue" />

效果图

从上图看出不出实际效果是因为BorderBrush需要与BorderThickness配合着使用。

<Grid><Border Background="Red" Height="100" BorderBrush="Blue" BorderThickness="10"/>
</Grid>

效果图

BorderThickness设置边框的宽度。当BorderThickness为一个值时代表着为从左开始顺时针设置边框。

<Grid><Border Background="Red" Height="100" BorderBrush="Blue" BorderThickness="10"/>
</Grid>

效果图

也可以单独为每条边设置一个值，从左开始顺时针设置边框，即左、上、右、下。

<Grid><Border Background="Red" Height="100" BorderBrush="Blue" BorderThickness="10,0,20,25"></Border>
</Grid>

CornerRadius设置边框的圆角，值越大圆角效果越明显。

<Grid><Border Background="Red" Height="100" BorderBrush="Blue" BorderThickness="10" CornerRadius="50"/>
</Grid>

Padding在边框和内容之间添加空间。
未加padding

<Grid><Border Background="Red" Height="100" BorderBrush="Blue" BorderThickness="10" CornerRadius="50" ><TextBlock Text="我是TextBlock" HorizontalAlignment="Center" Background="White" FontSize="28"/></Border>
</Grid>

效果图

加上padding

<Grid><Border Background="Red" Height="100" BorderBrush="Blue" BorderThickness="10" CornerRadius="50" Padding="10"><TextBlock Text="我是TextBlock" HorizontalAlignment="Center" Background="White" FontSize="28"/></Border>
</Grid>

效果图

Brush 是用于填充图形形状或文本的颜色或图案的对象。Brush 允许你以各种方式定义填充内容的外观，包括纯色、渐变、图像、甚至是视觉元素。

使用场景
Background 属性：可以使用 Brush 设置控件的背景。
Fill 属性：用于设置形状（如矩形、圆形等）的填充颜色。
Foreground 属性：用于设置文本的前景色。