差分

==[[WPF コントロール]]==[[WPF]] | [[Silverlight]] | [[.Net]] | [[Universal Windows Platform]] |

*WPFでは、ほとんどのコントロールを3つのカテゴリに分類WPFでは、ほとんどのコントロールを3つの[[カテゴリ]]に分類

![[カテゴリ]]

|Rectangle、Ellipse[[R]]ectangle、Ellipse

====ContentPresenterがコンテンツを変換して表示するロジックContentPresenterがコンテンツを変換して表示する[[ロジック]]====#ContentがUIElement型の場合は、表示ツリーに追加ContentがU[[IE]]lement型の場合は、表示ツリーに追加#ContentTemplateが設定されている場合、それを使用してUIElementインスタンスを生成し表示ツリーに追加ContentTemplateが設定されている場合、それを使用してU[[IE]]lementインスタンスを生成し表示ツリーに追加#ContentTemplateSelectorが設定されている場合、それを使用してテンプレートを検索し、そのテンプレートを使用してUIElementインスタンスを生成し表示ツリーに追加ContentTemplateSelectorが設定されている場合、それを使用してテンプレートを検索し、そのテンプレートを使用してU[[IE]]lementインスタンスを生成し表示ツリーに追加#Contentのデータ型にデータテンプレートが関連づけられている場合、それを使用してUIElementインスタンスを作成Contentのデータ型にデータテンプレートが関連づけられている場合、それを使用してU[[IE]]lementインスタンスを作成#Contentのデータ型にUIElement型に変換可能なTypeConverterインスタンスが関連づけられている場合、Contentを変換し表示ツリーに追加Contentのデータ型にU[[IE]]lement型に変換可能なTypeConverterインスタンスが関連づけられている場合、Contentを変換し表示ツリーに追加

*UIElementの子のみをサポートU[[IE]]lementの子のみをサポート

*WPFコントロールは、プロパティを使用することによる視覚表示の大幅な制御を可能にする[[WPF]]コントロールは、プロパティを使用することによる視覚表示の大幅な制御を可能にする

<&lt;Button>&gt; <&lt;Button.Template>&gt; <&lt;ControlTemplate TargetType="{x:Type Button}">&gt; <Rectangle &lt;[[R]]ectangle Fill="Red[[R]]ed" Width="75" Height="23"/>&gt; <&lt;/ControlTemplate>&gt; <&lt;/Button.Template>&gt;

<&lt;/Button>&gt;

private void Button_Click(object sender, RoutedEventArgs [[R]]outedEventArgs e)

<&lt;StackPanel Name="MainPanel" Initialized="MainPanel_Initialized" >&gt; <&lt;StackPanel.Resources>[[R]]esources&gt; <&lt;ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type Button}">&gt; <&lt;Border CornerRadiusCorner[[R]]adius="6" BorderThickness="4">&gt; <&lt;Border.BorderBrush>&gt; <&lt;LinearGradientBrush EndPoint="0,1">&gt; <&lt;LinearGradientBrush.GradientStops>&gt; <&lt;GradientStop Offset="0" Color="White"/>&gt; <&lt;GradientStop Offset="1" Color="Green"/>&gt; <&lt;/LinearGradientBrush.GradientStops>&gt; <&lt;/LinearGradientBrush>&gt; <&lt;/Border.BorderBrush>&gt; <&lt;Border.Background>&gt; <&lt;LinearGradientBrush EndPoint="0,1">&gt; <&lt;LinearGradientBrush.GradientStops>&gt; <&lt;GradientStop Offset="0" Color="Green"/>&gt; <&lt;GradientStop Offset="1" Color="White"/>&gt; <&lt;/LinearGradientBrush.GradientStops>&gt; <&lt;/LinearGradientBrush>&gt; <&lt;/Border.Background>&gt; <&lt;ContentPresenter

VerticalAlignment="Center"/>&gt; <&lt;/Border>&gt; <&lt;/ControlTemplate>&gt; <&lt;/StackPanel.Resources>[[R]]esources&gt; <&lt;Button Template="{StaticResource Static[[R]]esource ButtonTemplate}" Padding="10" Margin="10">&gt;

<&lt;/Button>&gt; <&lt;/StackPanel>&gt;

<&lt;blockquote>&gt;以下の例は、BorderのBorderThicknessプロパティ、BorderBrushプロパティ、およびBackgroundプロパティをテンプレートが適用されるButtonの同じプロパティにバインドします。Buttonのプロパティを設定するだけで、下図のようなボタンを作成出来ます。<&lt;/blockquote>&gt; <&lt;StackPanel Name="MainPanel" Initialized="MainPanel_Initialized" >&gt; <&lt;StackPanel.Resources>[[R]]esources&gt; <&lt;ControlTemplate x:Key="ButtonTemplate" TargetType="{x:Type Button}">&gt; <&lt;Border CornerRadiusCorner[[R]]adius="6"

Background="{TemplateBinding Property=Background}">&gt; <&lt;ContentPresenter

VerticalAlignment="Center"/>&gt; <&lt;/Border>&gt; <&lt;/ControlTemplate>&gt; <&lt;/StackPanel.Resources>[[R]]esources&gt; <&lt;Button Template="{StaticResource Static[[R]]esource ButtonTemplate}"

BorderBrush="Blue">&gt;

<&lt;/Button>&gt; <&lt;/StackPanel>&gt;