WPFのXAMLのStringFormatの書式指定を切り替えて設定したい

Question

前提・実現したいこと

WPFアプリの開発を行っています。
１つのテキストボックスにStringFormatで数値の書式設定をしたい。
入力される数値は整数（小数点以下の桁なし）または実数（小数点以下２桁または３桁）
できれば日付の形式（yyyy/MM/dd）も入力できるようにしたい。

試したこと

入力される数値の桁数が固定であればStringFormatに下記のように指定して設定できたのですが、
今回の場合、入力された数値の桁数を判別して桁区切りと小数点以下の表示を切り替えたいです。
コード側で条件分岐してバインディングしようとしている値を先に加工した方が良いのでしょうか。
回答よろしくお願いします。

サンプルコード（実際は１つのテキストボックスで書式のみを切り替えたい）

<!-- 整数の場合桁区切りのみ -->
<TextBox Text="{Binding hoge, StringFormat={}{0:N0}}">
<!-- 実数の場合桁区切りと小数点以下の桁数を指定のみ -->
<TextBox Text="{Binding fuga, StringFormat={}{0:N2}}">
<!-- 日付の場合日付の書式を指定 -->
<TextBox Text="{Binding piyo, StringFormat={}{0:yyyy/MM/dd}}">

開発環境

VisualStudio 2017
.NET Framework 4.6.1

Comments

[Zuishin]

バインドしたいデータの型は何なんでしょうか？
ここに書いてあることからだけ判断すれば、DateTime とも double とも互換性のある独自クラスを作るように読めますが、実際そのクラスはできているんでしょうか？

[退会済みユーザー]

バインドしたいデータの型はstringです。
下記の様な入力を想定して書式指定したいと考えています。
日付は難しいようであれば整数と実数だけでも対応できるようにしたいです。
よろしくお願いします。

整数入力：15000→15,000 書式指定N0
実数（小数点以下2桁）入力：1234.56→1,234.56 書式指定N2
実数（小数点以下3桁）入力：1234.567→1,234.567 書式指定N3
日付入力：2019/5/1→2019/05/01 書式指定yyyy/MM/dd

[Zuishin]

回答しました。
小数点以下第二位と第三位を別にする意味がわからなかったのでまとめていますが、それ以外はここに書かれた通りに動いているはずです。思いと違うところがあるなら言わなければわかりません。

DateTime とも double とも互換性のある独自クラスではなく、文字列ということなので、文字列としての処理しかしていません。数値としての処理が必要なら、この文字列を数値に直すためのコードが追加で必要になるでしょうが、それはまた別の問題のはずです。

[退会済みユーザー]

回答ありがとうございます。
小数点以下第二位と第三位を別にするのは客先毎の仕様で２桁で表示する帳票と３桁まで表示する帳票があり、どちらの帳票を出力するかで桁数を切り替えるためでした。
回答していただいたプログラムを参考に２桁と３桁を分ける処理を追加して動作確認できました。
ありがとうございました。

Answer 1

バインドするデータが文字列でいいなら XAML の方は特別な工夫は入りません。その文字列をプロパティに持つクラスを作り、普通にバインドしてください。

クラスの方でプロパティのセッターを工夫し、何か値が入れられたらそれを検証してプロパティの値を調整するようにしてください。

追記

XAML

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:ViewModel/>
    </Window.DataContext>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <TextBox Grid.Row="0" Grid.Column="0" Text="{Binding TextValue}"/>
        <Button Grid.Row="0" Grid.Column="1">Click</Button>
    </Grid>
</Window>

ViewModel.cs

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace WpfApp1
{
	public class ViewModel : INotifyPropertyChanged
	{
		#region INotifyPropertyChanged
		public event PropertyChangedEventHandler PropertyChanged;
		protected virtual void OnPropertyChanged(string propertyName)
		{
			PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
		}
		protected bool SetProperty<T>(ref T field, T value, [CallerMemberName]string propertyName = null)
		{
			if (EqualityComparer<T>.Default.Equals(field, value)) return false;
			field = value;
			OnPropertyChanged(propertyName);
			return true;
		}
		#endregion

		private string textValue;
		public string TextValue
		{
			get => textValue;
			set
			{
				if (DateTime.TryParse(value, out DateTime dateTime))
				{
					value = dateTime.ToString("yyyy/MM/dd");
				}
				else if (int.TryParse(value, out int i))
				{
					value = i.ToString("N0");
				}
				else if (double.TryParse(value, out double d))
				{
					value = d.ToString("N2");
				}
				SetProperty(ref textValue, value);
			}
		}
	}
}

Answer 2

入力用のコントロール(TextBox)と表示用のコントロール(TextBlock)を分けたほうが良いでしょう。
WPFはコントロールを重ねたり切り替えることができます。
ただし一箇所に色々詰め込むのは、UI設計/UX設計ともに褒められたことではありません。
また、それ以上にバインド先が複雑になりプログラム設計としてとてもうまくありません。
考え直すことをお勧めします。

Comments

[退会済みユーザー]

回答ありがとうございます。
確かにプログラム設計として良くないのかもしれないです。
導入先からの要求なので変更は難しいのですが他に方法がないか検討してみます。