続・これからはじめるSilverlight 4 第8回

ロジックコードを記述する

リスト3のようにロジックコードを記述します。

リスト3: ロジックコード(MainPage.xaml.vb)

ImageコントロールのSourceプロパティに画像を指定するクラスの含まれる、System.Windows.Media.Imaging名前空間を読み込んでおきます。XML to LINQでXMLを処理するクラスの含まれるSystem.Xml.Linq名前空間を読み込んでおきます。DropShadowEffectを使って影を作成するのに必要なクラスの含まれる、Windows.Media.Effects名前空間を読み込んでおきます。

ImageInfoクラス内に「画像名」と「title」のプロパティを宣言しておきます。

XElementクラス用オブジェクト変数xmldocを、メンバ変数として宣言します。

■ページが読み込まれた時の処理

XElement.LoadメソッドでXML文書ファイル(photo_etc.xml)を読み込みます。読み込んだXML文書からのコレクションを取得するクエリ(query)を定義します。ImageInfoクラスの新しいリストとして作成するmyImageInfoを宣言します。queryを実行します。クエリコレクション内を反復処理しながら、Addメソッドで、ImageInfoクラスの各プロパティ(「画像名、title」」)に、XMLの要素()と要素の属性”title”の値を追加します。ComboBox3コントロールのItemsSourceにmyImageInfoオブジェクトを指定します。これで、ComboBox3コントロールに画像名のついた画像が表示されます。

■[Select Color] のComboBoxから色が選択された時の処理

ComboBox1のインデックスが0より大きく、つまり、「Select Color」以外の項目が選択され、RichTextBox内のテキストが選択された状態である場合は、以下の処理を行います。

ComboBox1から選択された項目(この場合は色名)を変数selectColorに格納しておきます。純色で領域を塗りつぶすクラスである、SolidColorBrushクラス用のオブジェクト変数myColorを宣言します。変数selectColor内の値に応じて条件分岐を行います。色に応じた新しいSolidColorBrushオブジェクトを生成します。

ApplyPropertyValueメソッドで、指定した書式設定プロパティ(TextElement.ForegroundProperty)とその値(myColor)を現在の選択範囲に適用します。

ComboBox1から選択された値が「Select Color」であったり、RichTextBox内で文字列が選択されていなかった場合は、警告メッセージを表示し、IsDropDownOpenプロパティにFalseを指定して、ドロップダウンを閉じます。

■「Font Size」のComboBoxから項目が選択された時の処理

ComboBox2のインデックスが0より大きく、つまり、「Font Size」以外の項目が選択され、RichTextBox内のテキストが選択された状態である場合は、以下の処理を行います。

ComboBox2から選択された項目(この場合は文字サイズ)を変数selectSizeに格納しておきます。

ApplyPropertyValueメソッドで、指定した書式設定プロパティ(TextElement.FontSizeProperty)とその値(CInt(selectSize))を現在の選択範囲に適用します。

ComboBox2から選択された値が「Font Size」であったり、RichTextBox内で文字列が選択されていなかった場合は、警告メッセージを表示し、IsDropDownOpenプロパティにFalseを指定して、ドロップダウンを閉じます。

■ComboBox3から画像が選択された時の処理

ComboBox3の選択されたインデックスに該当する要素の値を取得し、変数ImageNameに格納しておきます。新しいImageのインスタンスmyImageオブジェクトを生成します。Imageに影を付けるため、新しいDropShadowEffectのインスタンスmyDrEffectオブジェクトを生成します。myDrEffectオブジェクトのプロパティであるOpacityに0.5、ShadowDepthに7を指定します。

myImageオブジェクトのWidthとHeightを指定し、Sourceプロパティに、Imageフォルダを連結したImageNameの値を相対Uriで指定します。

新しいInlineUIContainerのインスタンスmyInlineUIContainerオブジェクトを生成します。InlineUIContainerクラスは、UIElementを埋め込むことのできるクラスです。Childプロパティに画像を読み込んでいるmyImageオブジェクトを指定します。ChildプロパティはInlineUIContainerによってホストされたUIElementを取得するプロパティです。RichTextBoxの選択されている位置に、Insertメソッドで、myInlineUIContainerオブジェクトを挿入します。これで、画像がカーソル位置に挿入されます。