Используйте кнопки для прокрутки в combobox

Question

Я хочу, чтобы наши пользователи имели возможность прокручивать с кнопками в поле со списком.

Я настроил style и ItemContainerStyle из ComboBox в

Теперь я не знаю, как получить доступ к ScrollViewer в моем ComboBox из кода позади, и добавить обработчики событий для кнопок. Я думаю, что я на правильном пути, но я застрял в этом.

Это то, что я хочу сделать:

• Мои ComboBox в моем MainWindow:

  <ComboBox x:Name="cb" Style="{StaticResource ComboBoxStyle}" 
        ItemContainerStyle="{staticResource ComboBoxItemStyle1}" 
        IsDropDownOpen="True"> 
      <ComboBoxItem Content="ComboBoxItem"/> 
      <ComboBoxItem Content="ComboBoxItem"/> 
      <ComboBoxItem Content="ComboBoxItem"/> 
      <ComboBoxItem Content="ComboBoxItem"/> 
      <ComboBoxItem Content="ComboBoxItem"/> 
  </ComboBox> 
  

ItemcontainerStyle Мои:

<Style x:Key="ComboBoxItemStyle1" TargetType="{x:Type ComboBoxItem}"> 
     <Setter Property="Padding" Value="0"/> 
     <Setter Property="Background" Value="Transparent"/> 
     <Setter Property="Foreground" Value="#FFE8E8E8"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type ComboBoxItem}"> 
        <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true" Padding="0,10" Margin="0"> 
         <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" HorizontalAlignment="Center" VerticalAlignment="Stretch" Margin="0" /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsHighlighted" Value="true"> 
          <Setter Property="Background" TargetName="Bd" Value="#FF214174"/> 
          <Setter Property="Foreground" Value="#FFE8E8E8"/> 
         </Trigger> 
         <Trigger Property="IsEnabled" Value="false"> 
          <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

Стиль ComboBox:

<Style x:Key="ComboBoxStyle" TargetType="{x:Type ComboBox}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type ComboBox}"> 
       <Grid> 
        <Popup Margin="0" x:Name="PART_Popup" AllowsTransparency="true" 
        IsOpen="{Binding Path=IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}" 
         PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" 
         Grid.ColumnSpan="2" HorizontalOffset="0" OverridesDefaultStyle="False"> 

         <Border Name="DropDownBorder" Width="150" BorderThickness="1" CornerRadius="0" BorderBrush="Red" Margin="0,5,0,0" Padding="0" VerticalAlignment="Stretch" MaxHeight="250"> 
           <Border.Background> 
            <LinearGradientBrush EndPoint="0,4" StartPoint="0,0"> 
             <GradientStop Color="#FF001940" Offset="0"/> 
             <GradientStop Color="White" Offset="1"/> 
            </LinearGradientBrush> 
           </Border.Background> 
           <Grid> 
            <Grid.RowDefinitions> 
             <RowDefinition Height="*"/> 
             <RowDefinition Height="40"/> 
            </Grid.RowDefinitions> 
            <ScrollViewer Grid.Row="0" CanContentScroll="true" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,40" Padding="0" Foreground="#00000000"> 
            <ItemsPresenter Margin="0" /> 
            </ScrollViewer> 
            <UniformGrid Grid.Row="1" Rows="1" Columns="2" Height="40" VerticalAlignment="Stretch"> 
             <RepeatButton Width="50" Background="#00000000" Content="Up" Focusable="False" IsTabStop="False"></RepeatButton> 
             <RepeatButton Width="50" Background="#00000000" Content="Down" Focusable="False" IsTabStop="False"></RepeatButton> 
            </UniformGrid> 
           </Grid> 
        </Border> 
         </Popup> 
         <ToggleButton Style="{StaticResource cmbToggle}" Grid.ColumnSpan="2" 
           IsChecked="{Binding Path=IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="0"/> 
         <ContentPresenter HorizontalAlignment="Center" 
            Margin="0,0,21,0" 
            VerticalAlignment="Center" 
            IsHitTestVisible="false" 
            Content="{TemplateBinding SelectionBoxItem}"/> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

Answer 1

Необходимо указать ScrollViewer a имя для доступа к нему. Вы также можете сохранить это как раз в XAML довольно легко для функциональности вы желаете:

так сказать, я указываю имя ScrollViewer для:

<ScrollViewer x:Name="someScroll" 
       ...> 

Теперь измените ваши RepeatButton «S в:

<RepeatButton Command="{x:Static ScrollBar.LineUpCommand}" 
       CommandTarget="{Binding ElementName=someScroll}" 
       ... /> 
<RepeatButton Command="{x:Static ScrollBar.LineDownCommand}" 
       CommandTarget="{Binding ElementName=someScroll}" 
       ... /> 

ScrollBar Fields перечислены другие команды, доступные для использования, аналогичные ScrollBar.LineDownCommand/ScrollBar.LineUpCommand

Answer 2

Если имя ScrollViewer, то легко получить к нему доступ:

<ScrollViewer x:Name="ScrollViewer" Grid.Row="0" CanContentScroll="true" 
    VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" 
    HorizontalAlignment="Stretch" Margin="0,0,0,40" Padding="0" Foreground="#00000000"> 
    <ItemsPresenter Margin="0" /> 
</ScrollViewer> 

Затем вы должны иметь возможность доступа к нему так:

ScrollViewer scrollViewer = (ScrollViewer)cb.Template.FindName("ScrollViewer", cb);