init branch

2020-07-02 23:55:23 +08:00
1 parent 9b46a1c2e3
commit 4f36b46bea
@@ -223,6 +223,9 @@
    <Resource Include="..\..\Shared\HandyControlDemo_Shared\Resources\Img\LeftMainContent\CheckBox_16x.png">
      <Link>Resources\Img\LeftMainContent\CheckBox_16x.png</Link>
    </Resource>
+    <Resource Include="..\..\Shared\HandyControlDemo_Shared\Resources\Img\LeftMainContent\CheckBoxList_16x.png">
+      <Link>Resources\Img\LeftMainContent\CheckBoxList_16x.png</Link>
+    </Resource>
    <Resource Include="..\..\Shared\HandyControlDemo_Shared\Resources\Img\LeftMainContent\ColorPalette_16x.png">
      <Link>Resources\Img\LeftMainContent\ColorPalette_16x.png</Link>
    </Resource>
@@ -223,6 +223,9 @@
    <Resource Include="..\..\Shared\HandyControlDemo_Shared\Resources\Img\LeftMainContent\CheckBox_16x.png">
      <Link>Resources\Img\LeftMainContent\CheckBox_16x.png</Link>
    </Resource>
+    <Resource Include="..\..\Shared\HandyControlDemo_Shared\Resources\Img\LeftMainContent\CheckBoxList_16x.png">
+      <Link>Resources\Img\LeftMainContent\CheckBoxList_16x.png</Link>
+    </Resource>
    <Resource Include="..\..\Shared\HandyControlDemo_Shared\Resources\Img\LeftMainContent\ColorPalette_16x.png">
      <Link>Resources\Img\LeftMainContent\ColorPalette_16x.png</Link>
    </Resource>
@@ -31,8 +31,8 @@
      [ "ToolBar", "ToolBarDemoCtl", "ToolBar_16x", "" ],
      [ "Border", "BorderDemoCtl", "BorderElement_16x", "" ],
      [ "Label", "LabelDemoCtl", "Label_16x", "" ],
-      [ "Frame", "FrameDemoCtl", "frame_16xLG", "1" ],
-      [ "Window", "NativeWindowDemoCtl", "WindowsForm_16x", "1" ],
+      [ "Frame", "FrameDemoCtl", "frame_16xLG", "" ],
+      [ "Window", "NativeWindowDemoCtl", "WindowsForm_16x", "" ],
      [ "Geometry", "GeometryDemoCtl", "Path_16x", "1" ]
    ]
  },
@@ -57,6 +57,7 @@
      [ "NumericUpDown", "NumericUpDownDemoCtl", "NumericListBox_16x", "" ],
      [ "TextBox", "TextBoxDemoCtl", "TextBox_16x", "" ],
      [ "ComboBox", "ComboBoxDemoCtl", "ComboBox_16x", "" ],
+      [ "CheckComboBox", "CheckComboBoxDemoCtl", "CheckBoxList_16x", "1" ],
      [ "PasswordBox", "PasswordBoxDemoCtl", "PasswordBox_16x", "" ],
      [ "PinBox", "PinBoxDemoCtl", "Ellipsis_16x", "" ],
      [ "DatePicker", "DatePickerDemoCtl", "DatePicker_16x", "" ],
@@ -104,7 +105,7 @@
      [ "Notification", "NotificationDemoCtl", "Procedure_16x", "" ],
      [ "Dialog", "DialogDemoCtl", "Dialog_16x", "" ],
      [ "Screenshot", "ScreenshotDemoCtl", "WindowScreenshot_16x", "1" ],
