柔城

SOSOFT articles

silverlight制作虚线的边框

<Grid>
<Grid HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="g">
<Canvas>
<Rectangle RadiusX="5" RadiusY="5"
Width="{Binding ElementName=g, Path=ActualWidth}"
Height="{Binding ElementName=g, Path=ActualHeight}"
Stroke="Blue" StrokeDashArray="5,2,1,2" StrokeThickness="2"/>
</Canvas>
<TextBlock Margin="10,7,10,7" Text="aaa" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>
</Grid>

效果图:

 

image

公共样式:

 1 <Style TargetType="ContentControl" x:Key="myBorder">
 2 
 3 <Setter Property="Template">
 4 
 5 <Setter.Value>
 6 
 7 <ControlTemplate>
 8 
 9 <Grid x:Name="g"
10 
11 Background="{TemplateBinding ContentControl.Background}"
12 
13 Width="{TemplateBinding ContentControl.Width}"
14 
15 Height="{TemplateBinding ContentControl.Height}">
16 
17 <Canvas>
18 
19 <Rectangle RadiusX="5" RadiusY="5"
20 
21 Width="{Binding ElementName=g, Path=ActualWidth}"
22 
23 Height="{Binding ElementName=g, Path=ActualHeight}"
24 
25 Stroke="{TemplateBinding ContentControl.BorderBrush}"
26 
27 StrokeDashArray="5,2,1,2"
28 
29 StrokeThickness="{TemplateBinding ContentControl.BorderThickness}"/>
30 
31 </Canvas>
32 
33 <ContentPresenter Margin="5" Content="{TemplateBinding ContentControl.Content}"/>
34 
35 </Grid>
36 
37 </ControlTemplate>
38 
39 </Setter.Value>
40 
41 </Setter>
42 
43 </Style>

http://www.cnblogs.com/sosoft/

使用示例:

<ContentControl Margin="10" HorizontalAlignment="Center" VerticalAlignment="Center"

BorderThickness="2" BorderBrush="Blue" Style="{StaticResource myBorder}">

<TextBlock Text="abc"/>

</ContentControl>

posted on 2013-12-25 01:39  柔城  阅读(880)  评论(0编辑  收藏  举报

导航