windows-phone-7 - 在 Windows Phone 7 上被其他文本遮挡的 ListPicker 文本

Question

我正在使用 Windows Phone 工具包中的 ListPicker。它的设置非常基本，但由于某种原因，弹出窗口中的项目总是被它们下面的任何东西遮住，如下所示:



在这里，文本“jburchel”在 ListPicker 下方，而 _http://science.nasa.gov/me 是 ListPickerItem。您可以看到底层文本框如何正常显示，但 ListPickerItem 在下方。我尝试更改 ListPicker 和 TextBlock 的 XAML 上的顺序，但没有帮助。我尝试了很多设置组合，弄乱了模板，但这种情况一直存在。有人知道这个问题吗？

这是我使用的 ListPicker XAML 示例。这是非常基本的。

           <toolkit:ListPicker HorizontalAlignment="Left" Margin="24,41,0,0" Name="txtUrl" 
                  VerticalAlignment="Top" Width="434" Cursor="IBeam">
            <toolkit:ListPickerItem Content="http://rss.cnn.com/services/podcasting/studentnews/rss"/>
            <toolkit:ListPickerItem Content="http://science.nasa.gov/media/medialibrary/2010/10/28/podcast.xml"/>
            <toolkit:ListPickerItem Content="http://www.sciencemag.org/rss/podcast.xml"/>
        </toolkit:ListPicker>
        <TextBlock Height="30" HorizontalAlignment="Left" Margin="33,19,0,0" Name="textBlock1" Text="Podcast URL:" VerticalAlignment="Top" />
        <TextBox Height="72" HorizontalAlignment="Left" Margin="15,141,0,0" Name="txtUser" Text="jburchel" VerticalAlignment="Top" Width="460" />

Answer 1

问题似乎是(尽管没有更多 XAML 就不能肯定)您正在使用 布置控件。 margin 定位元素。正如您刚刚发现的那样，这不一定是最好的方法。 Silverlight 具有广泛的布局容器，可帮助您布置控件的布局，而无需您手动定位每个元素。

在这种情况下，您似乎可以将控件垂直堆叠放置在彼此之上，为此您可以使用 StackPanel容器。您只需将每个子元素添加到 StackPanel并处理将它们放在一起的布局。一旦你这样做了，因为下一个元素总是低于 ListPicker ，当ListPicker展开，它下面的元素被向下推。

对于更复杂的布局，您可以使用 Grid容器(几乎可以肯定是控件的当前父容器)，但您应该使用行和列来确保元素不会相互“渗透”。注意:Grid的灵活性元素是有代价的，你应该仔细考虑是否需要使用它，或者是否可以使用更简单的容器，尤其是对于列表中重复的容器，例如。

如果您不熟悉 Silverlight 中的布局系统，您可能会发现此资源特别有用:http://msdn.microsoft.com/en-us/library/cc645025(VS.95).aspx