StackPanel 忽略 HorizontalAlignment 问题 XAML答案

【问题标题】：StackPanel ignore HorizontalAlignment issue XAMLStackPanel 忽略 HorizontalAlignment 问题 XAML
【发布时间】：2014-12-06 11:40:35
【问题描述】：

我有问题，我只是尝试使用消息（从右侧传入和从左侧发送出去）创建聊天窗口，但似乎 stackpanel 忽略了水平对齐。这是我的代码

<ListView>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <StackPanel HorizontalAlignment="Left">
                            <TextBlock TextWrapping="Wrap" 
                            FontSize="22"
                            Text="{Binding MessageTextIn}"              
                        />
                            <TextBlock
                            FontSize="10"
                            Text="{Binding MessageTimeIn}" Padding="10"
                        />
                        </StackPanel>
                        <StackPanel HorizontalAlignment="Right">
                            <TextBlock TextWrapping="Wrap"
                                FontSize="22"
                                Text="{Binding MessageTextOut}"
                            />
                            <TextBlock
                                FontSize="10"
                                Text="{Binding MessageTimeOut}" Padding="10"
                            />
                        </StackPanel>
                    </StackPanel>
                </DataTemplate>

            </ListView.ItemTemplate>
        </ListView>

好像我做错了什么，但究竟是什么？

感谢您的帮助！

对不起，如果我问了一些愚蠢的问题。

【问题讨论】：

你设置ItemsSource的ListView了吗？
@DzumoPro 你说的 stackpanel 忽略 HorizontalAlignment 是什么意思？一个StackPanel 与ListView 的左侧对齐，第二个与右侧对齐
您能分享您预期输出的任何图像吗？看来代码是正确的。
当然，对不起，这里是图片i.imgur.com/UPzirDd.png
我需要向左和向右。谢谢

标签： c# wpf xaml windows-phone-8 windows-phone-8.1

【解决方案1】：

那是因为您的 ItemContainer 只有右对齐（默认情况下）。设置 Listview 的 ItemContainerStyle：

<ListView>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalAlignment" Value="Stretch" />
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

【讨论】：