ViewModel（UWP）の "カスタム" RichEditBoxのカスタムプロパティへの双方向バインディング

Question

UWPアプリケーションでは、RichEditBoxコントロールは、テキストを渡す必要があるときに、MVVMベースのデザインパターンではうまく機能しませんそれはViewModelの中にあるので、カスタムバージョンを作成しました。

カスタムRichEditBoxには、カスタムDependencyPropertyというTextがあります。私の目標は、単に私のViewModelにある文字列プロパティにそのプロパティを双方向でバインドすることです。そうすれば、ViewModelの文字列を使用して、カスタムRichEditBoxにテキストを設定/取得することができます。これはXAMLアプローチをとると簡単に機能します。私のコードビハインドファイルでこれをどうやって行うことができますか？私はやってみました。ありがとう。

Answer 1

カスタムRichEditBoxには、カスタムのDependencyPropertyというテキストがあります。私の目標は、単に私のViewModelにある文字列プロパティにそのプロパティを双方向でバインドすることです。そうすれば、ViewModelの文字列を使用して、カスタムRichEditBoxにテキストを設定/取得することができます。

RichEditBoxの場合、CustomTextプロパティを拡張することができます。あなたが知っている通りRichEditBoxの文字列をDocument.SetTextとDocument.GetTextで取得または設定できます。そして、RichEditBoxというテキストの変更を聞いて、 TextChangedイベントで聞くことができました。私は双方向バインディングCustomTextプロパティを持つCustomRichEditBoxを作成しました。次のコードを参考にしてください。

public string CustomText 
    { 
     get { return (string)GetValue(CustomTextProperty); } 
     set 
     { 
      SetValue(CustomTextProperty, value); 
     } 
    } 

    public static readonly DependencyProperty CustomTextProperty = 
     DependencyProperty.Register("CustomText", typeof(string), typeof(CustomRichEditBox), new PropertyMetadata(null, new PropertyChangedCallback(OnCustomTextChanged))); 

    private static void OnCustomTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
    { 
     CustomRichEditBox rich = d as CustomRichEditBox; 
     if (e.NewValue != e.OldValue) 
     { 
      rich.Document.SetText(Windows.UI.Text.TextSetOptions.None, e.NewValue.ToString()); 
     } 
    } 

View-modelを変更する動的RichEditBoxテキストの変更を監視します。

public CustomRichEditBox() 
{ 
    this.DefaultStyleKey = typeof(RichEditBox); 
    this.TextChanged += CustomRichEditBox_TextChanged; 
} 

private void CustomRichEditBox_TextChanged(object sender, RoutedEventArgs e) 
{ 
    string value = string.Empty; 
    this.Document.GetText(Windows.UI.Text.TextGetOptions.AdjustCrlf, out value); 
    if (string.IsNullOrEmpty(value)) 
    { 
     return; 
    } 
    CustomText = value; 
} 

コードビハインドファイルのコントロールにViewModelをバインドする場合は、次のコードを参照することができます。

Binding myBinding = new Binding(); 
myBinding.Source = this.DataContext; 
myBinding.Path = new PropertyPath("Info"); 
myBinding.Mode = BindingMode.TwoWay; 
myBinding.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged; 
BindingOperations.SetBinding(MyEditBox, CustomRichEditBox.CustomTextProperty, myBinding); 

githubにcode sampleをアップロードしました。チェックしてください。