XAML/WPF - 内部

Question

をスクロールされていないのStackPanelを持ってScrollViewerのI持っている特定のイベントが発生するたびにユーザーコントロール要素を示してScrollViewerの内部に次のStackPanel：

注：多くのユーザーコントロールだのStackPanelに表示される場合がありますStackPanelのはまだ範囲外で起こっているとスクロールバーが表示されていないと動作しません、が、なぜ私はScrollViewerの

<ScrollViewer 
     VerticalScrollBarVisibility="Auto" 
     Grid.Row="2" 
     CanContentScroll="True" 
     Grid.ColumnSpan="2"> 

     <StackPanel Orientation="Vertical"> 
      <ItemsControl ItemsSource="{Binding UserControls}"> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <views:UserControl/> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 
     </StackPanel> 
</ScrollViewer> 

を追加しました！

... ScrollViewerのを含む

ウィンドウのレイアウトを私はのStackPanelとのItemsControlの両方の高さを固定しようとしたが、それはどちらか動作するようですdoes't：

<Grid Margin="0,15,0,0"> 

    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 

    <Label 
     Content="This is a Label" 
     HorizontalAlignment="Left" 
     VerticalAlignment="Top" 
     Margin="5,5,0,0" 
     FontSize="15" 
     Grid.Row="0" Grid.ColumnSpan="2"> 
    </Label> 


    <StackPanel Grid.Row="1" Orientation="Horizontal" Grid.ColumnSpan="2"> 
     <ComboBox 
      ItemsSource="{Binding Something}" 
      Text="Confirm with..." 
      SelectedItem="{Binding Something}"/> 
     <Button 
      HorizontalAlignment="Left" 
      Margin="5" 
      Content="Add new UserControl" 
      Command="{Binding Path=AddUserControl}"/> 

    </StackPanel> 

    <ScrollViewer 
     VerticalScrollBarVisibility="Auto" 
     Grid.Row="2" 
     CanContentScroll="True" 
     HorizontalScrollBarVisibility="Auto"> 
     <StackPanel Orientation="Vertical"> 
      <ItemsControl ItemsSource="{Binding UserControls}" Height="300"> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <views:UserControl/> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 
     </StackPanel> 
    </ScrollViewer> 

</Grid> 

ここに私ですStackPanelに追加されたUserControl ScrollViewerの内部：

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 

    <StackPanel 
     Orientation="Horizontal" 
     Grid.Row="0"> 

     <Button 
      Name="DeleteFilter" 
      HorizontalAlignment="Left" 
      Margin="5" 
      Content="-"/> 

     <ComboBox 
      Margin="5" 
      IsEditable="False" 
      IsReadOnly="True" 
      Width="150" 
      ItemsSource="{Binding SomeObject}" 
      DisplayMemberPath="Name" 
      SelectedItem="{Binding SomeObjectProperty}"/> 

     <ComboBox 
      Margin="5" 
      IsEditable="False" 
      IsReadOnly="True" 
      Width="150" 
      ItemsSource="{Binding AnotherObject}" 
      DisplayMemberPath="Name" 
      SelectedItem="{Binding AnotherObjectProperty}"/> 

     <TextBox 
      x:Name="Value" 
      Text="{Binding TextBoxValueString}" 
      TextAlignment="Center" 
      Width="100" 
      Margin="5" 
      Visibility="{Binding TextBoxVisibility}"/> 

    </StackPanel> 

</Grid> 

XAMLとWPFが初めてです。

どのような提案ですか？

Answer 1

ScrollViewersとStackPanelはうまく機能しません。これは、OrientationプロパティがHorizontalに設定され、Verticalに設定されている場合、無限の垂直スペースが設定されている場合、StackPanelは無限の水平スペースを持つ子要素を測定するためです。詳細については、ここに私の答えを参照してください：

How to scroll the datagrid in stackpanel?

ですから、別のPanelでStackPanelを交換する必要があるか、それを完全に削除します。

<ScrollViewer 
     VerticalScrollBarVisibility="Auto" 
     Grid.Row="2" 
     CanContentScroll="True" 
     HorizontalScrollBarVisibility="Auto"> 
     <ItemsControl ItemsSource="{Binding UserControls}" Height="300"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <views:UserControl/> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
</ScrollViewer> 

Answer 2

StackPanelまたはItemsControl（Your choise）の背景がありません。 デフォルトの背景がヌルです。 バックグラウンドがNULLの場合、ScrollViewerはマウスホイールのマウスイベントである を取得せず、スクロールしません。