[WPF]TextBoxからはみ出した文字を右詰めで表示したい

Question

＜状況＞
WPF（.NET Framwork）で下記のUIを作成中

・ボタンを押すと、ファイルOpenダイアログを表示し、ファイルを開く
↓
・開いたファイルはボタン横のテキストボックスにフルパスで表示する（後にこのフルパスを使う）
↓
・デザイン上、テキストボックスのサイズが小さいのでフルパスが表示しきれない
（パスの先頭から表示しており、ファイル名が見えない）

＜やりたいこと＞
・ユーザーにとって大事なのはファイル名なので、右詰めで表示し、先頭を省略したい
・あるいは、テキストボックスをクリックしたときに、全体を表示するようにしたい
・その他、別の方法、アプローチがあれば知りたい

＜試したこと＞
・HorizontalContentAlignmentをRightにしたが、省略されずにパスの先頭から表示してしまう

Answer 1

編集する（させる）気はない

<TextBox FlowDirection="RightToLeft" IsReadOnly="True"
簡便さや文字のコピーができる点は良い（個人的には短いテキストの時は、左に寄っていてほしいが^^;
コンテキストメニューも反転する（ので自前追加か？）

パスの真ん中を「...」のように省略するってのは割とよくあるが、コピーできないのでは（個人的には）使えないですね（すべて確認したわけではありません）
WPF PathTrimmingTextBlock - CodeProject
Search · PathTrimmingTextBlock

編集もしたい

RightToLeftでは左右キーが逆になるのがイヤすぎるので、この手は使えない。

コードビハインドでText設定

（バカバカしいが）Text設定時にスクロールさせる。
サイズ変更には連動しない（SizeChangedで同様のことをすればいいが、個人的にはやりすぎかなと思う）

Textにバインド

NotifyOnTargetUpdatedが必要（これ以外ユーザー入力とプログラムからの設定を、見分ける方法がない？）
TargetUpdatedをビヘイビアにするのは簡単なので、MVVM教の方も安心です。

クリックしたとき全体表示

Popupを使えばいいのですが、（実際は別ウィンドウという都合上）非常に癖が強く扱いが難しいです。

見た目も操作性も上々ですが、スクリーンキーボードで入力できない（入力しようとすると閉じてしまう）のが個人的には激痛です（StaysOpen="True"で自前管理することはできますが、私の納得いく挙動にするのはおそらく不可能）

これをビヘイビアにするのは、考慮事項が多すぎて相当難易度が高い（そもそもPopupをどこに挟むかだけでも難しい...）

それ以外の方法

• ToolTip
• パスとファイル名を別に表示
• デザインを考え直す^^;

---

