停止滾動視圖滾動延伸超出內容界限

我有一個分組GridView與其中的一些顯式大小的數據綁定控件。停止滾動視圖滾動延伸超出內容界限

GridView有一個VariableSizedWrapGrid作爲ItemPanelTemplate類型。

正如你可以看到ScrollView滾動的內容遠遠超出內容。

任何幫助表示讚賞，下面的XAML。

ScrollView extending beyond content area

<GridView Grid.Row="2" ItemsSource="{Binding Source={StaticResource contentSetListViewSource}}" ItemTemplate="{StaticResource DashboardContentSetItem}" SelectedIndex="-1" SelectionMode="Multiple" Padding="0,0,0,15" VerticalAlignment="Center" Margin="20 0" HorizontalAlignment="Left"> 
    <GridView.GroupStyle> 
     <GroupStyle>       
      <GroupStyle.HeaderTemplate> 
       <DataTemplate> 
        <TextBlock Text="{Binding Key}" Margin="0 10" Style="{StaticResource GroupHeaderTextStyle}"/> 
       </DataTemplate> 
      </GroupStyle.HeaderTemplate> 
      <GroupStyle.Panel> 
       <ItemsPanelTemplate> 
        <VariableSizedWrapGrid/> 
       </ItemsPanelTemplate> 
      </GroupStyle.Panel> 
     </GroupStyle> 
    </GridView.GroupStyle>     
</GridView>

來源

2012-12-20 Tristan Warner-Smith

你正在填充的東西是推動你的視口大小，你知道它可能是什麼？在面板模板上拍一個左對齊，讓初學者排除故障，將剩下的東西推開，也許應用一個最小寬度以確保它不會超出你的想象的距離。 –

GridView默認使用ItemsPanelTemplate由含有WrapGrid一個邊界的。

所以我指定了錯誤的面板，這是我用的修補程序：

<GridView.ItemsPanel> 
    <ItemsPanelTemplate> 
     <StackPanel Orientation="Horizontal" /> 
    </ItemsPanelTemplate> 
</GridView.ItemsPanel>

的原因是一個WrapGrid不是可變大小的它固定在大集合的大小，第二組（1項）的大小與第一組（5項）相同，這就是它超出內容的原因。

來源

2012-12-21 15:49:41

停止滾動視圖滾動延伸超出內容界限

回答

相關問題