Clever Geek Handbook

動的タイプを使用した動的プロキシオブジェクトの作成

アプリケーション用に別のUIを作成するタスクに直面している多くの人々と同様、私はUIの独自のモデルを作成する必要性に定期的に遭遇します。 そして、これはそれから来たものです。



問題の声明



たとえば、このような構造のRegionクラスがあります

public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



  1. public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



  2. public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



  3. public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



  4. public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



  5. public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



  6. public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .



public class Region { public string Name { get ; set ; } public int Index { get ; set ; } public IEnumerable <Region> SubRegions { get ; set ; } } * This source code was highlighted with Source Code Highlighter .





また、このモデルに従って構築された領域のツリーをUIでユーザーに表示するタスクがあり、さらに処理が必要な特定の領域を選択する機会を与えます。 MVVMアーキテクチャでUIを作成している場合、 Regionクラスに似た構造を持つIsSelectedプロパティが追加されたRegionViewModel型のクラスを作成する必要があることは明らかです。 さらに、 RegionRegionのSubRegionsプロパティがIEnumerable <RegionViewModel>型の列挙子を返した場合、すべてのUIコードが、 RegionViewModelリストでツリービューツリービューを作成し、 IsSelectedプロパティがtrueであるすべてのRegionViewModelを取得する関数になります 。 しかし、問題は何ですか？ 問題は、 RegionViewModelクラスのコードのほとんどが、データをRegionクラスに転送し、それをラップすることです。 もちろん、このような実装は可能です。





  1. パブリック クラス RegionViewModel
  2. {
  3. パブリックリージョン値{ get ; セット ; }
  4. public IEnumerable <RegionViewModel> SubRegions { get { /*...*/ }}
  5. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


ただし、 SubRegionsプロパティを手作業で実装する必要もあります。 また、 RegionがINotifyPropertyChangedを実装していない場合、ほとんどの場合、各プロパティを自分の手で記述し、対応するイベントへの呼び出しを追加して値を設定する必要があります。

上記のようなタスクが頻繁に発生する場合は、毎回手でビューモデルを作成すると疲れる可能性があります。 したがって、私はこのプロセスの自動化の質問をしました、そして、これは何が起こったかです。



可能な解決策



よく見ると、タスクが特定のクラスのプロキシを作成する特定のプロキシジェネレーターを作成し、それをINotifyPropertyChanged 、または/などのいくつかの側面で補完し、新しいプロパティ、メソッドなどを追加することが明らかになります。 .netスタックは、プロキシを作成するために何を提供しますか？



次のソリューションを区別できます



5番目のオプションを選択したのは、 RealProxyはモデルクラス自体への介入を必要とします。城からのプロキシはクラスの仮想メンバーのみをインターセプトし、シャープ後の費用はかかります。宗教上の理由からコード生成は好きではありません。 さらに、独自の自転車を作成することは常に興味深いものです。

実装



そのため、主なアイデアは次のとおりです。DynamicObject型から継承し、 TryInvokeMember 、 TrySetMember 、およびTryGetMemberをオーバーライドするクラスを記述します。

例えば





  1. public override bool TryInvokeMember（InvokeMemberBinderバインダ、 オブジェクト [] args、 out オブジェクトの結果）
  2. {
  3. result = _methods.ContainsKey（binder.Name）？ _methods [binder.Name] .DynamicInvoke（ new [] { this } .Concat（args）.ToArray（））：InvokeNativeMethod（binder.Name、args）;
  5. 結果= GetResult（結果）;
  7. trueを 返し ます 。
  8. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


入力で目的のオブジェクトを受け入れ、クラスのメンバーを呼び出そうとすると、彼はこのオブジェクトに呼び出しを転送します。 これに、新しいメソッドとプロパティを追加する機能を追加します。 オブジェクトを構築するには、Fluent Builderパターンを使用します。



プロキシクラスコード自体は非常に大きい（約280行）ことが判明したため、それを見たい人は投稿の下部にあるリンクからソースとすべての例をダウンロードできます。 ここで使用例を示します。



プロパティを追加する







  1. プライベート クラス MyClass
  2. {
  3. MyClass _i;
  5. パブリック ストリング Name { get ; セット ; }
  6. パブリック MyClass Foo（）
  7. {
  8. return _i ?? （_i = 新しい MyClass {Name = "_sdfdsfsdfsfd" }）;
  9. }
  11. public IEnumerable <MyClass> GetChilds（）
  12. {
  13. yield return new MyClass（）;
  14. yield return new MyClass（）;
  15. }
  16. }
  18. [テスト方法]
  19. public void TestAddProperties（）
  20. {
  21. var a = new MyClass {Name = "123" };
  23. Assert.AreEqual（ "123" 、a.Name）;
  24. 動的プロキシ= DynamicProxy.Create（a）.AddProperty < bool >（ "IsSelected" ）
  25. .AddProperty（ "X" 、_ => x、（_、 value ）=> x = value ）
  26. .AddProperty（ "LastName" 、 "FFFF" ）
  29. proxy.Name = "567" ;
  30. proxy.IsSelected = true ;
  31. proxy.X = 42;
  33. Assert.AreEqual（ "567" 、a.Name）;
  34. Assert.IsTrue（proxy.IsSelected）;
  35. Assert.AreEqual（42、x）;
  37. proxy.IsSelected = false ;
  39. Assert.IsFalse（proxy.IsSelected）;
  40. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


関数およびプロパティ値のプロキシを自動作成







  1. [テスト方法]
  2. public void TestChilds（）
  3. {
  4. var a = new MyClass {Name = "123" };
  6. Assert.AreEqual（ "123" 、a.Name）;
  7. Assert.AreEqual（ "_sdfdsfsdfsfd" 、a.Foo（）。名前）;
  9. var x = 0;
  11. 動的プロキシ= DynamicProxy.Create（a）.AddProperty < bool >（ "IsSelected" ）
  12. .AddProperty（ "X" 、_ => x、（_、 value ）=> x = value ）
  13. .AddProperty（ "LastName" 、 "FFFF" ）
  14. .AddMethod（ "Boo" 、 new Func <DynamicProxy <MyClass>、 int 、 string >（（m、i）=>（（MyClass）m）.Name + i.ToString（）））;
  17. proxy.Name = "567" ;
  18. proxy.IsSelected = true ;
  19. proxy.X = 42;
  20. var b = proxy.Foo（）;
  21. b.IsSelected = true ;
  23. Assert.AreEqual（ "567" 、a.Name）;
  24. Assert.AreEqual（ "5674" 、proxy.Boo（4））;
  25. Assert.IsTrue（proxy.IsSelected）;
  26. Assert.AreEqual（42、x）;
  27. Assert.IsTrue（b.IsSelected）;
  29. b.IsSelected = false ;
  31. Assert.IsTrue（proxy.IsSelected）;
  32. Assert.IsFalse（b.IsSelected）;
  34. proxy.LastName = "890" ;
  35. var d = proxy.Foo（）;
  36. Assert.AreEqual（ "FFFF" 、d.LastName）;
  38. var d2 = proxy.Foo（）;
  39. d2.LastName = "RRRRR" ;
  41. Assert.AreEqual（ "567" 、Foo（プロキシ））;
  43. Assert.AreEqual（d.LastName、d2.LastName）;
  45. // コロバンを奪って 、完璧なカーストを作ることができます
  47. var c =（MyClass）プロキシ;
  49. Assert.AreEqual（ "567" 、c.Name）;
  51. foreach （proxy.GetChilds（）のvar child）
  52. {
  53. child.IsSelected = true ;
  54. Assert.IsTrue（child.IsSelected）;
  55. }
  56. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


INotifyPropertyChangedの自動実装も行われました。





  1. [テスト方法]
  2. public void TestPropertyChange（）
  3. {
  4. var myClass = new MyClass（）;
  5. var propertyName = string .Empty;
  6. 動的プロキシ= DynamicProxy.Create（myClass）;
  8. （（INotifyPropertyChanged）プロキシ）.PropertyChanged + =（s、a）=> propertyName = a.PropertyName;
  10. proxy.Name = "aaaa" ;
  12. Assert.AreEqual（ "Name" 、propertyName）;
  13. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


実用化



このプロキシを使用して問題を解決してみましょう。これについては、記事の冒頭で説明します。 単純化するために、領域の小さなツリーを生成し、ユーザーに必要なものを選択させ、選択したもののリストを右側に表示させます。 実際には、ウィンドウコードは次のようになります





  1. パブリック MainWindow（）
  2. {
  3. InitializeComponent（）;
  4. DataContext = this ;
  5. Items = new [] {DynamicProxy.Create（CreateRegions（）。First（））。AddProperty < bool >（ "IsSelected" ）};
  6. }
  8. IEnumerable <Region> GetSelectedItems（ IEnumerable <dynamic>アイテム）
  9. {
  10. return items.Where（x => x.IsSelected）.Concat（items.SelectMany（x => GetSelectedItems（（ IEnumerable <dynamic>）x.SubRegions）））。Select（x =>（Region）x）;
  11. }
  13. private void ButtonClick（ オブジェクト送信者、RoutedEventArgs e）
  14. {
  15. var res = GetSelectedItems（アイテム）.Take（10）.ToList（）;
  16. SelectedItems = res;
  17. }
*このソースコードは、 ソースコードハイライターで強調表示されました。


そして彼にxaml





  1. < Window x：Class = "WpfApplication1.MainWindow"
  2. xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns：x = "http://schemas.microsoft.com/winfx/2006/xaml" xmlns：WpfApplication1 = "clr-namespace：WpfApplication1"
  4. タイトル = "MainWindow" 高さ = "350" 幅 = "525" >
  6. < Window.Resources >
  8. < DataTemplate DataType = "{x：Type WpfApplication1：Region}" >
  9. < WrapPanel >
  10. < TextBlock Text = "{Binding Path = Name、StringFormat = '{} {0}、'}" />
  11. < TextBlock Text = "{Binding Path = Index}" />
  12. </ WrapPanel >
  13. </ DataTemplate >
  16. </ Window.Resources >
  17. < グリッド >
  18. < Grid.ColumnDefinitions >
  19. < ColumnDefinition Width = "*" />
  20. < ColumnDefinition Width = "auto" />
  21. < ColumnDefinition Width = "*" />
  22. </ Grid.ColumnDefinitions >
  24. < TreeView グリッド 。 列 = "0" ItemsSource = "{Binding Items}" BorderThickness = "0" >
  25. < TreeView.ItemTemplate >
  26. < HierarchicalDataTemplate ItemsSource = "{Binding SubRegions}" >
  27. < CheckBox IsChecked = "{Binding IsSelected、Mode = TwoWay}" Content = "{Binding Value}" />
  29. </ HierarchicalDataTemplate >
  30. </ TreeView.ItemTemplate >
  31. </ TreeView >
  32. < ボタンの 内容 =「選択を表示」 VerticalAlignment =「中央」 グリッド 。 列 = "1" クリック = "ButtonClick" />
  33. < ListBox グリッド 。 列 = "2" ItemsSource = "{Binding SelectedItems}" BorderThickness = "0" />
  34. </ グリッド >
  35. </ ウィンドウ >
*このソースコードは、 ソースコードハイライターで強調表示されました。




アプリケーションのスクリーンショット



画像



参照資料



  1. プロジェクトソース
  2. コンパイル済みバイナリ
  3. ダイナミックオブジェクト
  4. MVVM
  5. 流interfaceなインターフェイス


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



More articles:


All Articles