Загрузка...

Flat ComboBox WPF

Тема в разделе C# создана пользователем ЮВЕЛИР 13 май 2019. 177 просмотров

  1. ЮВЕЛИР
    Кому понравилось (1)
    ЮВЕЛИР Автор темы 13 май 2019
    [IMG]

    Код
           <ControlTemplate x:Key="ComboBoxToggleButton" TargetType="{x:Type ToggleButton}">
    
            <Grid>
    
                <Grid.ColumnDefinitions>
    
                    <ColumnDefinition />
    
                    <ColumnDefinition Width="22" />
    
                </Grid.ColumnDefinitions>
    
                <Border
    
  x:Name="Border"
    
  Grid.ColumnSpan="2"
    
  CornerRadius="2"
    
  Background="#FF444446"
    
  BorderBrush="#404040"
    
  BorderThickness="0" />
    
                <Border
    
  Grid.Column="0"
    
  CornerRadius="2,0,0,2"
    
  Margin="1"
    
  Background="#FF444446"
    
  BorderBrush="#404040"
    
  BorderThickness="0,0,1,0" />
    
                <Path
    
  x:Name="Arrow"
    
  Grid.Column="1"     
    
  Fill="#FFFFFF"
    
  HorizontalAlignment="Center"
    
  VerticalAlignment="Center"
    
  Data="M 0 0 L 4 4 L 8 0 Z"/>
    
            </Grid>
    
            <ControlTemplate.Triggers>
    
                <Trigger Property="ToggleButton.IsMouseOver" Value="true">
    
                    <Setter TargetName="Border" Property="Background" Value="#808080" />
    
                </Trigger>
    
                <Trigger Property="ToggleButton.IsChecked" Value="true">
    
                    <Setter TargetName="Border" Property="Background" Value="#FF8D8D8D" />
    
                </Trigger>
    
                <Trigger Property="IsEnabled" Value="False">
    
                    <Setter TargetName="Border" Property="Background" Value="#FF343434" />
    
                    <Setter Property="Foreground" Value="#888888"/>
    
                    <Setter TargetName="Arrow" Property="Fill" Value="White" />
    
                </Trigger>
    
            </ControlTemplate.Triggers>
    
        </ControlTemplate>
    

    
        <ControlTemplate x:Key="ComboBoxTextBox" TargetType="{x:Type TextBox}">
    
            <Border x:Name="PART_ContentHost" Focusable="False" Background="{TemplateBinding Background}" />
    
        </ControlTemplate>
    

    
        <Style x:Key="{x:Type ComboBox}" TargetType="{x:Type ComboBox}">
    
            <Setter Property="SnapsToDevicePixels" Value="true"/>
    
            <Setter Property="OverridesDefaultStyle" Value="true"/>
    
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
    
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
    
            <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
    
            <Setter Property="MinWidth" Value="120"/>
    
            <Setter Property="MinHeight" Value="20"/>
    
            <Setter Property="Template">
    
                <Setter.Value>
    
                    <ControlTemplate TargetType="{x:Type ComboBox}">
    
                        <Grid>
    
                            <ToggleButton
    
        Name="ToggleButton"
    
        Template="{StaticResource ComboBoxToggleButton}"
    
        Grid.Column="2"
    
        Focusable="false"
    
        IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"
    
        ClickMode="Press">
    
                            </ToggleButton>
    
                            <ContentPresenter
    
        Name="ContentSite"
    
        IsHitTestVisible="False"
    
        Content="{TemplateBinding SelectionBoxItem}"
    
        ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
    
        ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
    
        Margin="3,3,23,3"
    
        VerticalAlignment="Center"
    
        HorizontalAlignment="Left" />
    
                            <TextBox x:Name="PART_EditableTextBox"
    
        Style="{x:Null}"
    
        Template="{StaticResource ComboBoxTextBox}"
    
        HorizontalAlignment="Left"
    
        VerticalAlignment="Center"
    
        Margin="3,3,23,3"
    
        Focusable="True"
    
        Background="Transparent"
    
        Visibility="Hidden"
    
        IsReadOnly="{TemplateBinding IsReadOnly}"/>
    
                            <Popup
    
        Name="Popup"
    
        Placement="Bottom"
    
        IsOpen="{TemplateBinding IsDropDownOpen}"
    
        AllowsTransparency="True"
    
        Focusable="False"
    
        PopupAnimation="Slide">
    
                                <Grid
    
          Name="DropDown"
    
          SnapsToDevicePixels="True"               
    
          MinWidth="{TemplateBinding ActualWidth}"
    
          MaxHeight="{TemplateBinding MaxDropDownHeight}">
    
                                    <Border
    
            x:Name="DropDownBorder"
    
            Background="#FF444446"
    
            BorderThickness="1"
    
            BorderBrush="#888888"/>
    
                                    <ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True">
    
                                        <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />
    
                                    </ScrollViewer>
    
                                </Grid>
    
                            </Popup>
    
                        </Grid>
    
                        <ControlTemplate.Triggers>
    
                            <Trigger Property="HasItems" Value="false">
    
                                <Setter TargetName="DropDownBorder" Property="MinHeight" Value="95"/>
    
                            </Trigger>
    
                            <Trigger Property="IsEnabled" Value="false">
    
                                <Setter Property="Foreground" Value="#888888"/>
    
                            </Trigger>
    
                            <Trigger Property="IsGrouping" Value="true">
    
                                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
    
                            </Trigger>
    
                            <Trigger SourceName="Popup" Property="Popup.AllowsTransparency" Value="true">
    
                                <Setter TargetName="DropDownBorder" Property="CornerRadius" Value="4"/>
    
                                <Setter TargetName="DropDownBorder" Property="Margin" Value="0,2,0,0"/>
    
                            </Trigger>
    
                            <Trigger Property="IsEditable"
    
           Value="true">
    
                                <Setter Property="IsTabStop" Value="false"/>
    
                                <Setter TargetName="PART_EditableTextBox" Property="Visibility" Value="Visible"/>
    
                                <Setter TargetName="ContentSite" Property="Visibility" Value="Hidden"/>
    
                            </Trigger>
    
                        </ControlTemplate.Triggers>
    
                    </ControlTemplate>
    
                </Setter.Value>
    
            </Setter>
    
            <Style.Triggers>
    
            </Style.Triggers>
    
        </Style>
    

    
        <!-- SimpleStyles: ComboBoxItem -->
    
        <Style x:Key="{x:Type ComboBoxItem}" TargetType="{x:Type ComboBoxItem}">
    
            <Setter Property="SnapsToDevicePixels" Value="true"/>
    
            <Setter Property="OverridesDefaultStyle" Value="true"/>
    
            <Setter Property="Template">
    
                <Setter.Value>
    
                    <ControlTemplate TargetType="{x:Type ComboBoxItem}">
    
                        <Border
    
      Name="Border"
    
      Padding="2"
    
      SnapsToDevicePixels="true">
    
                            <ContentPresenter />
    
                        </Border>
    
                        <ControlTemplate.Triggers>
    
                            <Trigger Property="IsHighlighted" Value="true">
    
                                <Setter TargetName="Border" Property="Background" Value="#FF444446"/>
    
                            </Trigger>
    
                            <Trigger Property="IsEnabled" Value="false">
    
                                <Setter Property="Foreground" Value="#888888"/>
    
                            </Trigger>
    
                        </ControlTemplate.Triggers>
    
                    </ControlTemplate>
    
                </Setter.Value>
    
            </Setter>
    
        </Style>
    

    
        <ControlTemplate x:Key="TextBoxBaseControlTemplate" TargetType="{x:Type TextBoxBase}">
    
            <Border Background="{TemplateBinding Background}"
    
                x:Name="Bd"
    
                BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
    
                <ScrollViewer x:Name="PART_ContentHost"/>
    
            </Border>
    
            <ControlTemplate.Triggers>
    
                <Trigger Property="IsEnabled" Value="False">
    
                    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" TargetName="Bd"/>
    
                    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
    
                </Trigger>
    
                <Trigger Property="Width" Value="Auto">
    
                    <Setter Property="MinWidth" Value="100"/>
    
                </Trigger>
    
                <Trigger Property="Height" Value="Auto">
    
                    <Setter Property="MinHeight" Value="20"/>
    
                </Trigger>
    
            </ControlTemplate.Triggers>
    
        </ControlTemplate>
     
    13 май 2019
Top
Загрузка...