-      [ "Window", "WindowDemoCtl", "WindowsForm_16x", "1" ]
+      [ "Window", "WindowDemoCtl", "WindowsForm_16x", "" ]
    ]
  },
  {
@@ -113,6 +113,9 @@
    <Compile Include="$(MSBuildThisFileDirectory)UserControl\Controls\ChatBubbleDemoCtl.xaml.cs">
      <DependentUpon>ChatBubbleDemoCtl.xaml</DependentUpon>
    </Compile>
+    <Compile Include="$(MSBuildThisFileDirectory)UserControl\Controls\CheckComboBoxDemoCtl.xaml.cs">
+      <DependentUpon>CheckComboBoxDemoCtl.xaml</DependentUpon>
+    </Compile>
    <Compile Include="$(MSBuildThisFileDirectory)UserControl\Controls\CirclePanelDemoCtl.xaml.cs">
      <DependentUpon>CirclePanelDemoCtl.xaml</DependentUpon>
    </Compile>
@@ -598,6 +601,10 @@
      <SubType>Designer</SubType>
      <Generator>MSBuild:Compile</Generator>
    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)UserControl\Controls\CheckComboBoxDemoCtl.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
    <Page Include="$(MSBuildThisFileDirectory)UserControl\Controls\CirclePanelDemoCtl.xaml">
      <SubType>Designer</SubType>
      <Generator>MSBuild:Compile</Generator>
@@ -266,7 +266,18 @@ namespace HandyControlDemo.Properties.Langs {
                return ResourceManager.GetString("CheckBox", resourceCulture);
            }
        }
-        
+
+        /// <summary>
+        ///   查找类似 多选组合框 的本地化字符串。
+        /// </summary>
+        public static string CheckComboBox
+        {
+            get
+            {
+                return ResourceManager.GetString("CheckComboBox", resourceCulture);
+            }
+        }
+
        /// <summary>
        ///   查找类似 圆形布局 的本地化字符串。
        /// </summary>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>几何形状</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>多选组合框</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -759,4 +759,7 @@
  <data name="Geometry" xml:space="preserve">
    <value>Geometry</value>
  </data>
+  <data name="CheckComboBox" xml:space="preserve">
+    <value>CheckComboBox</value>
+  </data>
 </root>
@@ -60,7 +60,8 @@ namespace HandyControlDemo.Properties.Langs
 			OnPropertyChanged(nameof(ChatBubble));
 			OnPropertyChanged(nameof(Chatroom));
 			OnPropertyChanged(nameof(CheckBox));
-			OnPropertyChanged(nameof(CirclePanel));
+            OnPropertyChanged(nameof(CheckComboBox));
+            OnPropertyChanged(nameof(CirclePanel));
 			OnPropertyChanged(nameof(Clear));
 			OnPropertyChanged(nameof(Click2Count));
 			OnPropertyChanged(nameof(Clock));
@@ -368,6 +369,11 @@ namespace HandyControlDemo.Properties.Langs
        /// </summary>
 		public string CheckBox => Lang.CheckBox;

+        /// <summary>
+        ///   查找类似 多选组合框 的本地化字符串。
+        /// </summary>
+        public string CheckComboBox => Lang.CheckComboBox;
+
        /// <summary>
        ///   查找类似 圆形布局 的本地化字符串。
        /// </summary>
@@ -1447,6 +1453,11 @@ namespace HandyControlDemo.Properties.Langs
        /// </summary>
 		public static string CheckBox = nameof(CheckBox);

+        /// <summary>
+        ///   查找类似 多选组合框 的本地化字符串。
+        /// </summary>
+        public static string CheckComboBox = nameof(CheckComboBox);
+
        /// <summary>
        ///   查找类似 圆形布局 的本地化字符串。
        /// </summary>
