在XAML中，如何将项目彼此相邻放置在网格中

Question

Ok Xaml是我的弱点之一，所以我真的很感激这方面的一些帮助...我想要实现的是在列表框中添加标题，名称，姓氏如下：

约翰·多伊先生
约翰·多伊女士
珍妮夫人

这是我到目前为止的xaml，结果是名称标题和姓氏重叠在一起：

<DataTemplate>
                <Grid>
                    <TextBlock Text="{Binding Title}"  Width="60" Height="25" Margin="4" HorizontalAlignment="Left" />
                    <TextBlock Text="{Binding FirstName}" Width="60" HorizontalAlignment="Center" />
                    <TextBlock Text="{Binding LastName}" Width="60" HorizontalAlignment="Right" />

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="1*"/>
                        <ColumnDefinition Width="1*"/>
                        <ColumnDefinition Width="1*"/>
                    </Grid.ColumnDefinitions>
                </Grid>
            </DataTemplate>

Answer 1

在每个TextBlock您需要设置Grid.Column="?" 哪里？ 是0,1或2。

如果未指定列（或行），则默认情况下元素将转到（0,0）。

Answer 2

使用TextBlock的Grid.Column属性。 即：

<TextBlock Text="{Binding Title}"  Width="60" Height="25" Margin="4" HorizontalAlignment="Left" Grid.Column="0"/> 
<TextBlock Text="{Binding FirstName}" Width="60" HorizontalAlignment="Center" Grid.Column="1" /> 
<TextBlock Text="{Binding LastName}" Width="60" HorizontalAlignment="Right" Grid.Column="2" /> 

Answer 3

对于网格中的每个元素，如果要在显式行或列中使用它们，则必须指定它们。 为此，您将使用Grid.Row="X"或Grid.Column="X" 。 如果将其保留为关闭状态，则默认值为0。

在您的情况下，您可能希望执行以下操作。

<DataTemplate>
    <Grid>
        <TextBlock Text="{Binding Title}"  Width="60" Height="25" Margin="4" HorizontalAlignment="Left" Grid.Column="0" />
        <TextBlock Text="{Binding FirstName}" Width="60" HorizontalAlignment="Center" Grid.Column="1" />
        <TextBlock Text="{Binding LastName}" Width="60" HorizontalAlignment="Right" Grid.Column="2" />

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
    </Grid>
</DataTemplate>