WPF之border标签边框控件、设置弧度、图片

“抚琴”的人2024-05-05 11:00

border标签在WPF中承担着边框的角色又称之为边框标签，使用嵌套的方法去给一些标签添加边框，border标签包裹目标标签(border不能有多个子元素)。一般在给标签添加弧度时可以使用border。

常用属性

|--------------|----------------------------------------------|
| CornerRadius | 边框拐角的弧度，当宽高是一样的时候并且设置CornerRadius为一半的时候边框为圆 |

标签实例(设置弧度):

cs 复制代码

<Border Width="100" Height="100" Background="LightBlue" BorderBrush="Red" CornerRadius="50" BorderThickness="2,2,2,2">
    <Label Width="100" Height="100" Background="Transparent" 
        Content="中国" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"/>
</Border>

效果图:

实例2(设置图片)

可以给border标签设置图片

cs 复制代码

<Border Width="55"
        Height="55"
        CornerRadius="10">
    <Border.Background>
        <ImageBrush ImageSource="./1.png" />
    </Border.Background>
</Border>

小提示: 如果使用相对路径的话需要修改图片属性将属性复制到输出目录属性改为始终复制将生成操作属性改为内容