边框设置像堆栈卡

Question

我想知道最好的方法是什么解决这个问题我有一个带边框图像的文本块我可以添加属性，我想在它周围添加一个边框就像一堆卡片。我将展示我对图片的意义。我的第一张照片是刚刚显示的内容。

第二张图片是我希望它显示的内容，如果在此示例中添加了属性，则会添加5个属性。

Answer 1

使用许多重叠的边框，背景不透明。

xaml出现的顺序是绘画顺序。

所以最后的组件出现在第一个组件上。

所有组件都在网格中，允许许多孩子。

<Grid>
    <Grid.Resources>
        <system:Double x:Key="width1" >100</system:Double>
        <system:Double x:Key="height1" >30</system:Double>
    </Grid.Resources>

    <Border BorderThickness="1" BorderBrush="Gray"             
            Background="White"
            Margin="120 80 0 0" 
            Width="{StaticResource width1}"
            Height="{StaticResource height1}" />

    <Border BorderThickness="1" BorderBrush="Gray"             
            Background="White"
            Margin="110 90 0 0" 
            Width="{StaticResource width1}"
            Height="{StaticResource height1}" />

    <TextBlock Text="+6" 
               Padding="20 7 0 0"
               Margin="100 100 0 0"
               Background="Gray"
               Width="{StaticResource width1}"
               Height="{StaticResource height1}"/>

</Grid>

注意：使用资源为所有组件设置相同的大小

此致