• Create a border with dot line and round corner

  <Rectangle StrokeDashArray="4.0 2.0" Stroke="Gray" StrokeThickness="0.8" RadiusX="5" RadiusY="5"/>

  • 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>

posted on 2013-02-16 18:35  chuwachen  阅读(99)  评论(0)    收藏  举报