silverlight 边框虚线

最新推荐文章于 2018-11-12 21:14:02 发布

原创最新推荐文章于 2018-11-12 21:14:02 发布 · 837 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#silverlight #SilverLight #Silverlight #边框虚线

Silverlight 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种在 WPF 中实现动态调整边框大小及样式的方案，通过绑定实际宽度和高度来实现边框随内容变化而变化的效果，并提供了一个通用样式模板。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

效果图：

公共样式：

<Style TargetType="ContentControl" x:Key="myBorder">

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate>

                <Grid x:Name="g"

                      Background="{TemplateBinding ContentControl.Background}"

                      Width="{TemplateBinding ContentControl.Width}"

                      Height="{TemplateBinding ContentControl.Height}">

                    <Canvas>

                        <Rectangle RadiusX="5" RadiusY="5"

                                   Width="{Binding ElementName=g, Path=ActualWidth}"

                                   Height="{Binding ElementName=g, Path=ActualHeight}"

                                   Stroke="{TemplateBinding ContentControl.BorderBrush}"

                                   StrokeDashArray="5,2,1,2"

                                   StrokeThickness="{TemplateBinding ContentControl.BorderThickness}"/>

                    </Canvas>

                    <ContentPresenter Margin="5" Content="{TemplateBinding ContentControl.Content}"/>

                </Grid>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

使用示例：

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

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

    <TextBlock Text="abc"/>

</ContentControl>