@@ -0,0 +1,14 @@
+<UserControl x:Class="HandyControlDemo.UserControl.CheckComboBoxDemoCtl"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:hc="https://handyorg.github.io/handycontrol"
+             Background="{DynamicResource RegionBrush}">
+    <hc:TransitioningContentControl>
+        <hc:CheckComboBox VerticalAlignment="Top" Margin="32" ShowSelectAllButton="True" Width="180">
+            <hc:CheckComboBoxItem Content="111"/>
+            <hc:CheckComboBoxItem Content="222"/>
+            <hc:CheckComboBoxItem Content="333"/>
+            <hc:CheckComboBoxItem Content="444"/>
+        </hc:CheckComboBox>
+    </hc:TransitioningContentControl>
+</UserControl>
@@ -0,0 +1,10 @@
+namespace HandyControlDemo.UserControl
+{
+    public partial class CheckComboBoxDemoCtl
+    {
+        public CheckComboBoxDemoCtl()
+        {
+            InitializeComponent();
+        }
+    }
+}
@@ -0,0 +1,132 @@
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using HandyControl.Data;
+
+namespace HandyControl.Controls
+{
+    [TemplatePart(Name = ElementPanel, Type = typeof(Panel))]
+    [TemplatePart(Name = ElementSelectAll, Type = typeof(CheckComboBoxItem))]
+    public class CheckComboBox : ListBox
+    {
+        private const string ElementPanel = "PART_Panel";
+
+        private const string ElementSelectAll = "PART_SelectAll";
+
+        private Panel _panel;
+
+        private Popup _popup;
+
+        private CheckComboBoxItem _selectAllItem;
+
+        private bool _isInternalAction;
+
+        public static readonly DependencyProperty IsDropDownOpenProperty = DependencyProperty.Register(
+            "IsDropDownOpen", typeof(bool), typeof(CheckComboBox), new PropertyMetadata(ValueBoxes.FalseBox));
+
+        public bool IsDropDownOpen
+        {
+            get => (bool) GetValue(IsDropDownOpenProperty);
+            set => SetValue(IsDropDownOpenProperty, ValueBoxes.BooleanBox(value));
+        }
+
+        public static readonly DependencyProperty TagStyleProperty = DependencyProperty.Register(
+            "TagStyle", typeof(Style), typeof(CheckComboBox), new PropertyMetadata(default(Style)));
+
+        public Style TagStyle
+        {
+            get => (Style) GetValue(TagStyleProperty);
+            set => SetValue(TagStyleProperty, value);
+        }
+
+        public static readonly DependencyProperty ShowSelectAllButtonProperty = DependencyProperty.Register(
+            "ShowSelectAllButton", typeof(bool), typeof(CheckComboBox), new PropertyMetadata(ValueBoxes.FalseBox));
+
+        public bool ShowSelectAllButton
+        {
+            get => (bool) GetValue(ShowSelectAllButtonProperty);
+            set => SetValue(ShowSelectAllButtonProperty, ValueBoxes.BooleanBox(value));
+        }
+
+        public CheckComboBox() => AddHandler(Controls.Tag.ClosedEvent, new RoutedEventHandler(Tags_OnClosed));
+
+        private void Tags_OnClosed(object sender, RoutedEventArgs e)
+        {
+            if (e.OriginalSource is Tag tag && tag.Tag is CheckComboBoxItem checkComboBoxItem)
+            {
+                checkComboBoxItem.SetCurrentValue(IsSelectedProperty, false);
+            }
+        }
+
+        public override void OnApplyTemplate()
+        {
+            if (_selectAllItem != null)
+            {
+                _selectAllItem.Selected -= SelectAllItem_Selected;
+                _selectAllItem.Unselected -= SelectAllItem_Unselected;
+            }
+
+            base.OnApplyTemplate();
+
+            _panel = GetTemplateChild(ElementPanel) as Panel;
+            _selectAllItem = GetTemplateChild(ElementSelectAll) as CheckComboBoxItem;
+            if (_selectAllItem != null)
+            {
+                _selectAllItem.Selected += SelectAllItem_Selected;
+                _selectAllItem.Unselected += SelectAllItem_Unselected;
+            }
+        }
+
+        private void SwitchAllItems(bool selected)
+        {
+            if (_isInternalAction) return;
+            _isInternalAction = true;
+
+            foreach (CheckComboBoxItem item in ItemContainerGenerator.Items)
+            {
+                item.SetCurrentValue(ListBoxItem.IsSelectedProperty, selected);
+            }
+
+            _isInternalAction = false;
+            UpdateTags();
+        }
+
+        private void SelectAllItem_Selected(object sender, RoutedEventArgs e) => SwitchAllItems(true);
+
+        private void SelectAllItem_Unselected(object sender, RoutedEventArgs e) => SwitchAllItems(false);
+
+        protected override void OnSelectionChanged(SelectionChangedEventArgs e)
+        {
+            UpdateTags();
+            base.OnSelectionChanged(e);
+        }
+
+        private void UpdateTags()
+        {
+            if (_isInternalAction) return;
+
+            if (_selectAllItem != null)
+            {
+                _isInternalAction = true;
+                _selectAllItem.SetCurrentValue(IsSelectedProperty, SelectedItems.Count == Items.Count);
+                _isInternalAction = false;
+            }
+
+            _panel.Children.Clear();
+
+            foreach (var item in SelectedItems)
+            {
+                if (ItemContainerGenerator.ContainerFromItem(item) is CheckComboBoxItem checkComboBoxItem)
+                {
+                    var tag = new Tag
+                    {
+                        Style = TagStyle,
+                        Content = checkComboBoxItem.Content,
+                        Tag = checkComboBoxItem
+                    };
+                    _panel.Children.Add(tag);
+                }
+            }
+        }
+    }
+}
@@ -0,0 +1,9 @@
+using System.Windows.Controls;
+
+namespace HandyControl.Controls
+{
+    public class CheckComboBoxItem : ListBoxItem
+    {
+
+    }
+}
@@ -31,6 +31,8 @@
    <Compile Include="$(MSBuildThisFileDirectory)Controls\Dialog\DialogContainer.cs" />
    <Compile Include="$(MSBuildThisFileDirectory)Controls\Growl\GrowlWindow.cs" />
    <Compile Include="$(MSBuildThisFileDirectory)Controls\Image\ImageBlock.cs" />
