Xaml如何更改同一网格中的列数以显示TextBlock

Question

我是 silverlight xaml 和 c# 初学者。我有一个嵌套情况，我想在文本块内显示一个文本块，其中 1 列在网格中，2 列。视图必须是这样的：

你可以看到它有一个小的算法：

Grid
{
  2 columns for first 3 TextBlock from row 0 to 2
  Only 1 column for the third row // I do so because here the data inside will be more(not able to cover in 1 line)
  Again 2 columns for third TextBlock 
 }

我尝试了什么：

<Grid Width="300">
    <Grid.RowDefinitions>
        <RowDefinition Height="20" />
        <RowDefinition Height="20" />
        <RowDefinition Height="20" />
        <RowDefinition Height="20" />
        <RowDefinition Height="20" />
        <RowDefinition Height="" />
        <RowDefinition Height="20" />
        <RowDefinition Height="20" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <TextBlock Grid.Row="0" Grid.Column="0" Text="Name" />
    <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding Name}" />

    <TextBlock Grid.Row="1" Grid.Column="0" Text="Author" />
    <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding Author}" />

    <TextBlock Grid.Row="2" Grid.Column="0" Text="Date of Creation" />
    <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding DateCreation}" />

    <TextBlock Grid.Row="3" Grid.Column="0" Text="Company" />
    <TextBlock Grid.Row="3" Grid.Column="1" Text="{Binding Company}" />

    <TextBlock Grid.Row="4" Grid.Column="0" Text="Description" />
    <TextBlock Grid.Row="4" Grid.Column="1" Text="{Binding Description}" />

    <!--TextBlock  Grid.Row="4" Grid.Column="1" Text="{Binding Description}"/>-->

    <TextBlock Grid.Row="6" Grid.Column="0" Text="DocUrl" />
    <TextBlock Grid.Row="6" Grid.Column="1" Text="{Binding DocUrl}" />

    <TextBlock Grid.Row="7" Grid.Column="0" Text="ProgramId" />
    <TextBlock Grid.Row="7" Grid.Column="1" Text="{Binding ProgramId}" />

</Grid>

如何使用 Xaml 实现？

请不要说我在 Silverlight 5 中工作

Answer 1

你必须设置ColumnSpan="2"

<TextBlock Grid.ColumnSpan="2" ... />

Answer 2

您可以设置一个名为 Column span 的属性。这意味着您应用它的元素将“跨越”或与您指定的列数一样宽。请注意，您也可以使用网格来执行此操作。例如，将描述标签文本块和绑定描述文本框的 xaml 代码更改为以下内容：

<TextBlock Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" Text="Description"/>
<TextBlock Grid.Row="4" Grid.Column="1" Grid.ColumnSpan="2" Text="{Binding Description}"/>

这应该将这些元素拉伸到 2 列的宽度。我希望这会有所帮助！

编辑：经过进一步考虑，我想您希望仍然包含“描述：”文本，但仅包含在一个框中。为此，您必须使用 C# 代码，因为 silverlight 只会让文本框绑定到一件事。所以我只会使用：

 <TextBlock Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" Text="{Binding DescriptionWithLabel}"/>

在您要绑定的 C# 中：

public string DescriptionWithLabel
{
   return string.Format("{0} {1}", "Description: ", Description.ToString);

}

**编辑：**好的，在您最近的 cmets 之后，我建议在后面的 C# 代码中废弃 DiscriptionWithLabel，而是使用包含标签和文本框的堆栈面板。像这样：

        <StackPanel Grid.ColumnSpan="2" Orientation="Horizontal" HorizontalAlignment="Stretch" Margin="0,0,0,0" Grid.Row="4" VerticalAlignment="Stretch">
            <TextBlock Content="Description: "/>
            <TextBox HorizontalAlignment="Stretch" Width="auto" MinWidth="20" TextWrapping="Wrap" Max Width="60"/>
        </StackPanel>