2015-06-05 41 views
0

我有列表视图中有34个项目,它工作正常,如果我把20个项目,但是当我把所有的项目和scrolldown,列表视图发回我向上和白色的矩形显示在项目的地方有时会出现。它觉得渲染需要时间。我们可以把多少物品放在winrt listview中

上下滚动几次后,表现良好。

我使用可观察列表作为数据源。我只想要将多少项目添加到列表视图中,如果我们只能添加20个项目,那么提供任何教程链接以添加20个以上的元素。

诗篇。我已经尝试从互联网的教程中进行延迟加载,但同样的情况发生了。

编辑

<Grid Grid.Row="2" x:Name="ContentRoot"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="Auto"/> 

     </Grid.RowDefinitions> 

     <ListView Margin="0 20 0 10" Name="violationListView" ItemsSource="{Binding ViolationList, Mode=TwoWay}" ItemContainerStyle="{StaticResource ListViewItemExpanded1}"> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <!--<StackPanel Margin="16 20 16 10" Orientation="Vertical">--> 
        <Border Margin="8 0 8 0" Style="{StaticResource BackgroundLightStyle}" > 
         <Grid > 
          <Grid.Resources> 
           <common:AmountStringConversion x:Key="FormatConverter" /> 
           <common:ZeroToEmptyStringConverter x:Key="ZeroConverter" /> 
          </Grid.Resources> 
          <Grid.RowDefinitions> 
           <RowDefinition Height="Auto"/> 
           <RowDefinition Height="Auto"/> 
          </Grid.RowDefinitions> 

          <StackPanel Grid.Row="0" Margin="8,0,0,10" Tapped="StackPanel_Tapped" HorizontalAlignment="Stretch" Orientation="Horizontal"> 
           <Image Source="/Assets/Images/bullet.png" VerticalAlignment="Center" Width="20" ></Image> 
           <TextBlock Margin="10,03,0,0" VerticalAlignment="Center" HorizontalAlignment="Stretch" Style="{StaticResource TextBoxHeadingStyle}" Text="{Binding TicketNumber, Converter={StaticResource FormatConverter}, ConverterParameter='Ticket Number {0}'}"></TextBlock> 
          </StackPanel> 
          <!--<Border Grid.Row="0" Margin="8,0,0,10" Tapped="StackPanel_Tapped" HorizontalAlignment="Stretch" Background="Transparent" />--> 
          <StackPanel Grid.Row="1" Margin="16 10 0 10" Orientation="Vertical" Visibility="{Binding DetailsVisibility, Mode=TwoWay}"> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" Text="" x:Uid="ViolationCreationDateTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding CreationDate}" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="ViolationAcceptanceTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding AcceptanceDate}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="TripDateTimeTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding ViolationDate}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="TollGateLocationTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding Gate}"/> 


           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="TollGateDirectionTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding Direction}"/> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="AmountVoilationTextBox" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding Amount}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="ViolationStatusTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding ViolationStatus}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="DueDateVoilationTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding DisputeDate}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="DisputeNumberTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding DisputeAppNumber, Converter={StaticResource ZeroConverter}, ConverterParameter='Ticket Number {0}'}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="PreffuredRefundMethodTextBlock" /> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" Text="{Binding PreferredRefundMethod}" /> 

           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="VehicleImageTextBlock" Visibility="{Binding IsImageAvailable}" /> 
           <StackPanel Margin="0,05,0,10" Orientation="Horizontal" Visibility="{Binding IsImageAvailable}" > 
            <!--<Image Width="25" VerticalAlignment="Center" Height="Auto" Source="/Assets/Images/appbar.image.hdr.png" Tapped="Tap_ViewImage"/>--> 
            <toolkit:ImageButton Width="25" VerticalAlignment="Center" Stretch="Fill" NormalStateImageSource="/Assets/Images/appbar.image.hdr.png" GenerateMissingImages="True" Click="Tap_ViewImage" /> 
            <TextBlock x:Uid="VehicleImageTextBlock" Margin="10,0,0,0" Style="{StaticResource ApplicationSubHeadingContentTextBlockStyle}" VerticalAlignment="Center" Tapped="Tap_ViewImage" /> 
           </StackPanel> 
           <TextBlock Style="{StaticResource ApplicationSubHeadingTextBlockStyle}" x:Uid="AddToDisputeTextBlock" /> 

           <ToggleSwitch Name="TagActivationAgreeToggle" x:Uid="TagActivationAgreeToggle" IsEnabled="{Binding AllowDispute}" IsOn="{Binding AddToDispute , Mode=TwoWay}" /> 
          </StackPanel> 
         </Grid> 
        </Border> 
        <!--</StackPanel>--> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView> 


     <Grid Grid.Row="1" > 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions> 
      <Button x:Uid="CreateButton" Name="CreateButton" Grid.Column="0" HorizontalAlignment="Stretch" Margin="5 0" Style="{StaticResource ApplicationThemeButtonStyle}" Click="CreateButton_Click" /> 

     </Grid> 
    </Grid> 

在上navigatedTo功能它临危从之前的屏幕,返回正常的列表,所以它转换成可观察的名单第一然后分配给列出这样的名单。

defaultViewModel.Add("ViolationList", violations); 
+0

可以请你分享一份代码清单吗?你如何创建它?它是否在其他控件内?因此,列表中没有限制,至少不是20个项目。可能还有其他一些问题。 – Nishi

+0

我已经添加了代码 – Yawar

+0

我不知道为什么,我只是提供列表视图高度自动并包装其周围的scrollviewer和问题解决。 – Yawar

回答

0

设置列表视图高度自动并包裹它的滚动查看器将解决此问题。

相关问题