[WPF] DataTriggerのValueにはバインドできない？

Question

実現したいこと

WPFのListBoxを使って、あるSNSのアカウントごとにAPIを使用してダイレクトメッセージをLINE風に表示しようとしています。
相手の発言が左、自分の発言が右に来るようにListBoxのStyleを動的に変更しようとしました。
アカウントを選択すると、そのアカウントの情報はVMのAccountに格納されます。
AccountData.Usernameが自分のユーザー名、DirectMessageItem.Usernameが相手のユーザー名になります。
この2つの変数をDataTriggerで比較して同一だった場合はHorizontalAlignmentプロパティをRightにすればいいかなと思ったんですが、DataTriggerのValueはバインドできませんでした。(Bindingは使えないというエラーメッセージ)
なのでDynamicResourcesを使おうと思ったんですが、調べてもResoucesに単純なstringをバインドする方法が見つかりませんでした。
なにか解決策はあるでしょうか？

コード

※省略してあります

ViewModel

public class DirectMessageViewModel
{
        public ReactiveProperty<AccountData> Account { get; set; } = new();
        public ReactiveCollection<DirectMessageItem> MessageInfos { get; set; } = new();
}

View

<ListBox Grid.Row="0" MinHeight="200" ItemsSource="{Binding MessageInfos}"
                     ScrollViewer.VerticalScrollBarVisibility="Auto" md:ThemeAssist.Theme="Dark" md:ListBoxAssist.IsToggle="False">
	<ListBox.ItemTemplate>
		<DataTemplate>
			<md:Card Margin="2" Padding="20" md:ShadowAssist.ShadowDepth="Depth2">
				<StackPanel>
					<TextBlock Text="{Binding Username}" HorizontalAlignment="Center" />
					<Separator Margin="2 5" />
					<TextBlock Margin="10 0 0 0" Text="{Binding Message}" />
				</StackPanel>
			</md:Card>
		</DataTemplate>
	</ListBox.ItemTemplate>
</ListBox>

環境

.NET Framework v4.8

Answer 1

相手の発言が左、自分の発言が右に来るようにListBoxのStyleを動的に変更しようとしました。

正確にはListBoxのItemContainerStyleで、ListBoxItemのStyleをDataTriggerで変えるということですね？

DataTriggerのValueはバインドできませんでした。(Bindingは使えないというエラーメッセージ)

できなかったことも「試したこと」として提示いただけると、やりたいことがはっきりして回答しやすいです。

DynamicResourcesを使おうと思ったんですが、調べてもResoucesに単純なstringをバインドする方法が見つかりませんでした。

こういうことか自信がありませんが、回答コードにはコメントで入れた通り結論はダメでした。

※省略してあります

もちろん全部出されても困りますが、もう少しないとこちらで再現コードを書く手間と認識があっているかの確信が持てないです^^;

---

前置きが長すぎましたが質問について、「wpf datatrigger value binding」で検索したところ↓がヒットしました。
.net - Using binding for the Value property of DataTrigger condition - Stack Overflow

コンバータが必要なのがちょっと気になります^^;（ほかのアプローチも何かありそうですが

<Window
  x:Class="Questions345940.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:Questions345940"
  xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
  xmlns:sys="clr-namespace:System;assembly=mscorlib"
  Width="400"
  Height="600">
  <Window.Resources>
    <local:MultiValueEqualityConverter x:Key="multiValueEqualityConverter" />
    <!--<sys:String x:Key="myname">dekaribon</sys:String>-->
  </Window.Resources>
  <Window.DataContext>
    <local:DirectMessageViewModel />
  </Window.DataContext>
  <DockPanel>
    <DockPanel DockPanel.Dock="Bottom">
      <Button
        Command="{Binding SendCommand}"
        Content="send"
        DockPanel.Dock="Right" />
      <RadioButton
        Content="dekaribon"
        IsChecked="{Binding IsChecked.Value}"
        Style="{StaticResource MaterialDesignChoiceChipRadioButton}" />
      <RadioButton Content="TN8001" Style="{StaticResource MaterialDesignChoiceChipRadioButton}" />
      <TextBox VerticalAlignment="Center" md:HintAssist.Hint="message" />
    </DockPanel>

    <ListBox md:ThemeAssist.Theme="Dark" ItemsSource="{Binding MessageInfos}">
      <ListBox.ItemContainerStyle>
        <Style BasedOn="{StaticResource MaterialDesignListBoxItem}" TargetType="ListBoxItem">
          <Setter Property="HorizontalAlignment" Value="Left" />
          <Style.Triggers>
            <DataTrigger Value="True">
              <DataTrigger.Binding>
                <MultiBinding Converter="{StaticResource multiValueEqualityConverter}">
                  <Binding Path="Username" />
                  <Binding Path="DataContext.Account.Value.Username" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type ListBox}}" />
                </MultiBinding>
              </DataTrigger.Binding>
              <Setter Property="HorizontalAlignment" Value="Right" />
            </DataTrigger>

            <!--  XDG0062	'DynamicResourceExtension' は、有効なトリガーの条件ではありません。  -->
            <!--<DataTrigger Binding="{Binding Username}" Value="{DynamicResource myname}">
              <Setter Property="HorizontalAlignment" Value="Right" />
            </DataTrigger>-->
          </Style.Triggers>
        </Style>
      </ListBox.ItemContainerStyle>
      <ListBox.ItemTemplate>
        <DataTemplate>
          <md:Card
            Margin="2"
            Padding="20"
            md:ShadowAssist.ShadowDepth="Depth2">
            <StackPanel>
              <TextBlock HorizontalAlignment="Center" Text="{Binding Username}" />
              <Separator Margin="2,5" />
              <TextBlock Margin="10,0,0,0" Text="{Binding Message}" />
            </StackPanel>
          </md:Card>
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>
  </DockPanel>
