如何在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>