同一行中的两个文本块

Question

在堆栈面板中，我想在同一行中放置两个文本块。

在图像中，我希望日期和时间在同一行。我该怎么办？

源代码如下：

 <StackPanel VerticalAlignment="Bottom" Background="{ThemeResource ListViewItemOverlayBackgroundThemeBrush}">
                        <TextBlock Text="{Binding Title}"  Margin="15,0,15,0"/>
                        <TextBlock Text="2015/03/01"  Margin="15,0,15,10" HorizontalAlignment="Left"/>
                        <TextBlock Text="1:42:31" Margin="15,0,15,10" HorizontalAlignment="Right"/>
                    </StackPanel>

Answer 1

StackPanel 的默认方向是垂直的，因此三个 TextBlock 一个一个地出现在另一个下方。您应该添加另一个 StackPanel，并将其 Orientation 设置为 Horizontal，并将底部的两个 TextBlocks 放入其中。

<StackPanel VerticalAlignment="Bottom" Background="{ThemeResource ListViewItemOverlayBackgroundThemeBrush}">
        <TextBlock Text="Title"  Margin="15,0,15,0"/>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="2015/03/01"  Margin="15,0,15,10" HorizontalAlignment="Left"/>            
            <TextBlock Text="1:42:31" Margin="15,0,15,10" HorizontalAlignment="Right"/>
        </StackPanel>
</StackPanel>

已更新：

<StackPanel VerticalAlignment="Bottom" Background="{ThemeResource ListViewItemOverlayBackgroundThemeBrush}">
        <TextBlock Text="Title"  Margin="15,0,15,0"/>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"></ColumnDefinition>
                <ColumnDefinition Width="*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <TextBlock Text="2015/03/01" Grid.Column="0" Margin="15,0,15,10" HorizontalAlignment="Left"/>
            <TextBlock Text="1:42:31" Grid.Column="1" Margin="15,0,0,10" HorizontalAlignment="Right"/>
        </Grid>
</StackPanel>

同一行中的两个文本块

Two Textblocks in same row

winrt-xaml