如何将ListBox插入Grid?

时间:2014-04-09 14:34:45

标签: xaml windows-phone-8 windows-phone

我想要这样的事情:
image

我尝试使用ListBox

    <ListBox Name="lapsListBox">
<ListBox.ItemTemplate>
    <DataTemplate>
        <Grid Grid.Column="2" Margin="10,0,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="{Binding number}" />
            <TextBlock Grid.Column="1" Text="{Binding time}" HorizontalAlignment="Right" />
        </Grid>
    </DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

但我无法对齐元素。我怎么能以另一种方式做到这一点?

1 个答案:

答案 0 :(得分:1)

试试这个:

 <ListBox Name="lapsListBox">
<ListBox.ItemTemplate>
    <DataTemplate>
        <Grid Margin="10,0,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="50*" />
                <ColumnDefinition Width="50*" />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="{Binding number}" HorizontalAlignment="Left"/>
            <TextBlock Grid.Column="1" Text="{Binding time}" HorizontalAlignment="Right" />
        </Grid>
    </DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
  1. 从网格中删除Grid.Column="2"
  2. HorizontalAlignment的{​​{1}}放在第一列Left
  3. 我将列的宽度修改为“50%”。