2015-02-11 80 views
0

我有以下XAML:启用水平滚动XAML

 <Grid> 

      <ListView x:Name="IconTextGrid" Height="500"> 
       <ListView.ItemTemplate> 
        <DataTemplate> 
         <StackPanel Orientation="Horizontal" Width="220" Height="60"> 
          <Border Background="#66727272" Width="40" Height="40" Margin="10"> 
           <Image Source="/SampleImage.png" Height="32" Width="32" Stretch="UniformToFill"/> 
          </Border> 
          <StackPanel Orientation="Vertical" VerticalAlignment="Center"> 
           <TextBlock Text="Ay Lorem Ipsum" Margin="10,0,0,0" Width="170" Height="20" TextTrimming="WordEllipsis" /> 
           <TextBlock Text="Dolor sit amet" Margin="10,0,0,0" Width="170" Height="20" TextTrimming="WordEllipsis"/> 
          </StackPanel> 
         </StackPanel> 
        </DataTemplate> 

       </ListView.ItemTemplate> 
       <ListView.ItemsPanel> 
        <ItemsPanelTemplate> 
         <ItemsWrapGrid MaximumRowsOrColumns="8"/> 
        </ItemsPanelTemplate> 
       </ListView.ItemsPanel> 
       <ScrollViewer HorizontalScrollMode="Auto" HorizontalScrollBarVisibility="Auto"/> 
      </ListView> 

     </Grid> 
</Page> 

原本应该呈现可以由用户选择的项目。 这里的问题是,当我有超过几个项目(如超过100)没有水平滚动。 我的问题是为什么以及如何修复它? 谢谢。

回答

0

尝试这样做...

<Grid> 
    <ScrollViewer HorizontalScrollMode="Auto" HorizontalScrollBarVisibility="Auto"> 
    <ListView x:Name="IconTextGrid" Height="500"> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal" Width="220" Height="60"> 
         <Border Background="#66727272" Width="40" Height="40" Margin="10"> 
          <Image Source="/SampleImage.png" Height="32" Width="32" Stretch="UniformToFill"/> 
         </Border> 
         <StackPanel Orientation="Vertical" VerticalAlignment="Center"> 
          <TextBlock Text="Ay Lorem Ipsum" Margin="10,0,0,0" Width="170" Height="20" TextTrimming="WordEllipsis" /> 
          <TextBlock Text="Dolor sit amet" Margin="10,0,0,0" Width="170" Height="20" TextTrimming="WordEllipsis"/> 
         </StackPanel> 
        </StackPanel> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
      <ListView.ItemsPanel> 
       <ItemsPanelTemplate> 
        <ItemsWrapGrid MaximumRowsOrColumns="8"/> 
       </ItemsPanelTemplate> 
      </ListView.ItemsPanel>     
     </ListView> 
    </ScrollViewer> 
</Grid> 
+0

谢谢,但它不工作 – Tal 2015-02-11 07:33:32

+0

对不起我错地方的ScrollViewer网格单元内... ,并把你想在被滚动的元素ScrollViewer标记.. – 2015-02-11 07:38:38

+0

感谢它的工作原理,但当我尝试使用鼠标滚轮滚动时,它不响应 – Tal 2015-02-11 07:45:28