在Windows Phone中使用ListBox出现问题

Question

Xaml

<ListBox x:Name="List" Margin="8,8,8,8">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Vertical" Width="Auto" Height="300">
                <TextBlock x:Name="tbName" Width="Auto" FontSize="22" FontWeight="Bold" Text="{Binding Name}" />
                <TextBlock x:Name="tbEmail" Width="Auto" FontSize="22" Height="Auto" Text="{Binding Amount}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <Button Content="Button" Height="89" Click="Button_Click_2" Width="138"/>
</ListBox>

C＃

foreach (var item in Expense)
{
    Display data = new Display();
    data.Name = item.Account_Name;
    data.Amount = item.Total;
    this.List.Items.Add(data);
}

虽然上面的代码在Windows Phone中执行，但我在两个不同的行中得到了一个名称和金额列表框。 我应该怎么做，以使它们显示在同一行中（名称在左边，金额在右边）？

Answer 1

Stackpanel需要水平方向

<StackPanel Orientation="Horizontal" Width="Auto" Height="300">
    <TextBlock x:Name="tbName" Width="Auto" FontSize="22" FontWeight="Bold" Text="{Binding Name}" />
    <TextBlock x:Name="tbEmail" Width="Auto" FontSize="22" Height="Auto" Text="{Binding Amount}"/>
</StackPanel>