ListBoxの選択を解除したい

Question

前提・実現したいこと

リストが選択される度に選択されたアイテムを追加する処理を作りたいと考えています。
（ListBoxItemをボタン代わりにしたい）

発生している問題

リストに表示されている項目のSelectedIndexが変化した場合にその項目を追加していけば良いかと思ったのですが、同じ項目の場合追加できない為、選択された際に選択を解除すれば良いかと考えました。

しかし、SelectedIndexをバインドして-1を入れても選択が解除されません。

ListBoxの選択を解除する方法があれば教えて頂きたく思います。

リストの項目をボタンのように扱う別の方法でも構いません。

該当のソースコード

<Window x:Class="BlankCoreApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:prism="http://prismlibrary.com/"
        prism:ViewModelLocator.AutoWireViewModel="True"
        Height="350" Width="525" >
    <Grid>
        <ListBox SelectedIndex="{Binding index.Value,Mode=TwoWay}">
            <ListBoxItem Content="あああ"/>
            <ListBoxItem Content="いいい"/>
            <ListBoxItem Content="ううう"/>
            <ListBoxItem Content="えええ"/>
            <ListBoxItem Content="おおお"/>
        </ListBox>
    </Grid>
</Window>

using System;
using Prism.Mvvm;
using Reactive.Bindings;

namespace BlankCoreApp1
{
    public class MainWindowViewModel : BindableBase
    {
        public ReactivePropertySlim<int> index { get; }

        public MainWindowViewModel()
        {
            index = new ReactivePropertySlim<int>();
            index.Subscribe(x => OnIndexChange(x));
        }

        private void OnIndexChange(int x)
        {
            index.Value = -1;
        }
    }
}

補足情報（FW/ツールのバージョンなど）

VisualStudio 2019 (V16.10.0)
Prism V8

Comments

[Hey_CH]

ちょっと試してないので適当なんですが、SelectedIndex=-1にしてもダメならUnselectAll()メソッドというものがあるみたいですが、ダメでしょうか？
https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.listbox.unselectall?redirectedfrom=MSDN&view=net-5.0#System_Windows_Controls_ListBox_UnselectAll

[yamaj]

ご回答ありがとうございます。
SelectionChangedでUnselectAll()を呼び出したら目的の動作になりました。
…が、コードビハインド側だと「SelectedIndex = -1」でも動くみたいです。
VM側だけでできればいいんですが、無理だと思ったらコードビハインド側に書くことにします。
（VM側に通知するルートを作るのを面倒がってるだけですが）

Answer 1

しかし、SelectedIndexをバインドして-1を入れても選択が解除されません。

今SelectedIndexが変わっている最中に、さらに変えてもダメってことじゃないでしょうか（どこかにドキュメントがありそうですが探していません^^;

-1を入れるのを少し遅らせると反映されます（なんか気持ちが悪いですが^^;

リストの項目をボタンのように扱う別の方法でも構いません。

選択に意味はなく単にボタンを並べるという使い方なら、ItemsControlでいいと思います。
ItemsControl 攻略 ～ 外観のカスタマイズ | grabacr.nét

<Window
  x:Class="Questions343230.Views.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:prism="http://prismlibrary.com/"
  Width="525"
  Height="350"
  prism:ViewModelLocator.AutoWireViewModel="True">
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <GroupBox Header="ListBox">
      <ListBox ItemsSource="{Binding Items}" SelectedIndex="{Binding Index.Value}" />
    </GroupBox>

    <GroupBox Grid.Column="1" Header="ItemsControl">
      <ItemsControl ItemsSource="{Binding Items}">
        <ItemsControl.ItemTemplate>
          <DataTemplate>
            <Button
              Command="{Binding DataContext.Command, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}}"
              CommandParameter="{Binding}"
              Content="{Binding}" />
          </DataTemplate>
        </ItemsControl.ItemTemplate>
      </ItemsControl>
    </GroupBox>
  </Grid>
</Window>

using Prism.Mvvm;
using Reactive.Bindings;
using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.Reactive.Linq;
using System.Threading.Tasks;

namespace Questions343230.ViewModels
{
    public class MainWindowViewModel : BindableBase
    {
        public List<string> Items { get; } = new List<string> { "あああ", "いいい", "ううう", "えええ", "おおお", };
        public ReactivePropertySlim<int> Index { get; } = new ReactivePropertySlim<int>();
        public ReactiveCommand<string> Command { get; } = new ReactiveCommand<string>();

        public MainWindowViewModel()
        {
            Index.Subscribe(OnIndexChange);
            Command.Subscribe(x => Debug.WriteLine(x));
        }

        // fire & forget
        private async void OnIndexChange(int x)
        {
            if (x == -1) return;
            Debug.WriteLine(x);

            // わかりやすいように１秒待つ
            await Task.Delay(1000);

            // 選択時のハイライトがちょうどクリック感があっていい感じｗ
            //await Task.Delay(100);

            // おそらくこれでもいい気がするが、根拠はない
            //await Task.Delay(1);

            Index.Value = -1;
        }
    }
}

Comments

[yamaj]

毎度ありがとうございます。
イチから勉強している訳ではなく、欲しいものだけを検索してつまみ食いしている感じなので、知らないことが沢山あるなと感じました。
（「Index.Subscribe(OnIndexChange);」と書けるとは…。）
今回はボタンの方を使わせて頂きます。

ありがとうございました。

[yamaj]

ボタンで行けると思ったら、スワイプでスクロール出来ませんでした…。
TouchUp及びMouseUpにて対応する事で解決できました。

Answer 2

クリックイベントで追加するようにしては

Comments

[yamaj]

クリックイベントはリスト外は反応しますが、リストをクリックしても飛んでこないようです。
何かプロパティで設定あるのでしょうか…。

<ListBox>
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseDown">
<i:InvokeCommandAction Command="{Binding ClickCommand, Mode=OneWay}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
<ListBoxItem Content="あああ"/>
<ListBoxItem Content="いいい"/>
<ListBoxItem Content="ううう"/>
<ListBoxItem Content="えええ"/>
<ListBoxItem Content="おおお"/>
</ListBox>

[y_waiwai]

OnMouseRightButtonDownってのはあるみたいですね

＃ OnMouseDoubleClickのほうがいいのかも

[yamaj]

MouseRightButtonDownも一緒で、リスト外しか反応しないですね。

[yamaj]

TouchDownイベントは取れましたが、どのアイテムが選択されたかを取得するのができないですね。
こちらは、多分TouchUp後に擬似MouseUpが発生して、そちらで選択が処理されるからではないかと推察します。

[y_waiwai]

マウスの位置からどの項目をクリックしたのかを算出してはどうでしょう