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

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>

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

相关推荐
慕y274几秒前
Java学习第二十四部分——JavaServer Faces (JSF)
java·开发语言·学习
默凉20 分钟前
C++ 虚函数(多态,多重继承,菱形继承)
开发语言·c++
我爱Jack22 分钟前
Java List 使用详解:从入门到精通
java·开发语言·数据结构
-凌凌漆-28 分钟前
【Qt】Qt QML json处理
开发语言·qt·json
手握风云-29 分钟前
JavaEE初阶第八期:解锁多线程,从 “单车道” 到 “高速公路” 的编程升级(六)
java·开发语言
楼田莉子1 小时前
数据学习之队列
c语言·开发语言·数据结构·学习·算法
写不出来就跑路1 小时前
SpringBoot静态资源与缓存配置全解析
java·开发语言·spring boot·spring·springboot
我命由我123451 小时前
Vue 开发问题:Missing required prop: “value“
开发语言·前端·javascript·vue.js·前端框架·ecmascript·js
企鹅侠客1 小时前
Bash与Zsh与Fish:在Linux中你应该使用哪个Shell
linux·开发语言·bash·zsh·fish
RAY_01042 小时前
Python—数据容器
开发语言·python