3

这是这种情况：

我有一个数据源，它被某些属性（我们称之为 Checked）过滤到视图模型上的两个列表中。称其为新旧。

新的需要显示在一个列表中，旧的需要显示在其正下方的列表中。

哦，他们需要同时滚动。因此，如果 Old 当前不在屏幕上，它会在列表向上滑动时游入可见性。

我目前已经使用 LongListSelectors 解决了这个问题，如下所示：

<ScrollViewer  VerticalAlignment="Top" VerticalScrollBarVisibility="Auto">
    <StackPanel>
        <phone:LongListSelector x:Name="NewList" Margin="0,0,0,0" ItemsSource="{Binding New}"  SelectionChanged="NewList_SelectionChanged">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <StackPanel Margin="0,0,0,17">
                        <TextBlock Text="{Binding Name}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" Foreground="{Binding Color}" />
                    </StackPanel>
                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
        <phone:LongListSelector x:Name="OldList" Margin="0,0,0,0" ItemsSource="{Binding Path=Old}" Padding="0,20,0,0">
            <phone:LongListSelector.ItemTemplate>
                <DataTemplate>
                    <StackPanel Margin="0,0,0,17">
                        <TextBlock Text="{Binding Name}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" FontStyle="Italic" Foreground="{Binding Color}"/>
                    </StackPanel>
                </DataTemplate>
            </phone:LongListSelector.ItemTemplate>
        </phone:LongListSelector>
    </StackPanel>
</ScrollViewer>

滚动查看器内的堆栈面板内的两个长列表选择器。现在这一切都非常有效，而这两个列表中都有一些东西。

但是，当其中一个没有任何内容时，它会立即扩展以填充其父级的整个高度。在这种情况下......无限滚动查看器。这意味着如果新列表中没有任何内容，那么屏幕上绝对不会有任何可见的内容，如果新列表中没有任何内容......我几乎可以在经过新列表项后无限滚动。

我在这里有什么选择吗？如果没有以编程方式创建大量文本字段，然后尝试将事件附加到它，或者更糟糕的是，编写我自己的列表控件？标准列表框不起作用，因为它们都单独滚动。

有任何想法吗？

4

2 回答 2

0

将两个列表控件放在一起通常是个坏主意，因为 ScrollViewers 位于 ScrollViewers 中。

我建议您使用一个没有任何 ScrollViewer 的 LongListSelector。然后使用旧的新项目创建一个集合，并使用 ItemTemplateSelector 以不同的方式设置它们的样式。

于 2013-08-09T13:37:13.373 回答
0

您面临的问题是，默认情况下，当测量 emty LLS 时，您看到的高度是“无限”。您正在使用 StacPanel，这意味着第二个 LLS 处于无限 LLS 之下。

最简单的解决方案是设置 LLS 的高度：

<phone:LongListSelector x:Name="NewList" Height="300" Margin="0,0,0,0" ItemsSource="{Binding New}"  SelectionChanged="NewList_SelectionChanged">

如果可以 - 使用具有定义行的网格而不是 StacPanel。如果您仍然想使用 StackPanel，您可以覆盖 LLS 中的 MeasureOverride() 方法并进行扩展。
如果您这样做，它应该可以工作：

namespace Extensions
{
   public class LongListSelectorEx : LongListSelector
   {
      protected override System.Windows.Size MeasureOverride(System.Windows.Size availableSize)
      {
         if (this.ItemsSource == null)
            return new System.Windows.Size(this.Width, 0);
         if (this.ItemsSource.Count <= 0)
            return new System.Windows.Size(this.Width, 0);

         return base.MeasureOverride(availableSize);
      }
   }
}

如果您没有定义宽度（返回值不能是 NaN - 在这种情况下用 0 代替 this.Width），也要小心。当然，您还需要检查 LLS 的高度，因为如果您不检查，当 LLS 中有很多项目时，您的控件可能会被推离屏幕。您也可以在此处
阅读相关内容

于 2013-11-13T21:47:19.537 回答