边界设置像堆栈卡

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> 

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

问候