<Window
  x:Class="Qmyuauinf4ppigc.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="400"
  SizeToContent="Height">
  <StackPanel>
    <UniformGrid Margin="10" Rows="1">
      <Button Click="ShortButton_Click" Content="short text" />
      <Button Click="LongButton_Click" Content="long text" />
    </UniformGrid>

    <GroupBox Margin="10" Header="RightToLeft">
      <TextBox FlowDirection="RightToLeft" Text="{Binding Text}" />
    </GroupBox>

    <GroupBox Margin="10" Header="RightToLeft ReadOnly">
      <TextBox
        FlowDirection="RightToLeft"
        IsReadOnly="True"
        Text="{Binding Text}"
        ToolTip="{Binding Text, RelativeSource={RelativeSource Self}}">
        <!--  ContextMenuも逆になるので仕方がない。こだわる場合は↓参照  -->
        <!--  [Add items to the Default Context Menu in WPF C# | The Devpit](http://the-devpit.net/serendipity/index.php?/archives/217-Add-items-to-the-Default-Context-Menu-in-WPF-C.html)  -->
        <TextBox.ContextMenu>
          <ContextMenu FlowDirection="LeftToRight">
            <MenuItem Command="ApplicationCommands.Copy" />
            <MenuItem Command="ApplicationCommands.Cut" />
            <MenuItem Command="ApplicationCommands.Paste" />
          </ContextMenu>
        </TextBox.ContextMenu>
      </TextBox>
    </GroupBox>

    <GroupBox Margin="10" Header="Code Behind">
      <TextBox x:Name="textBox1" />
    </GroupBox>

    <GroupBox Margin="10" Header="Binding">
      <TextBox
        x:Name="textBox2"
        TargetUpdated="OnTargetUpdated"
        Text="{Binding Text, NotifyOnTargetUpdated=True}" />
    </GroupBox>

    <GroupBox Margin="10" Header="Popup">
      <Grid>
        <TextBox
          x:Name="textBox"
          PreviewMouseDown="TextBox_PreviewMouseDown"
          Text="{Binding Text}" />
        <Popup
          x:Name="popup"
          Width="{Binding ActualWidth, ElementName=textBox}"
          Opened="Popup_Opened"
          Placement="Relative"
          PlacementTarget="{Binding ElementName=textBox}"
          StaysOpen="False">
          <TextBox
            x:Name="popupInTextBox"
            Text="{Binding Text, ElementName=textBox}"
            TextWrapping="Wrap" />
        </Popup>
      </Grid>
    </GroupBox>
  </StackPanel>
</Window>

using System;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Runtime.InteropServices;
using System.Windows;
using System.Windows.Controls.Primitives;
using System.Windows.Data;
using System.Windows.Input;
using System.Windows.Interop;

namespace Qmyuauinf4ppigc
{
    public partial class MainWindow : Window, INotifyPropertyChanged
    {
        private const string shortText = @"C:\hoge.txt";
        private const string longText = @"C:\Program Files\Microsoft Visual Studio\2022\Community\Common7\IDE\devenv.exe";

        public string Text { get => _Text; set => Set(ref _Text, value); }
        private string _Text;

        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
        }

        private void ShortButton_Click(object sender, RoutedEventArgs e)
        {
            // 連続して同じボタンを押すと変更通知が来ないのでダミーでクリアしているが
            // 実用上はそういうことはほぼないだろうからしなくてよい
            Text = "";
            Text = shortText;

            // バカバカしいがわかりやすいとも言える？^^;
            textBox1.Text = shortText;
            textBox1.CaretIndex = textBox1.Text.Length;
            textBox1.ScrollToHorizontalOffset(double.MaxValue);
        }
        private void LongButton_Click(object sender, RoutedEventArgs e)
        {
            Text = "";
            Text = longText;

            textBox1.Text = longText;
            textBox1.CaretIndex = textBox1.Text.Length;
            textBox1.ScrollToHorizontalOffset(double.MaxValue);
        }

        private void OnTargetUpdated(object sender, DataTransferEventArgs args)
        {
            textBox2.CaretIndex = textBox2.Text.Length;
            textBox2.ScrollToHorizontalOffset(double.MaxValue);
        }


        private void TextBox_PreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            popup.IsOpen = true;
            popupInTextBox.Focus();
        }

        [DllImport("USER32")] public static extern bool SetForegroundWindow(IntPtr hWnd);
        private void Popup_Opened(object sender, System.EventArgs e)
        {
            if (sender is Popup popup)
            {
                // これをしないとIMEオンの時、画面左上に入力欄が出る
                // [[Solved] Text box is not working in WPF Popup - CodeProject](https://www.codeproject.com/Questions/184429/Text-box-is-not-working-in-WPF-Popup)
                var source = (HwndSource)PresentationSource.FromVisual(popup.Child);
                SetForegroundWindow(source.Handle);
            }
        }

        #region INotifyPropertyChanged
        public event PropertyChangedEventHandler PropertyChanged;
        protected void Set<T>(ref T storage, T value, [CallerMemberName] string propertyName = null)
        {
            if (Equals(storage, value)) return;
            storage = value;
            OnPropertyChanged(propertyName);
        }
        protected void OnPropertyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        #endregion
    }
}

Answer 2

このケースの場合はHorizontalContentAlignmentではなくFlowDirectionを設定します

<TextBox FlowDirection="RightToLeft" Text="長い文字列" />

詳しくはWPF の双方向機能の概要

Comments

[TN8001]

TextBlockならいいでしょうけど、TextBoxでは←→キーの反転がイヤすぎませんか？