同一行中有两个Textblock

Question

在stackpanel中,我想在同一行中有两个文本块.

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

以下是源代码:

 <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设置为Horizo​​ntal,并将底部的两个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>