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