+    <Compile Include="$(MSBuildThisFileDirectory)Controls\Input\CheckComboBox\CheckComboBox.cs" />
+    <Compile Include="$(MSBuildThisFileDirectory)Controls\Input\CheckComboBox\CheckComboBoxItem.cs" />
    <Compile Include="$(MSBuildThisFileDirectory)Controls\Input\ImageSelector.cs" />
    <Compile Include="$(MSBuildThisFileDirectory)Controls\Input\PinBox.cs" />
    <Compile Include="$(MSBuildThisFileDirectory)Controls\Other\DashBorder.cs" />
@@ -440,6 +442,14 @@
      <SubType>Designer</SubType>
      <Generator>MSBuild:Compile</Generator>
    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Themes\Styles\Base\CheckComboBoxBaseStyle.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+    <Page Include="$(MSBuildThisFileDirectory)Themes\Styles\CheckComboBox.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
    <Page Include="$(MSBuildThisFileDirectory)Themes\Styles\ImageSelector.xaml">
      <SubType>Designer</SubType>
      <Generator>MSBuild:Compile</Generator>
@@ -0,0 +1,148 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:hc="clr-namespace:HandyControl.Controls"
+                    xmlns:themes="clr-namespace:HandyControl.Themes">
+
+    <ResourceDictionary.MergedDictionaries>
+        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/Tag.xaml"/>
+    </ResourceDictionary.MergedDictionaries>
+
+    <Style x:Key="Tag4CheckComboBoxStyle" BasedOn="{StaticResource TagBaseStyle}" TargetType="hc:Tag">
+        <Setter Property="Margin" Value="0,3,4,3"/>
+        <Setter Property="Padding" Value="6,0,4,0"/>
+        <Setter Property="Height" Value="22"/>
+    </Style>
+
+    <!--多选组合框切换按钮-->
+    <Style x:Key="CheckComboBoxToggleButton" TargetType="ToggleButton">
+        <Setter Property="ClickMode" Value="Release"/>
+        <Setter Property="OverridesDefaultStyle" Value="true"/>
+        <Setter Property="IsTabStop" Value="false"/>
+        <Setter Property="Focusable" Value="false"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ToggleButton">
+                    <Border CornerRadius="{Binding Path=(hc:BorderElement.CornerRadius),RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
+                        <Border Margin="0,0,6,0" BorderThickness="1" BorderBrush="Transparent" HorizontalAlignment="Right" SnapsToDevicePixels="true" Width="{StaticResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}">
+                            <Path Width="16" Height="9" x:Name="arrow" Data="{StaticResource DownGeometry}" Fill="{TemplateBinding BorderBrush}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
+                        </Border>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="True">
+                            <Setter Property="Data" TargetName="arrow" Value="{StaticResource UpGeometry}"/>
+                        </Trigger>
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter Property="Opacity" Value=".4"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--多选组合框项基样式-->
+    <Style x:Key="CheckComboBoxItemBaseStyle" TargetType="hc:CheckComboBoxItem">
+        <Setter Property="SnapsToDevicePixels" Value="True"/>
+        <Setter Property="Padding" Value="{StaticResource DefaultControlPadding}"/>
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderBrush" Value="Transparent"/>
+        <Setter Property="BorderThickness" Value="0"/>
+        <Setter Property="MinHeight" Value="{StaticResource DefaultControlHeight}"/>
+        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
+        <!--<Setter Property="Focusable" Value="False"/>-->
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="hc:CheckComboBoxItem">
+                    <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="{Binding Padding,RelativeSource={RelativeSource TemplatedParent},Converter={StaticResource ThicknessSplitConverter},ConverterParameter='1,0,1,0'}" SnapsToDevicePixels="true">
+                        <CheckBox Foreground="{TemplateBinding Foreground}" HorizontalAlignment="Stretch" MinHeight="{TemplateBinding MinHeight}" FocusVisualStyle="{x:Null}" IsChecked="{Binding IsSelected,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}">
+                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
+                        </CheckBox>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter Property="Background" TargetName="Bd" Value="{DynamicResource SecondaryRegionBrush}"/>
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--默认多选组合框模板-->
+    <ControlTemplate x:Key="CheckComboBoxEditableTemplate" TargetType="hc:CheckComboBox">
+        <Grid x:Name="templateRoot" SnapsToDevicePixels="true">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition/>
+                <ColumnDefinition Width="30"/>
+            </Grid.ColumnDefinitions>
+            <Popup Name="PART_Popup" PlacementTarget="{Binding ElementName=toggleButton}" StaysOpen="False" IsOpen="{Binding IsDropDownOpen,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}" AllowsTransparency="true" Grid.ColumnSpan="2" PopupAnimation="{StaticResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom">
+                <Border CornerRadius="{Binding Path=(hc:BorderElement.CornerRadius),RelativeSource={RelativeSource TemplatedParent}}" x:Name="dropDownBorder" BorderBrush="{DynamicResource BorderBrush}" BorderThickness="1" Background="{DynamicResource RegionBrush}">
+                    <Grid Margin="0,4" ClipToBounds="False">
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto"/>
+                            <RowDefinition/>
+                        </Grid.RowDefinitions>
+                        <hc:CheckComboBoxItem x:Name="PART_SelectAll"  Style="{TemplateBinding ItemContainerStyle}" IsEnabled="{TemplateBinding ShowSelectAllButton}" Visibility="{Binding ShowSelectAllButton,RelativeSource={RelativeSource TemplatedParent},Converter={StaticResource Boolean2VisibilityConverter}}" HorizontalContentAlignment="Stretch" Content="全部"/>
+                        <ScrollViewer x:Name="DropDownScrollViewer" Grid.Row="1">
+                            <hc:SimplePanel RenderOptions.ClearTypeHint="Enabled">
+                                <Canvas HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
+                                    <Rectangle x:Name="opaqueRect" Fill="{Binding Background, ElementName=dropDownBorder}" Height="{Binding ActualHeight, ElementName=dropDownBorder}" Width="{Binding ActualWidth, ElementName=dropDownBorder}"/>
+                                </Canvas>
+                                <ItemsPresenter x:Name="ItemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
+                            </hc:SimplePanel>
+                        </ScrollViewer>
+                    </Grid>
+                </Border>
+            </Popup>
+            <ToggleButton Grid.Column="0" x:Name="toggleButton" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}" Style="{StaticResource CheckComboBoxToggleButton}"/>
+            <Border Grid.Column="0" Margin="-1,1">
+                <WrapPanel Name="PART_Panel" Margin="6,0"/>
+            </Border>
+        </Grid>
+        <ControlTemplate.Triggers>
+            <Trigger Property="HasItems" Value="false">
+                <Setter Property="Height" TargetName="dropDownBorder" Value="95"/>
+            </Trigger>
+            <Trigger Property="hc:DropDownElement.ConsistentWidth" Value="True">
+                <Setter Property="MaxWidth" TargetName="dropDownBorder" Value="{Binding ActualWidth, ElementName=toggleButton}"/>
+                <Setter Property="MinWidth" TargetName="dropDownBorder" Value="{Binding ActualWidth, ElementName=toggleButton}"/>
+            </Trigger>
+            <MultiTrigger>
+                <MultiTrigger.Conditions>
+                    <Condition Property="IsGrouping" Value="true"/>
+                    <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false"/>
+                </MultiTrigger.Conditions>
+                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
+            </MultiTrigger>
+            <Trigger Property="ScrollViewer.CanContentScroll" SourceName="DropDownScrollViewer" Value="false">
+                <Setter Property="Canvas.Top" TargetName="opaqueRect" Value="{Binding VerticalOffset, ElementName=DropDownScrollViewer}"/>
+                <Setter Property="Canvas.Left" TargetName="opaqueRect" Value="{Binding HorizontalOffset, ElementName=DropDownScrollViewer}"/>
+            </Trigger>
+            <Trigger Property="IsEnabled" Value="false">
+                <Setter Property="Opacity" Value="0.4"/>
+            </Trigger>
+        </ControlTemplate.Triggers>
+    </ControlTemplate>
+
+    <Style x:Key="CheckComboBoxBaseStyle" TargetType="hc:CheckComboBox">
+        <Setter Property="TagStyle" Value="{StaticResource Tag4CheckComboBoxStyle}"/>
+        <Setter Property="SelectionMode" Value="Multiple"/>
+        <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
+        <Setter Property="Background" Value="{DynamicResource RegionBrush}"/>
+        <Setter Property="ItemContainerStyle" Value="{StaticResource CheckComboBoxItemBaseStyle}"/>
+        <Setter Property="hc:BorderElement.CornerRadius" Value="{StaticResource DefaultCornerRadius}"/>
+        <Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}"/>
+        <Setter Property="Foreground" Value="{DynamicResource PrimaryTextBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
+        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
+        <Setter Property="MinHeight" Value="{StaticResource DefaultControlHeight}"/>
+        <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
+        <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
+        <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
+        <Setter Property="Padding" Value="{StaticResource DefaultInputPadding}"/>
+        <Setter Property="Template" Value="{StaticResource CheckComboBoxEditableTemplate}"/>
+        <Setter Property="VerticalContentAlignment" Value="Center"/>
+    </Style>
+
+</ResourceDictionary>
@@ -0,0 +1,11 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:hc="clr-namespace:HandyControl.Controls"
+                    xmlns:themes="clr-namespace:HandyControl.Themes">
+
+    <ResourceDictionary.MergedDictionaries>
+        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/Base/CheckComboBoxBaseStyle.xaml"/>
+    </ResourceDictionary.MergedDictionaries>
+
+    <Style BasedOn="{StaticResource CheckComboBoxBaseStyle}" TargetType="hc:CheckComboBox"/>
+
+</ResourceDictionary>
@@ -25,6 +25,7 @@
        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/Expander.xaml"/>
        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/TextBox.xaml"/>
        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/ComboBox.xaml"/>
+        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/CheckComboBox.xaml"/>
        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/CheckBox.xaml"/>
        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/RadioButton.xaml"/>
        <themes:SharedResourceDictionary Source="pack://application:,,,/HandyControl;component/Themes/Styles/NumericUpDown.xaml"/>