[#37] Controls: Implement CheckComboBox and remove xctk
All checks were successful
Test / Run tests (push) Successful in 2m26s
All checks were successful
Test / Run tests (push) Successful in 2m26s
This commit is contained in:
106
Elwig/Controls/CheckComboBox.cs
Normal file
106
Elwig/Controls/CheckComboBox.cs
Normal file
@ -0,0 +1,106 @@
|
||||
using System.Linq;
|
||||
using System.Windows;
|
||||
using System.Windows.Controls;
|
||||
|
||||
namespace Elwig.Controls {
|
||||
public class CheckComboBox : ListBox {
|
||||
|
||||
public static readonly DependencyProperty DelimiterProperty = DependencyProperty.Register("Delimiter", typeof(string), typeof(CheckComboBox), new FrameworkPropertyMetadata(", "));
|
||||
public string Delimiter {
|
||||
get => (string)GetValue(DelimiterProperty);
|
||||
set => SetValue(DelimiterProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DependencyProperty AllItemsSelectedContentProperty = DependencyProperty.Register("AllItemsSelectedContent", typeof(string), typeof(CheckComboBox), new FrameworkPropertyMetadata("All"));
|
||||
public string AllItemsSelectedContent {
|
||||
get => (string)GetValue(AllItemsSelectedContentProperty);
|
||||
set => SetValue(AllItemsSelectedContentProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DependencyProperty IsSelectAllActiveProperty = DependencyProperty.Register("IsSelectAllActive", typeof(bool), typeof(CheckComboBox), new FrameworkPropertyMetadata(false));
|
||||
public bool IsSelectAllActive {
|
||||
get => (bool)GetValue(IsSelectAllActiveProperty);
|
||||
set => SetValue(IsSelectAllActiveProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DependencyProperty SelectAllContentProperty = DependencyProperty.Register("SelectAllContent", typeof(string), typeof(CheckComboBox), new FrameworkPropertyMetadata("All"));
|
||||
public string SelectAllContent {
|
||||
get => (string)GetValue(SelectAllContentProperty);
|
||||
set => SetValue(SelectAllContentProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DependencyProperty AllItemsSelectedProperty = DependencyProperty.Register("AllItemsSelected", typeof(bool?), typeof(CheckComboBox), new FrameworkPropertyMetadata(false));
|
||||
public bool? AllItemsSelected {
|
||||
get => (bool?)GetValue(AllItemsSelectedProperty);
|
||||
set => SetValue(AllItemsSelectedProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DependencyProperty IsDropDownOpenProperty = DependencyProperty.Register("IsDropDownOpen", typeof(bool), typeof(CheckComboBox), new FrameworkPropertyMetadata(false));
|
||||
public bool IsDropDownOpen {
|
||||
get => (bool)GetValue(IsDropDownOpenProperty);
|
||||
set => SetValue(IsDropDownOpenProperty, value);
|
||||
}
|
||||
|
||||
public static readonly DependencyProperty MaxDropDownHeightProperty = DependencyProperty.Register("MaxDropDownHeight", typeof(double), typeof(CheckComboBox), new FrameworkPropertyMetadata(ComboBox.MaxDropDownHeightProperty.DefaultMetadata.DefaultValue));
|
||||
public double MaxDropDownHeight {
|
||||
get => (double)GetValue(MaxDropDownHeightProperty);
|
||||
set => SetValue(MaxDropDownHeightProperty, value);
|
||||
}
|
||||
|
||||
static CheckComboBox() {
|
||||
DefaultStyleKeyProperty.OverrideMetadata(typeof(CheckComboBox), new FrameworkPropertyMetadata(typeof(CheckComboBox)));
|
||||
}
|
||||
|
||||
private TextBlock TextBox;
|
||||
|
||||
public CheckComboBox() {
|
||||
SelectionMode = SelectionMode.Multiple;
|
||||
}
|
||||
|
||||
public override void OnApplyTemplate() {
|
||||
TextBox = (GetTemplateChild("TextBox") as TextBlock)!;
|
||||
var button = GetTemplateChild("Button") as Button;
|
||||
button!.Click += Button_MouseDown;
|
||||
var item = GetTemplateChild("SelectAllItem") as ListBoxItem;
|
||||
item!.PreviewMouseDown += SelectAllItem_MouseDown;
|
||||
SelectionChanged += OnSelectionChanged;
|
||||
IsEnabledChanged += OnIsEnabledChanged;
|
||||
base.OnApplyTemplate();
|
||||
}
|
||||
|
||||
private void Button_MouseDown(object sender, RoutedEventArgs evt) {
|
||||
IsDropDownOpen = !IsDropDownOpen;
|
||||
}
|
||||
|
||||
private void SelectAllItem_MouseDown(object sender, RoutedEventArgs evt) {
|
||||
if (AllItemsSelected == false) {
|
||||
SelectAll();
|
||||
} else {
|
||||
UnselectAll();
|
||||
}
|
||||
evt.Handled = true;
|
||||
}
|
||||
|
||||
private void OnSelectionChanged(object sender, SelectionChangedEventArgs evt) {
|
||||
var dmp = DisplayMemberPath != null && DisplayMemberPath != "" ? DisplayMemberPath : null;
|
||||
if (SelectedItems.Count == ItemsSource.Cast<object>().Count() && AllItemsSelectedContent != null) {
|
||||
TextBox.Text = AllItemsSelectedContent;
|
||||
AllItemsSelected = true;
|
||||
} else if (SelectedItems.Count == 0) {
|
||||
TextBox.Text = "";
|
||||
AllItemsSelected = false;
|
||||
} else {
|
||||
TextBox.Text = string.Join(Delimiter,
|
||||
dmp == null ? SelectedItems.Cast<object>() :
|
||||
SelectedItems.Cast<object>()
|
||||
.Select(i => i.GetType().GetProperty(dmp)?.GetValue(i))
|
||||
);
|
||||
AllItemsSelected = null;
|
||||
}
|
||||
}
|
||||
|
||||
private void OnIsEnabledChanged(object sender, DependencyPropertyChangedEventArgs evt) {
|
||||
if (!IsEnabled) IsDropDownOpen = false;
|
||||
}
|
||||
}
|
||||
}
|
118
Elwig/Controls/CheckComboBox.xaml
Normal file
118
Elwig/Controls/CheckComboBox.xaml
Normal file
@ -0,0 +1,118 @@
|
||||
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||
xmlns:ctrl="clr-namespace:Elwig.Controls">
|
||||
<ctrl:VisibilityConverter x:Key="VisibilityConverter"/>
|
||||
<Style TargetType="ctrl:CheckComboBox" BasedOn="{StaticResource {x:Type ListBox}}">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="ctrl:CheckComboBox">
|
||||
<Grid Style="{x:Null}">
|
||||
<Button x:Name="Button" ClickMode="Press" BorderThickness="1"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
IsEnabled="{Binding IsEnabled, RelativeSource={RelativeSource TemplatedParent}}">
|
||||
<Button.Style>
|
||||
<Style TargetType="{x:Type Button}">
|
||||
<Setter Property="Background" Value="White"/>
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="{x:Type Button}">
|
||||
<Border Background="{TemplateBinding Background}" SnapsToDevicePixels="True"
|
||||
BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1">
|
||||
<ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
</Style>
|
||||
</Button.Style>
|
||||
<Path x:Name="IconDropdown" Data="M 0,0 L 3,3 L 6,0" Stroke="#FF606060" StrokeThickness="1" Margin="0,0,5,0"
|
||||
HorizontalAlignment="Right" VerticalAlignment="Center"/>
|
||||
</Button>
|
||||
<TextBlock x:Name="TextBox" Style="{x:Null}" Margin="6,0,18,0" IsHitTestVisible="False"
|
||||
HorizontalAlignment="Stretch" VerticalAlignment="Center"/>
|
||||
<Popup x:Name="Popup" Placement="Bottom" Focusable="True"
|
||||
IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
|
||||
PopupAnimation="Slide" AllowsTransparency="True">
|
||||
<Popup.Style>
|
||||
<Style TargetType="{x:Type Popup}">
|
||||
<Setter Property="StaysOpen" Value="False"/>
|
||||
<Style.Triggers>
|
||||
<DataTrigger Binding="{Binding IsMouseOver, ElementName=Button}" Value="True">
|
||||
<Setter Property="StaysOpen" Value="True"/>
|
||||
</DataTrigger>
|
||||
<DataTrigger Binding="{Binding IsMouseOver, ElementName=Border}" Value="True">
|
||||
<Setter Property="StaysOpen" Value="True"/>
|
||||
</DataTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</Popup.Style>
|
||||
<Border x:Name="Border" Style="{x:Null}" BorderThickness="1" BorderBrush="Gray" Background="White" SnapsToDevicePixels="True"
|
||||
MinWidth="{TemplateBinding ActualWidth}"
|
||||
MaxHeight="{TemplateBinding MaxDropDownHeight}">
|
||||
<DockPanel>
|
||||
<ListBoxItem x:Name="SelectAllItem" Padding="2,1,2,1" DockPanel.Dock="Top"
|
||||
Visibility="{TemplateBinding IsSelectAllActive, Converter={StaticResource VisibilityConverter}}">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<CheckBox VerticalAlignment="Center" Margin="0,0,5,0" IsThreeState="True"
|
||||
IsChecked="{Binding AllItemsSelected, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"/>
|
||||
<TextBlock Text="{TemplateBinding SelectAllContent}" VerticalAlignment="Center" Margin="0" SnapsToDevicePixels="True"/>
|
||||
</StackPanel>
|
||||
</ListBoxItem>
|
||||
<ScrollViewer Style="{x:Null}">
|
||||
<StackPanel Style="{x:Null}" IsItemsHost="True" SnapsToDevicePixels="True"
|
||||
KeyboardNavigation.DirectionalNavigation="Contained"/>
|
||||
</ScrollViewer>
|
||||
</DockPanel>
|
||||
</Border>
|
||||
</Popup>
|
||||
</Grid>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsEnabled" Value="False">
|
||||
<Setter TargetName="IconDropdown" Property="Stroke" Value="#FFA0A0A0"/>
|
||||
</Trigger>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter TargetName="IconDropdown" Property="Stroke" Value="Black"/>
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Setter Property="ItemContainerStyle">
|
||||
<Setter.Value>
|
||||
<Style TargetType="ListBoxItem">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="ListBoxItem">
|
||||
<Border BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
Background="{TemplateBinding Background}"
|
||||
Padding="2,1,2,1">
|
||||
<StackPanel Orientation="Horizontal">
|
||||
<CheckBox VerticalAlignment="Center" Margin="0,0,5,0"
|
||||
IsChecked="{Binding IsSelected, Mode=TwoWay, RelativeSource={RelativeSource AncestorType=ListBoxItem}}"/>
|
||||
<ContentPresenter VerticalAlignment="Center" Margin="0" SnapsToDevicePixels="True"/>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Setter Property="BorderThickness" Value="1"/>
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter Property="BorderBrush" Value="#FF70C0E7"/>
|
||||
<Setter Property="Background" Value="#FFE5F3FB"/>
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<Trigger Property="IsEnabled" Value="False">
|
||||
<Setter Property="Foreground" Value="Gray"/>
|
||||
</Trigger>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter Property="BorderBrush" Value="#FF7EB4EA"/>
|
||||
</Trigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</ResourceDictionary>
|
16
Elwig/Controls/VisibilityConverter.cs
Normal file
16
Elwig/Controls/VisibilityConverter.cs
Normal file
@ -0,0 +1,16 @@
|
||||
using System;
|
||||
using System.Windows;
|
||||
using System.Windows.Data;
|
||||
using System.Globalization;
|
||||
|
||||
namespace Elwig.Controls {
|
||||
public class VisibilityConverter : IValueConverter {
|
||||
public object Convert(object value, Type targetType, object parameter, CultureInfo culture) {
|
||||
return (bool)value ? Visibility.Visible : Visibility.Collapsed;
|
||||
}
|
||||
|
||||
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) {
|
||||
return (Visibility)value == Visibility.Visible;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user