</Window>

using Reactive.Bindings;
using System;
using System.Globalization;
using System.Linq;
using System.Windows;
using System.Windows.Data;

namespace Questions345940
{
    // [.net - Using binding for the Value property of DataTrigger condition - Stack Overflow](https://stackoverflow.com/questions/2240421/using-binding-for-the-value-property-of-datatrigger-condition)
    public class MultiValueEqualityConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
            => values?.All(o => o?.Equals(values[0]) == true) == true || values?.All(o => o == null) == true;
        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
            => throw new NotImplementedException();
    }

    public class AccountData
    {
        public string Username { get; set; }
    }

    public class DirectMessageItem
    {
        public string Username { get; set; }
        public string Message { get; set; }
    }

    public class DirectMessageViewModel
    {
        public ReactiveProperty<AccountData> Account { get; } = new();
        public ReactiveCollection<DirectMessageItem> MessageInfos { get; } = new();
        public ReactiveCommand<string> SendCommand { get; } = new();
        public ReactiveProperty<bool> IsChecked { get; } = new(true);

        public DirectMessageViewModel()
        {
            Account.Value = new() { Username = "dekaribon", };
            MessageInfos.Add(new() { Username = "dekaribon", Message = "aaa", });
            MessageInfos.Add(new() { Username = "TN8001", Message = "bbb", });

            SendCommand.Subscribe(message =>
            {
                MessageInfos.Add(new()
                {
                    Username = Account.Value.Username,
                    Message = message,
                });
            });

            // アカウントチェンジ（不自然なチェンジだが、入れ替わりのテスト
            IsChecked.Subscribe(x =>
            {
                Account.Value = x ? new() { Username = "dekaribon", }
                                  : new() { Username = "TN8001", };
            });
        }
    }

    public partial class MainWindow : Window
    {
        public MainWindow() => InitializeComponent();
    }
}

---

以降は質問には関係ないんですが、コードを書いていて不思議に思ったことです。

あるSNSのアカウントごとにAPIを使用してダイレクトメッセージをLINE風に表示しようとしています。

AccountData.Usernameが自分のユーザー名、DirectMessageItem.Usernameが相手のユーザー名になります。

私が理解できていないだけかもしれませんが、逆じゃないですか？
「アカウントごと」というのは、DirectMessageViewModelごとという意味ですよね？
DirectMessageViewModelのリストがあり、自分<->Aさん・自分<->Bさん等になるんですよね？
自分と相手しかいないのであれば、Account.Usernameに自明な自分より相手の名前があったほうが便利そうですが（それとも最初から複垢想定？^^;

AccountがReactivePropertyなのも「あれ？」と思いました。
変更される時があるということですかね？（DirectMessageViewModelは一つで使いまわす設計？）

それを逆手にとって、回答コードは入れ替わりのテストができたのですが^^;

あとThemeAssist.Theme="Dark"の当て方はあっているんでしょうか？
回答コードだとListBoxの選択が見えない（これは結果OKっぽい）のと、スクロールバーの色が見えなくなりました^^;

Comments

[dekaribon]

回答ありがとうございます。
コードの省略は失礼しました。
以後気をつけます。
MultiBindingとコンバータを使うんですね。
こんな方法があったとは、勉強になります。

複数アカウント想定で同じviewmodelにアカウントのコレクションがあります。
それをdatagridにバインドして、選択されたものがAccountになるという感じです。