wpf - コントロールテンプレートのボタンを使用し、コードビハインドなしでwpfリストボックスの選択をクリアします

Question

ユーザーがクリックできるを含むStyleWPFのを作成し、選択をクリアしたいと考えています。これを任意の に適用できるように、コードビハインドを使用したくありません。私はs とs を使用してみましたが、最初にしか機能せず、セットを以前の選択に戻して停止するため、問題があることが判明しました。ユーザー コントロールを使用できることはわかっていますが、.ListBoxButtonControlTemplateListBoxStyleListBoxEventTriggerStoryboardStoryboardStyle

Answer 1

XAML と .NET フレームワークによって提供されるクラスのみを使用してこれを実現することはできません。ClearSelectionCommandただし、新しいコマンド ( と呼ぶ) と新しい添付プロパティ ( と呼ぶ) を定義することで、再利用可能なソリューションを作成できますClearSelectionOnCommand。

次に、それらの要素をスタイルに組み込むことができます。

例：

public class SelectorBehavior
{
    public static RoutedCommand 
        ClearSelectionCommand = 
            new RoutedCommand(
                "ClearSelectionCommand", 
                typeof(SelectorBehavior));

    public static bool GetClearSelectionOnCommand(DependencyObject obj)
    {
        return (bool)obj.GetValue(ClearSelectionOnCommandProperty);
    }

    public static void SetClearSelectionOnCommand(
        DependencyObject obj, 
        bool value)
    {
        obj.SetValue(ClearSelectionOnCommandProperty, value);
    }

    public static readonly DependencyProperty ClearSelectionOnCommandProperty =
        DependencyProperty.RegisterAttached(
            "ClearSelectionOnCommand", 
            typeof(bool), 
            typeof(SelectorBehavior), 
            new UIPropertyMetadata(false, OnClearSelectionOnCommandChanged));

    public static void OnClearSelectionOnCommandChanged(
        DependencyObject d, 
        DependencyPropertyChangedEventArgs e)
    {
        Selector selector = d as Selector;
        if (selector == null) return;
        bool nv = (bool)e.NewValue, ov = (bool)e.OldValue;
        if (nv == ov) return;

        if (nv)
        {
            selector.CommandBindings.Add(
                new CommandBinding(
                    ClearSelectionCommand, 
                    ClearSelectionCommand_Executed, 
                    ClearSelectionCommand_CanExecute));
        }
        else
        {
            var cmd = selector
                        .CommandBindings
                        .Cast<CommandBinding>()
                        .SingleOrDefault(x => 
                            x.Command == ClearSelectionCommand);
            if (cmd != null)
                selector.CommandBindings.Remove(cmd);
        }
    }

    public static void ClearSelectionCommand_Executed(
        object sender, 
        ExecutedRoutedEventArgs e)
    {
        Selector selector = (Selector)sender;
        selector.SelectedIndex = -1;
    }

    public static void ClearSelectionCommand_CanExecute(
        object sender, 
        CanExecuteRoutedEventArgs e)
    {
        e.CanExecute = true;
    }
}

使用例 - XAML:

<Window x:Class="ClearSelectionBehaviorLibrary.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:ClearSelectionBehaviorLibrary"
    Title="Window1" Height="300" Width="300">
    <Window.Resources>
        <Style x:Key="MyStyle" TargetType="Selector">
            <Setter 
                Property="local:SelectorBehavior.ClearSelectionOnCommand" 
                Value="True"/>
        </Style>
    </Window.Resources>
    <Grid>
        <DockPanel>
            <Button 
                DockPanel.Dock="Bottom"
                Content="Clear"
                Command="{x:Static local:SelectorBehavior.ClearSelectionCommand}"
                CommandTarget="{Binding ElementName=TheListBox}"/>
            <ListBox
                Name="TheListBox" 
                ItemsSource="{Binding MyData}" 
                Style="{StaticResource MyStyle}"/>
        </DockPanel>
    </Grid>
</Window>

使用例 - コード ビハインド:

public partial class Window1 : Window
{
    public List<string> MyData { get; set; }

    public Window1()
    {
        MyData = new List<string>
        {
            "aa","bb","cc","dd","ee"
        };
        InitializeComponent();
        DataContext = this;
    }
}