| ページ一覧 | ブログ | twitter |　 書式 | 書式(表) |

MyMemoWiki

差分

ナビゲーションに移動 検索に移動

WPF データ (ソースを閲覧)

2020年2月15日 (土) 08:07時点における版

878 バイト追加 、 2020年2月15日 (土) 08:07
編集の要約なし
==WPF データ==
[[WPF][.Net][Silverlight][Universal Windows Platform][C#]]
{{amazon|4798114200}}
**リソースはリソースバインディングを通じてロード
**コントロールもデータバインディングに大きく依存するコンテンツモデルに基づいている
<&lt;blockquote>&gt;データソースにプロパティをバインドし、依存関係を追跡「、表示を自動的に更新するという概念はWPFのすべての部分に共通<&lt;/blockquote>&gt;
===データ変換===
*バインディングが多用されるフレームワークでは、データへのアクセスは、変換可能な場合にのみ可能となる
*名前付きオブジェクトのリストを保持できる共通のプロパティ(Resource)を任意の子要素で使用できる
*参照は階層的に行われ、要素の親に変数が含まれてない場合、その親、次の親へとたどる
<&lt;Window
Text ="Resource"
...>&gt; <&lt;Window.Resource>&gt; <&lt;SolidColorBrush x:Key="toShare">&gt;Yellow<&lt;/SolidColorBrush>&gt; <&lt;/Window.Resource>&gt; <&lt;Button Background="{StaticResource toShare}">&gt; <&lt;/Button>&gt; <&lt;/Window>&gt;
=====参照パス=====
*リソースの参照パスは多数の場所からデータを取得できる
|}
<&lt;blockquote>&gt;リソースは、データバインディングの特殊な形式であり、更新頻度が低く数が多いバインディングに最適化されている<&lt;/blockquote>&gt;
===バインディングの基本===
**IValueConverter
*FontFamilyの場合、TypeCoverter がFontFamily 型に関連付けられ、これによって変換が自動的に発生する
<&lt;Window ... >&gt; <&lt;StackPanel>&gt; <&lt;TextBox x:Name="textBox1" />&gt; <&lt;ContentControl x:Name="contentControl1"
Content="{Binding ElementName=textBox1, Path=Text}"
FontFamily="{Binding ElementName=textBox2,Path=Text}"/>&gt; <&lt;/StackPanel>&gt; <&lt;/Window>&gt;
===={x:Bind} マークアップ拡張====
*https://msdn.microsoft.com/ja-jp/library/windows/apps/mt204783.aspx
<&lt;blockquote>&gt;Windows 10 では、{Binding} に代わり、{x:Bind} マークアップ拡張が新たに提供されています。{x:Bind} では、{Binding} の機能のいくつかが省略されていますが、{Binding} よりも短い時間および少ないメモリで動作し、より適切なデバッグをサポートしています。<&lt;/blockquote>&gt;
*XAML の読み込み時、{x:Bind} は、バインディング オブジェクトと考えることのできるオブジェクトに変換され、このオブジェクトがデータ ソースのプロパティから値を取得します。
*{x:Bind} と {Binding} によって作成されたバインディング オブジェクトは、ほとんど機能的に同等
*{x:Bind} は、コンパイル時に生成される特定用途のコードを実行し、{Binding} は、汎用的なランタイム オブジェクト検査を実行します
*{x:Bind} バインディング (多くの場合、コンパイル済みバインドと呼ばれます) はパフォーマンスが高く、コンパイル時にバインド式を検証したり、ページの部分クラスとして生成されたコード ファイル内にブレークポイントを設定し、デバッグを行ったりできます
<&lt;blockquote>&gt;これらのファイルは obj フォルダー内にあり、<&lt;view name>&gt;.g.cs (C# の場合) などの名前が付けられています<&lt;/blockquote>&gt;
}
*値コンバーターをバインディングに結び付ける
<&lt;ContentContorol
Margin="5"
FontFamily="{Biding ElementName=textBox2,Path=Text}">&gt; <&lt;Content.Control.Content>&gt; <&lt;Binding
ElementName="textBox1"
Path="Text">&gt; <&lt;Binding.Converter>&gt; <&lt;l:HumanConverter xmlns:l="clr-namespace:EssentialWPF"/>&gt; <&lt;/Binding.Converter>&gt; <&lt;/Binding>&gt; <&lt;/Content.Control.Content>&gt; <&lt;/ContentControl>&gt;
====データテンプレート====
*データ(DataTypeプロパティによって記述される)を受け取り表示ツリーを構築
*表示ツリー内で、データの各部分にバインドすることができる
*独自の型に対するテンプレートを構築し、データをプロパティにバインド
<&lt;DataTemplate
xmlns:l="clr-namespace:EssentialWPF"
DataType="{x:Type l:Human}">&gt; <&lt;Border Margin="5" Padding="5" BorderBrush="Black" BorderThickness="3" CornerRadius="5">&gt; <&lt;TextBlock Text="{Binding Path=Name}" />&gt; <&lt;/Border>&gt; <&lt;/DataTemplate>&gt;
*データテンプレートをContentControlに関連付ける方法はさまざま(例えばリソースを通じて)
*ContentTemplateプロパティで設定する例
<&lt;ContentControl
Margin="5"
FontFamily="{Binding ElementName=textBox2,Pat=Text}">&gt; <&lt;ContentControl.Content>&gt; <&lt;Binding .../>&gt; <&lt;/ContentControl.Content>&gt; <&lt;ContentControl.ContentTemplate>&gt; <&lt;DataTemplate
xmlns:l="crl-namespace:EssentialWPF"
DataType="{x:Type l:Human}">&gt;
...
<&lt;/DataTemplate>&gt; <&lt;/ContentControl.ContentTemplate>&gt; <&lt;/ContentControl>&gt;
=====WPFでは環境データコンテキストを要素に関連付けることができる=====
*上記例では、バインディングのデータソースが指定されていない
<&lt;TextBloxk Text="{Binding Path=Name}" />&gt;
*データテンプレートの場合、データコンテキストは、テンプレートが変換しているデータに自動的に設定される。
*任意の要素でDataContextプロパティを明示的に設定することが可能
=====TextBoxのTextプロパティを別のTextBoxにバインド=====
<&lt;Window
xmlns="..."
>&gt; <&lt;StackPanel>&gt; <&lt;TextBox Name="text1">&gt;Hello<&lt;/TextBox>&gt; <&lt;TextBox Text="{Binding ElementName=text1, Path=Text}" />&gt; <&lt;/StackPanel>&gt; <&lt;/Window>&gt;
*次の例と同じ
*クラス修飾形式のプロパティ識別子を使用
**リフレクションを使用することによるパフォーマンスへの影響を回避
**添付プロパティへのバインディングが可能になる(TextBoxオブジェクトのGrid.Row プロパティにバインドする場合、{Binding Element Name=text1, Path=(Grid.Row)} のようにする)
<&lt;Window
xmlns="..."
>&gt; <&lt;StackPanel>&gt; <&lt;TextBox Name="text1">&gt;Hello<&lt;/TextBox>&gt; <&lt;TextBox Text="{Binding ElementName=text1, Path=(TextBox.Text)}"/>&gt; <&lt;/StackPanel>&gt; <&lt;/Window>&gt;
====編集====
*値を編集するには、値がいつ変更されたかを知る方法が必要
*規定ではTextBoxはフォーカスを失ったときにデータを更新する(UpdateSourceTriggerプロパティで変更できる)
:
<&lt;TextBlock Text="{Binding Path=Name.Last}"/>&gt; <&lt;TextBlock Text="{Binding Path=Name.First}"/>&gt;
:
<&lt;TextBox Text="{Binding Path=Name.Last}"/>&gt; <&lt;TextBox Text="{Binding Path=Name.First}"/>&gt;
=====リストの場合=====
*リストの場合、単なるプロパティの変更よりも複雑
Add,Remove,Replace,Move,Reset,
}
*もっとも簡単な方法は、INotifyCollectionChangedINotifyCollectionChanged をサポートするObservableCollection<&lt;T>&gt;を使用すること
public class Person : INotifyPropertyChanged {
IList<&lt;Address> &gt; _addresses = new ObservableCollection<&lt;Address>&gt;();
:
}
:
<&lt;StackPanel.Resources>&gt; <&lt;!-- 住所のリストを表示するためのテンプレート -->&gt; <&lt;DataTemplate x:Key="addressTemplate">&gt; <&lt;StackPanel Orientation="Horizontal">&gt; <&lt;TextBlock Text="{Binding Path=Zip}"/>&gt; <&lt;TextBlock Text="{Binding Path=Province}"/>&gt; <&lt;TextBlock Text="{Binding Path=City}"/>&gt; <&lt;TextBlock Text="{Binding Path=Street}"/>&gt; <&lt;/StackPanel>&gt; <&lt;/DataTemplate>&gt; <&lt;/StackPanel.Resources>&gt;
:
<&lt;!--住所のリスト -->&gt; <&lt;ListBox ItemSource="{Binding Path="Addresses}" ItemTemplate="{DynamicResource addresTemplate}" />&gt;
:
===XMLへのバインディング===
====XPathの基本====
*WPFのバインディングは大きくXPathに依存している
<&lt;Media>&gt; <&lt;Book Author="a1" Title="t1"/>&gt; <&lt;Book Author="a2" Title="t2"/>&gt; <&lt;Book Author="a3" Title="t3"/>&gt; <&lt;CD Artist="a4" title="t4"/>&gt; <&lt;DVD Directory="d1" Title="t5">&gt; <&lt;Actor>&gt;A1<&lt;/Actor>&gt; <&lt;Actor>&gt;A2<&lt;/Actor>&gt; <&lt;/DVD>&gt; <&lt;/Media>&gt;
*「/」 は最も一般的な演算子で目的の要素へのパスを構築できる(eg:Media/CD)
** Media/Book を選択すると以下が生成される
<&lt;Book Author="a1" Title="t1"/>&gt; <&lt;Book Author="a2" Title="t2"/>&gt; <&lt;Book Author="a3" Title="t3"/>&gt;
*XPathによって、ノードのリストまたは単一のノードが生成されるという考え方はXMLバインディングを学ぶ上で極めて重要
*XMLでは要素の属性の両方がXMLノードとみなされる
*「[]」演算子を使用すると、位置または属性によってノードを選択できる(インデックス1ベース)
** Media/Book[1] を選択すると以下が生成される
<&lt;Book Author="a1" Title="t1"/>&gt;
*属性による選択
** Media/Book/[@Author="t1"]
<&lt;Book Author="a1" Title="t1"/>&gt;
{|class="wikitable"
XmlDocument doc = new XmlDocument();
doc.LoadXml(@"
<&lt;Media xmlns=''>&gt; <&lt;Book Author='a1' Title='t1'/>&gt; <&lt;CD Artist='a1' Title='t2'/>&gt; <&lt;DVD Director='d1' Title='t3'>&gt; <&lt;Actor>&gt;A1<&lt;/Actor>&gt; <&lt;/DVD>&gt; <&lt;/Media>&gt;");
ListBox list = new ListBox();
list.ItemSource = doc.SelectNodes("/Media/Book/@Title");
XmlDocument doc = new XmlDocument();
doc.LoadXml(@"
<&lt;Media xmlns=''>&gt; <&lt;Book Author='a1' Title='t1'/>&gt; <&lt;CD Artist='a1' Title='t2'/>&gt; <&lt;DVD Director='d1' Title='t3'>&gt; <&lt;Actor>&gt;A1<&lt;/Actor>&gt; <&lt;/DVD>&gt; <&lt;/Media>&gt;");
XmlDataProvider dataSource = new XmlDataProvider();
dataSource.Document = doc;
**XMLデータをデータソースに移動するための一般的な方法
**多くの場合、XmlDataProviderを使用せずに、XmlDocument、XmlElementオブジェクトをバインディングソースとして直接使用できる
<&lt;Window :>&gt; <&lt;Window.Resource> &gt; <&lt;XmlDataProvider x:Key="dataSource">&gt; <&lt;x:XData>&gt; <&lt;Media xmlns=''>&gt; <&lt;Book Author='a1' Title='t1'/>&gt; <&lt;CD Artist='a1' Title='t2'/>&gt; <&lt;DVD Director='d1' Title='t3'>&gt; <&lt;Actor>&gt;A1<&lt;/Actor>&gt; <&lt;/DVD>&gt; <&lt;/Media> &gt; <&lt;/x:XData>&gt; <&lt;/XmlDataProvider>&gt; <&lt;/Window.Resource>&gt;
:
<&lt;ListBox ItemSource = "{Binding XPath=/Media/Book/@Title}, Source={StaticResource dataSource}"/>&gt;
=====データソースを動的に判断する=====
*データソースを(動的リソース参照を使用、またはデータソースを判断するためのバインディングを通じて)動的に判断する必要がある場合は、DataContextプロパティを使用できる
<&lt;Window
:
DatraContext="{DynamicResource dataSource}">&gt; <&lt;Window.Resource> &gt; <&lt;XmlDataProvider x:Key="dataSource">&gt; <&lt;x:XData>&gt; <&lt;Media xmlns=''>&gt; <&lt;Book Author='a1' Title='t1'/>&gt; <&lt;CD Artist='a1' Title='t2'/>&gt; <&lt;DVD Director='d1' Title='t3'>&gt; <&lt;Actor>&gt;A1<&lt;/Actor>&gt; <&lt;/DVD>&gt; <&lt;/Media> &gt; <&lt;/x:XData>&gt; <&lt;/XmlDataProvider>&gt; <&lt;/Window.Resource>&gt;
:
<&lt;ListBox ItemSource = "{Binding XPath=/Media/Book/@Title}" /> &gt;
===データテンプレート===
*データテンプレートを使用するとデータの表示方法を定義できる
「https://www.typea.info/tips_/index.php/特別:携帯機器差分/3871」から取得

© 2006 矢木浩人

案内メニュー