atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

その3:Hello Expression Blend

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

1.Blendを立ち上げます。



2.左のバーに表示されているコントロールからテキストブロックを選んで、ダブルクリックします。



3.すると、Objects and TimelineパネルにTextBlockが表示されます。

同時にアートボードにテキストが表示されます。



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

[Hello Expression Blend]と入力します。

どこでもいいからアートボードをクリックします。




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

これを変更します。

アートボードが変更されます。



5.このままではサイズが小さいので大きくしましょう。
Textパネルからフォントサイズを20ptにしました。

すると、アートボードには以下のように表示されます。

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


6.Selection Cursor(黒い矢印)を選択します。


7.テキストボックスをドラッグして移動させます。
適当なところに表示させてみました。


8.移動させると、LayoutパネルにあるMarginの値が変化します。

これはGridコントロールのLayoutRootからみたMarginです。


9.ビルドしてみましょう。見えるところに大きくHello Expression Blendと表示されます。