listBox 创伤性错误@ WP7答案

【问题标题】：listBox traumatic error @ WP7listBox 创伤性错误@ WP7
【发布时间】：2012-02-07 06:54:09
【问题描述】：

我创建了一个应用程序来跟踪推文并将其绑定到 listBox。

而且，这里是 listBox 的 xaml：

           <ListBox Margin="0,0,-12,0" x:Name="listBox1" ItemsSource="{Binding Items}" SelectionChanged="listBox1_SelectionChanged">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                            <!--Replace rectangle with image-->
                            <Image Height="100" Width="100" Source="{Binding DeveloperImage}" Margin="12,0,9,0"/>
                            <StackPanel Width="311">
                                <TextBlock Text="{Binding DeveloperName}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                <TextBlock Text="{Binding DeveloperBirthday}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                            </StackPanel>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

但是，当它被调试时，它又回到了这个序列：

长空白内容空白

我想要的是：

仅内容，内容前无空格，内容后无空格。

【问题讨论】：

你能展示封闭元素（网格吗？），也许是一张你得到什么和你想得到什么的图片？
我想要干净的列表框，列表框的开头和结尾之间没有空格
您必须为此调整列表框的模板。
调整什么？你能解释一下@答案部分吗？
这里有很多人可以帮助你，只要你解释你想要什么。制作 Erno 建议的屏幕截图可以在一分钟内完成...

标签： windows-phone-7 listbox

【解决方案1】：

ListBox 排列其子项的方式由其 ItemsPanel 决定。

您可以通过设置 ItemsPanelTemplate 来替换默认的 ItemsPanel。

然后将每个 Child 包装在一个 ItemContainer 中。

您可以通过设置 ItemContainerStyle 来替换默认的 ItemContainer。

最后，ListBox 本身具有影响 ItemsPanel 放置位置的边框、内边距和边距。

因此，如果您想调整列表框内容的位置，您首先必须找出应该修改哪些模板。一个快速的方法是使用 Blend，因为它会给你视觉反馈。

【讨论】：