ホーム > Expression Blend > 0からはじめるExpression Blend再入門

その3:Hello Expression Blend

0からはじめるExpression Blend再入門
蜜葉 優@Silverlight Square[著], わにちゃん@ExpressionTech.jp[編集]
2011年5月12日 from Atelier:Mitsuba

はじめに

Expression Blendでハローワールドしてみましょう。

テキストブロックを挿入

  1. Blendを立ち上げます。
  2. 左のバーに表示されているコントロールからテキストブロックを選んで、ダブルクリックします。
    f:id:c-mitsuba:20110425113423p:image
  3. すると、Objects and TimelineパネルにTextBlockが表示されます。
    f:id:c-mitsuba:20110425113416p:image
  4. 同時にアートボードにテキストが表示されます。
    f:id:c-mitsuba:20110425113414p:image

ver.アートボード

表示されたテキストをダブルクリックして[TextBlock]から[Hello Expression Blend]に変えましょう。

  1. ダブルクリックします。
    20110425114234
  2. [Hello Expression Blend]と入力します。
    f:id:c-mitsuba:20110425114230p:image
  3. どこでもいいからアートボードをクリックします。
    f:id:c-mitsuba:20110425114226p:image

verプロパティパネル

表示されたテキストブロックを選択して、右側にあるCommon PropertiesパネルのTextを[TextBlock]を[Hello Expression Blend]に変更します。

Common PropertiesのText
f:id:c-mitsuba:20110425115511p:image

これを変更します。
f:id:c-mitsuba:20110425115510p:image

アートボードが変更されます。
f:id:c-mitsuba:20110425114226p:image

サイズの変更

このままではサイズが小さいので大きくしましょう。

Textパネルからフォントサイズを20ptにしました。
f:id:c-mitsuba:20110425120111p:image

すると、アートボードには以下のように表示されます。
f:id:c-mitsuba:20110425120224p:image

テキストボックスの移動

上が見切れていますね。移動させましょう。

Selection Cursor(黒い矢印)を選択します。
f:id:c-mitsuba:20110425120411p:image

テキストボックスをドラッグして移動させます。

適当なところに表示させてみました。
f:id:c-mitsuba:20110425120519p:image

移動させると、LayoutパネルにあるMarginの値が変化します。
f:id:c-mitsuba:20110425120618p:image
これはGridコントロールのLayoutRootからみたMarginです。

ビルド

ビルドしてみましょう。見えるところに大きくHello Expression Blendと表示されます。
f:id:c-mitsuba:20110425120832p:image

次の記事

0からはじめるExpression Blend再入門』最新記事

コメント

▲このページのトップへ