浙江网站建设多少钱怎么自己创建网页
文章目录
- 前言
- 一、引言
- 二、使用步骤
前言
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 属性:用于设置文本的前景色。