2012-12-31 31 views
5

我无法让我的长列表选择器正常工作。当列表比屏幕高时,长列表选择器保持静态,我无法滚动查看所有项目。LongListSelector不滚动

有什么想法?

<phone:PivotItem Header="{Binding Path=LocalizedResources.ApplicationsHeader, Source={StaticResource LocalizedStrings}}" x:Name="applicationsPivotItem"> 
    <Grid x:Name="applications" Grid.Row="1"> 
     <phone:LongListSelector x:Name="MainLongListSelector" ItemsSource="{Binding Items}" SelectionChanged="MainLongListSelector_SelectionChanged"> 
      <phone:LongListSelector.ItemTemplate> 
       <DataTemplate> 
        <StackPanel> 
         <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/> 
         <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/> 
        </StackPanel> 
       </DataTemplate> 
      </phone:LongListSelector.ItemTemplate> 
     </phone:LongListSelector> 
    </Grid> 
</phone:PivotItem> 

回答

8

修复的电网

<Grid x:Name="applications" Grid.Row="1" Height="400"> 
...long list code... 
</Grid> 
+3

这通常不符合创建响应式设计的指导原则吗?在不同分辨率的设备上运行应用程序时,设置这样明确的高度可能会导致UI奇怪。 –

7

我也有类似的问题,即我的panoramaItem是高度定义如下:

  <phone:PanoramaItem> 
       <Grid> 
        <Grid.RowDefinitions> 
         <RowDefinition Height="Auto"/> 
        </Grid.RowDefinitions> 

        <phone:LongListSelector x:Name="SpeciesList" Grid.Row="0"> 
         <phone:LongListSelector.ItemTemplate> 
          <DataTemplate> 
           <StackPanel Margin="0,-6,0,12"> 
            <TextBlock Text="{Binding PrimaryName}"/> 
           </StackPanel> 
          </DataTemplate> 
         </phone:LongListSelector.ItemTemplate> 
        </phone:LongListSelector> 
       </Grid> 
      </phone:PanoramaItem> 

通过改变RowDefinition用*代替汽车,我的滚动问题已解决!如下所示。

    <Grid.RowDefinitions> 
         <RowDefinition Height="*"/> 
        </Grid.RowDefinitions> 
+0

这是比接受的答案更好的解决方案。 – Aaron

+0

奇妙的马蒂亚斯! – gcoleman0828

1

我有与LongListSelector不滚动相同的问题。最后是在LongListSelector中设置的OpacityMask =“White”,导致问题as per this question

同样根据Mattias,我没有设置特定高度,只要将网格RowDefinition设置为* 。