跳至主要內容

Border 边框

乌龙茶原创2024年2月2日大约 1 分钟C#WPFWPF主题控件

提示

需要应用BorderDefaultStyle样式生效

圆角

我们提供了以下几种圆角样式，以供选择。

RadiusValue
No Radius0
Small Radius2
Large Radius4
Round Radius20
Radius
Radius
<Border Width="160"
        nl:BorderElementAttached.Radius="None"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Radius=None" />
</Border>
<Border Width="160"
        nl:BorderElementAttached.Radius="SmallRadius"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Radius=Small" />
</Border>
<Border Width="160"
        nl:BorderElementAttached.Radius="LargeRadius"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Radius=Large" />
</Border>
<Border Width="160"
        nl:BorderElementAttached.Radius="RoundRadius"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Radius=Round" />
</Border>

另外提供AutoRoundRadius选择，根据高度自动计算

AutoRound
AutoRound
<Border Width="160"
        Height="60"
        nl:BorderElementAttached.Radius="AutoRoundRadius"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Radius=AutoRound" />
</Border>

虚拟边框

使用BorderColor更改虚拟边框颜色

Dash
Dash
<Border Width="160"
        nl:BorderElementAttached.IsDashed="True"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock Text="IsDashed=True" />
</Border>
<Border Width="160"
        HorizontalAlignment="Center"
        nl:BorderElementAttached.BorderColor="Red"
        nl:BorderElementAttached.IsDashed="True"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="BorderColor=Red" />
</Border>

阴影

提供了以下几种投影样式，以供选择。

ShadowValue
Basic ShadowBasic
Light ShadowLight
Lighter ShadowLighter
Dark ShadowDark
Shadow
Shadow
<Border Width="160"
        HorizontalAlignment="Center"
        nl:BorderElementAttached.Shadow="Basic"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Shadow=Basic" />
</Border>
<Border Width="160"
        HorizontalAlignment="Center"
        nl:BorderElementAttached.Shadow="Light"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Shadow=Light" />
</Border>
<Border Width="160"
        HorizontalAlignment="Center"
        nl:BorderElementAttached.Shadow="Lighter"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Shadow=Lighter" />
</Border>
<Border Width="160"
        HorizontalAlignment="Center"
        nl:BorderElementAttached.Shadow="Dark"
        Style="{StaticResource BorderDefaultStyle}">
    <TextBlock HorizontalAlignment="Center" Text="Shadow=Dark" />
</Border>