边框Border

20-Windows10应用控件-边框Border

边框 Border 控件是指在另外一个对象的周围绘制边框、背景或同时绘制二者的控件。

语法

<Border>
    子控件对象
</Border>Code language: HTML, XML (xml)

Border 控件通常是其他控件的一个外观显示的辅助控件，一般都是配合其他控件来使用，从而展现其他控件的边框效果。

Border 控件只能包含一个子对象，如果要多个的话，应该将这些对象包装到一个容器对象中，如 StackPanel 等。

可以通过设置 Border 控件的属性来展现出各种各样的边框效果。

比如：

• CornerRadius 属性将边框的角改为圆角，它的值表示边框角的半径；
• BorderThickness 属性来设置边框的宽度，它的值会分为3种格式：单个数字，比如 BorderThickness=”1″ 则表示上下左右宽度都是1；如果是 “1 2” 则表示左右宽度为1、上下为2；如果是 “1 2 3 4” 表示左1、上2、右3、下4。

练一练

<Border
    Name="border1"
    BorderBrush="Blue"
    Padding="12"
    Background="Red"
    CornerRadius="12,54,11,123"
    BorderThickness="12 23 34 22"
    Width="123"
    Height="55">
    <TextBlock FontSize="35">foxdevelop</TextBlock>
</Border>Code language: HTML, XML (xml)