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

MyMemoWiki

差分

ナビゲーションに移動 検索に移動
編集の要約なし
==Silverlight UI フレームワーク==
[[Silverlight][C#]]
**以下のサイトからメモ
*http://www.atmarkit.co.jp/fdotnet/vblab/uiframework_03/uiframework_03_01.html
*実行時に生成される、SolidColorBrushオブジェクトが1つで済むため、メモリを節約
=====個別に指定=====
<&lt;StackPanel>&gt; <&lt;Ellipse Fill="Blue" Height="150" />&gt; <&lt;Ellipse Fill="Blue" Height="150" />&gt; <&lt;/StackPanel>&gt;
=====リソース・ディクショナリを使用=====
<&lt;StackPanel>&gt; <&lt;StackPanel.Resources>&gt; <&lt;SolidColorBrush x:Key="BlueBrush" Color="Blue"/>&gt; <&lt;/StackPanel.Resources>&gt; <&lt;Ellipse Fill="{StaticResource BlueBrush}" Height="150" />&gt; <&lt;Ellipse Fill="{StaticResource BlueBrush}" Height="150" />&gt; <&lt;/StackPanel>&gt;
===リソースの種類===
*追加先のリソース・ディクショナリの場所により、イミディエイト・リソースと、アプリケーション・リソースの2種類に分けられる
|アプリケーション・リソース
|ApplicationオブジェクトのResourcesプロパティ(ResourceDictionary型)に宣言されたリソース
|アプリケーションの実装と管理で共通に使用される機能を提供。標準的なWPF/Silverlightのプロジェクトテンプレートでは、App.xamlファイルとその分離コードで使用されている。通常は、<&lt;Application>&gt;要素のResourceプロパティに宣言されたリソースが、アプリケーション・リソースとなり、どこかれでも参照できる
|-
|}
*多くの場合、リソースの参照には、StaticResourceマークアップ拡張機能を使用した、静的リソース参照が使用される。
=====具体例=====
<&lt;Ellipse Fill="{StaticResource BlueBrush}"/>&gt;<&lt;blockquote>&gt;WPFでは、StaticResourceExtensionクラスのパラメータに、BlueBrushというキーを指定するのと同意となるが、Silverlight では、XAML専用となっており、StaticResourceExtensionクラスは存在しない<&lt;/blockquote>&gt;
====リソース検索====
*リソースの検索順
*Resourcesプロパティと同様、ほぼすべてのUI要素で使用できる
=====プロパティ属性構文=====
<&lt;Ellipse Fill="Blue" Height="80" Width="160"/>&gt;
=====スタイルを使って書き換え=====
*同じプロパティがある場合、最後に宣言されたものが有効
*スタイルを利用するより、直接設定したプロパティが優先
<&lt;Ellipse>&gt; <&lt;Ellipse.Style>&gt; <&lt;Style TargetType="Ellipse">&gt; <&lt;Setter Property="Fill" Value="Blue" />&gt; <&lt;Setter Property="Height" Value="80" />&gt; <&lt;Setter Property="Width" Value="160" />&gt; <&lt;/Style>&gt; <&lt;/Ellipse.Style>&gt; <&lt;/Ellipse>&gt;
===スタイルの共有===
*リソースとしてリソース・ディクショナリに定義し、複数のUI要素で共有し、初めて意味を持つ機能となる。
=====StackPanelのリソースに登録し、共有する例=====
<&lt;StackPanel>&gt; <&lt;StackPanel.Resources>&gt; <&lt;Style x:Key="EllipseStyle" TargetType="Ellipse">&gt; <&lt;Setter Property="Fill" Value="Blue" />&gt; <&lt;Setter Property="Height" Value="80" />&gt; <&lt;Setter Property="Width" Value="160" />&gt; <&lt;/Style>&gt; <&lt;/StackPanel.Resources>&gt; <&lt;Ellipse Style="{StaticResource EllipseStyle}" />&gt; <&lt;Ellipse Style="{StaticResource EllipseStyle}" />&gt; <&lt;/StackPanel>&gt;<&lt;blockquote>&gt;派生元のクラスが共通で、そのクラスに存在するプロパティに限定されれば、異なるクラス感でも同じスタイルを共有できる。<&lt;/blockquote>&gt;
===スタイルの継承===
*スタイルは継承元となるスタイルを、BasedOn プロパティに設定することで継承可能。
<&lt;StackPanel>&gt; <&lt;StackPanel.Resources>&gt; <&lt;Style x:Key="EllipseBaseStyle" TargetType="Ellipse">&gt; <&lt;Setter Property="Fill" Value="Blue" />&gt; <&lt;Setter Property="Height" Value="80" />&gt; <&lt;Setter Property="Width" Value="160" />&gt; <&lt;/Style>&gt; <&lt;Style x:Key="EllipseStyle" TargetType="Ellipse" BasedOn="{StaticResource EllipseBaseStyle}">&gt; <&lt;Setter Property="Stroke" Value="Yellow"/>&gt; <&lt;Setter Property="StrokeThickness" Value="10"/>&gt; <&lt;/Style>&gt; <&lt;/StackPanel.Resources>&gt;
<&lt;Ellipse Style="{StaticResource EllipseStyle}" />&gt; <&lt;Ellipse Style="{StaticResource EllipseStyle}" />&gt; <&lt;/StackPanel>&gt;
===暗黙的にスタイルを適用===
*x:Key を設定せずに TargetType プロパティに 型に設定すると、x:Key が暗黙的に設定されます。
*x:Key 値を指定すると、Style がすべての要素に自動的には適用されなくなります。
<&lt;StackPanel>&gt; <&lt;StackPanel.Resources>&gt; <&lt;Style TargetType="Ellipse">&gt; <&lt;Setter Property="Fill" Value="Blue" />&gt; <&lt;Setter Property="Height" Value="80" />&gt; <&lt;Setter Property="Width" Value="160" />&gt; <&lt;/Style>&gt; <&lt;/StackPanel.Resources>&gt; <&lt;Ellipse />&gt; <&lt;Ellipse />&gt; <&lt;/StackPanel>&gt;
==コントロール・テンプレート==
*Win32でのオーナードローに替わるもの
*コントロールのプロパティと、コントロール・テンプレート内の要素のプロパティとをバインドする必要がある
=====角丸ボタンを作成する例=====
<&lt;StackPanel>&gt; <&lt;StackPanel.Resources>&gt; <&lt;ControlTemplate x:Key="ButtonTemplate" TargetType="Button">&gt; <&lt;Border Background="{TemplateBinding Background}" CornerRadius="30" Padding="10">&gt; <&lt;TextBlock Text="{TemplateBinding Content}"
Foreground="White"
VerticalAlignment="Center" HorizontalAlignment="Center"/>&gt; <&lt;/Border>&gt; <&lt;/ControlTemplate>&gt; <&lt;/StackPanel.Resources>&gt; <&lt;Button Content="Test1" Background="LightBlue" Template="{StaticResource ButtonTemplate}" Margin="30" />&gt; <&lt;Button Content="Test2" Background="Blue" Template="{StaticResource ButtonTemplate}" Margin="30" />&gt; <&lt;/StackPanel>&gt;
====ContentPresenter要素====
*Buttonコントロールは文字列に限らず、画像やUI要素といったさまざまなオブジェクトをコンテンツとして表示できるContentControlタイプのコントロール
*ButtonコントロールのContentプロパティには、Image要素やPanel要素といった文字列以外のオブジェクトを設定することができる
<&lt;blockquote>&gt;ContentプロパティがTextBlockのTextプロパティとバインディングしていたのでは、そのようなオブジェクトを表示させることはできない。文字列以外のコンテンツが設定された場合でも、そのコンテンツをきちんと表示させるためには、そのための専用の要素である「ContentPresenter要素」を使用する必要がある<&lt;/blockquote>&gt;

案内メニュー