如何在 windows phone 7 中禁用 LongListSelector 中的滚动视图

Question

我想禁用 LongListSelector 中的滚动视图。

我试过这样：

<toolkit:LongListSelector x:Name="List_Contacts" 
                                      IsFlatList= "False"
                                      DisplayAllGroups="False"
                                      Margin="0,0,0,100" 
                                      Width="480" 
                                      Background="Transparent" 
                                      ItemsSource="{Binding ResultList}"
                                      ItemTemplate="{StaticResource ItemTemplate}" 
                                      GroupHeaderTemplate="{StaticResource GroupItemHeaderTemplate}"
                                              ScrollViewer.VerticalScrollBarVisibility="Disabled"
                                                  ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                                      Tap="List_Contacts_Tap"/>

但是这里的滚动没有被禁用。

我从堆栈溢出中找到了一种解决方案

<Style x:Key="LongListSelectorWithNoScrollBarStyle" TargetType="toolkit:LongListSelector">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="phone:LongListSelector">
                        <Grid Background="{TemplateBinding Background}" d:DesignWidth="480" d:DesignHeight="800">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="ScrollStates">
                                    <VisualStateGroup.Transitions>
                                        <VisualTransition GeneratedDuration="00:00:00.5"/>
                                    </VisualStateGroup.Transitions>
                                    <VisualState x:Name="Scrolling" />
                                    <VisualState x:Name="NotScrolling"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Grid Margin="{TemplateBinding Padding}">
                                <ViewportControl x:Name="ViewportControl" 
                                                 HorizontalContentAlignment="Stretch" 
                                                 VerticalAlignment="Top"/>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

但是这里我遇到了错误

找不到类型“ViewportControl”。确认您没有丢失程序集引用，并且所有引用的程序集都已构建。

我也将命名空间包含在 xaml 中。

xmlns:ViewportControl="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows"

但现在我仍然收到'ViewportControl' was not found 错误。

请帮我禁用 LLS 中的滚动。

这里所有元素都是可滚动的。LLS 将有 N 个项目。如果我将 LLS 滚动到上面的堆栈面板也应该滚动到顶部。

Answer 1

您可以通过将 LongListSelector(LLS) 的高度设置为大于所有项目的高度来禁用滚动。您可以为 LLS 设置最大高度以避免滚动。

在 ScrollViewer 中包含 LLS 不是一个好习惯，两个滚动条都会为它们的输入事件而战，结果不会像预期的那样。

另外，为了更专注于您的问题，您可以将 StackPanels 添加到 LLS 的 ListHeader，这样当您滚动 LLS 时，StackPanels 也会随着您的项目一起滚动。

使用 LLS 的ListHeader 的示例结构是，

  <phone:LongListSelector>
    <phone:LongListSelector.ListHeader>
        <StackPanel>
            <StackPanel Name="Panel1"></StackPanel>
            <StackPanel Name="Panel2"></StackPanel>
        </StackPanel>
    </phone:LongListSelector.ListHeader>
  </phone:LongListSelector>