Border控件
开发工具与关键技术:Visual Studio 2017、WPF
撰写时间: 2019年7月23日
Border 是一个装饰的控件,此控件绘制边框及背景,在 Border 中只能有一个子控件(这个子控件又可以包含多个子控件)。Border 的几个重要属性:Background:用用一个 Brush 对象来绘制背景 ;BorderBrush:用一个Brush 对象来绘制边框 ;BorderThickness:此属性设置 Border 边框的大小;CornerRadius:此属性设置 Border 的每一个角圆的半径;Padding:此r属性设置 Border 里的内容与边框的之间的间隔。还是一个做了个例子如下:
实现效果图:
XAML代码实现:
<Window
x:Class="Wpf1.Window13"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:Wpf1"
mc:Ignorable="d"
Title="Window13"
Height="450" Width="800">
<!--设计俩边框以及俩背景颜色-->
<Border BorderThickness="5"
BorderBrush="Red" CornerRadius="10"
Background="LightBlue"
HorizontalAlignment="Center"
VerticalAlignment="Center" Width="270"
Height="250">
<Canvas
Background="LightCoral">
<Rectangle
Canvas.Left="30" Canvas.Top="20"
Height="200"
Width="200"
Stroke="AliceBlue" StrokeThickness="10"
Fill="LightBlue"/>
</Canvas>
</Border>
</Window>