WPFリストビューのオーバーフロー

Question

リストビューコントロールのオーバーフローを防ぐには？

項目が追加されます：

をリストビューには赤いマークで停止する必要があります。

望ましい結果：

MainWindow.xamlは、左側のメニューと右側のviews.accounts.xamlとハンバーガーメニューです。

Views.Accounts.xaml：いくつかの理由がありますこの種の問題のために通常

<UserControl> 

<Grid Background="White"> 
    <!--Define 2 Rows--> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="48"/> 
     <RowDefinition/> 
    </Grid.RowDefinitions> 

<!--Header--> 
<Border Grid.Row="0" Background="#FF444444"...> 
<Grid Grid.Row="1" Margin="10"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition/> 
      <ColumnDefinition Width="250"/> 
     </Grid.ColumnDefinitions> 

<!--Options--> 
<StackPanel Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"...> 

<!--Content area--> 
<Grid Grid.Row="1" Grid.Column="0" Margin="0 20 0 0"> 
      <Grid> 
       <Grid.RowDefinitions> 
        <RowDefinition/> 
        <RowDefinition Height="Auto"/> 
       </Grid.RowDefinitions> 
       <ScrollViewer Grid.Row="0"> 
      <ListView Style="{StaticResource VirtualisedMetroListView}" 
         MinHeight="250" Name="accountsListView"> 
       <ListView.View> 
        <GridView> 
         <GridViewColumn Header="Username" DisplayMemberBinding="{Binding username}"/> 
         <GridViewColumn Header="Password" DisplayMemberBinding="{Binding password}"/> 
         <GridViewColumn Header="Email" DisplayMemberBinding="{Binding email}"/> 
         <GridViewColumn Header="Verified" DisplayMemberBinding="{Binding verified}"/> 
        </GridView> 
       </ListView.View> 
      </ListView> 
       </ScrollViewer> 
       <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Right"> 
       <Button Content="Clear" Width="74" Click="clear_Click"/> 
       <Button Margin="10 0 0 0" Content="Export" Width="74"/> 
      </StackPanel> 
      </Grid> 
     </Grid> 

<!--Settings--> 
<Grid Grid.Row="1" Grid.Column="1" Margin="10 10 0 10"> 

</Grid> 
</Grid> 
</UserControl> 

Answer 1

：

• のListViewはStackPanelの内側
• ListViewコントロールでは、自動高さグリッド行の内部にあります。
• ListViewはScrollViewerの内部にあります。

これを解決する最も簡単な方法は、StackPanelコントロールとScrollViewerコントロールを削除することです。 ListViewにはScrollViewerが組み込まれているため、手動で定義する必要はありません。

また、GridのRowDefinitionがHeight = "Auto"に設定されていないことを確認してください。例えばので

：

<!--Content area--> 
<Grid Grid.Row="1" Grid.Column="0" Margin="0 20 0 0"> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <ListView Style="{StaticResource VirtualisedMetroListView}" MinHeight="250" Name="accountsListView"> 
     <ListView.View> 
      <GridView> 
       <GridViewColumn Header="Username" DisplayMemberBinding="{Binding username}"/> 
       <GridViewColumn Header="Password" DisplayMemberBinding="{Binding password}"/> 
       <GridViewColumn Header="Email" DisplayMemberBinding="{Binding email}"/> 
       <GridViewColumn Header="Verified" DisplayMemberBinding="{Binding verified}"/> 
      </GridView> 
     </ListView.View> 
    </ListView> 
    <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Right"> 
     <Button Content="Clear" Width="74" Click="clear_Click"/> 
     <Button Margin="10 0 0 0" Content="Export" Width="74"/> 
    </StackPanel> 
</Grid> 

またVirtualisedMetroListViewのスタイルは、ScrollViewerのに影響を与える可能性があるものが含まれていないことを確認してください。