Customize the border of the control

最新推荐文章于 2022-09-03 10:38:18 发布

chuwachen

最新推荐文章于 2022-09-03 10:38:18 发布

阅读量554

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/chuwachen/article/details/8583367

版权

WPF 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

Create a border with dot line and round corner

How to create a border as the following graph shows for example, the effect for mouse hover/selected a list box item (Code in green font is most important):

<ListBox.ItemContainerStyle>
<Style TargetType="{x:Type ListBoxItem}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListBoxItem">
<Border Name="ContentBorder" BorderThickness="1" CornerRadius="5" Padding="0">
<ContentPresenter>
</ContentPresenter>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="True">
<Setter TargetName="ContentBorder" Property="BorderBrush" Value="#AAAAAA"/>
<Setter TargetName="ContentBorder" Property="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="White"/>
<GradientStop Offset="1" Color="#CECECE"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="ContentBorder" Property="BorderBrush" Value="#AAAAAA"/>
<Setter TargetName="ContentBorder" Property="Background">
<Setter.Value>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
<GradientStop Offset="0" Color="White"/>
<GradientStop Offset="1" Color="#CECECE"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>