邊界設置像堆棧卡

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> 

注：使用資源，爲相同的大小設置爲所有組件

問候