如何在Silverlight中創建邊框表格？

Question

我正在使用Silverlight 3.我想要創建2x2 HTML表格的等效項。我希望每個單元都有一個黑色邊框。我如何在Silverlight中執行此操作？是不是我可以在Grid元素上設置屬性來使每個單元格都具有邊框？

Answer 1

沒有。網格只是許多面板類型中的一種，旨在以特定方式佈局子項。網格廣泛用於許多不同的嵌套方式。它們非常輕便，因此不會攜帶可能會或可能不會使用的行李，例如在這一系列屬性中確定「單元格」的邊界。

要創建一個邊界上的每個單元只需使用Border控制：

<Grid> 
    <Grid.Resources> 
    <Style x:Key="borderStyle" TargetType="Border"> 
     <Setter Property="BorderBrush" Value="Black" /> 
     <Setter Property="BorderThickness" Value="1" /> 
     <Setter Property="Padding" Value="2" /> 
    </Style> 
    </Grid.Resources> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="*" /> 
    <RowDefinition Height="*" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*" /> 
    <ColumnDefinition Width="*" /> 
    </Grid.ColumnDefinitions> 
    <Border Style="{StaticResource borderStyle}" Grid.Row="0" Grid.Column="0"> 
    <!-- Cell 0.0 content here --> 
    </Border> 
    <Border Style="{StaticResource borderStyle}" Grid.Row="0" Grid.Column="1"> 
    <!-- Cell 0.1 content here --> 
    </Border> 
    <Border Style="{StaticResource borderStyle}" Grid.Row="1" Grid.Column="0"> 
    <!-- Cell 1.0 content here --> 
    </Border> 
    <Border Style="{StaticResource borderStyle}" Grid.Row="1" Grid.Column="1"> 
    <!-- Cell 1.1 content here --> 
    </Border> 
</Grid>