atelier:mitsuba

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

2011-04-25から1日間の記事一覧

その10:ビヘイビアでアニメーションを再生する

その8,9でだいぶアニメーションに慣れたと思います。 しかし、まだ一度もStoryboardを実行していませんね。 今回はビヘイビアを使って、ボタンクリックでStoryboardを実行させましょう。1.まず、適当なアニメーションを作ってください。 2.次にボタン…

その9:イージングをつかってみる。

イージングは物理演算を使った計算になるのかな? アニメーションに緩急をつけたりすることができます。 Flash/FlexでいうTweenerですね。まずは、Rectangleにアニメをつけて、左から右に動かしてみましょう。 こんなかんじですね。どこからどこまで移動する…

その8:アニメーションをやってみる。

ビヘイビアを紹介したところで、アニメーションをやってみましょう。 まずは、Rectangleを置いてみます。 今回はこのRectangleにアニメをつけてみます。 アニメを付けたいコントロールには名前が付いている必要があります。 なので、オブジェクトパネルの[Re…

その7:ビヘイビア

Blendにはとっても便利なビヘイビアというものがあります。 ビヘイビアはちっちゃなコードの塊で、ドラッグ&ドロップで挙動を定義できます。 ビヘイビアの一覧を見るには、左のメニューバーからAssetを選んで、Behaviorsタブをクリックします。 これを使え…

その6:ボタンを使ってみる。

きっと一番よく使うであろうコントロールはボタンでしょう。 今回はボタンを設置してみます。 左のバーからボタンを選択します。 アートボードにドロップします。 もちろん、色味も変えられます。 ボタンを押したらイベントが走ってほしいですよね。Blendで…

その5:グラデーションを操作する

前回はRectangleとEllipseを紹介しました。 今回はそれらで使えるグラデーションのおはなしです。まず、Rectangleを置いて、Fillをグラデーションにします。 グラデーションの色味を変えてみましょう。 グラデーションのバーのチップをクリックして、Editor…

その4:Rectangle、Ellipseを使ってみる

XAMLにはボタンやカレンダーなど様々なコントロールがあります。 どんなものがあるか、具体的に触ってみましょう。●Rectangle Rectangleをダブルクリックするか、選択してアートボードでドラッグします。 すると、アートボードにRectangleが表示されます。 …

その3:Hello Expression Blend

Expression Blendでハローワールドしてみましょう。1.Blendを立ち上げます。 2.左のバーに表示されているコントロールからテキストブロックを選んで、ダブルクリックします。 3.すると、Objects and TimelineパネルにTextBlockが表示されます。 同時にアート…

その2:プロジェクトをつくろう。

一番最初に、プロジェクトを作ってみましょう。1.スタート>すべてのプログラム>Microsoft Expression>Microsoft Expression Blend Preview for Silverlight 5を起動します。2.New Projectをクリックします。 3.今回はSilverlight Application + Websiteを…

その1:無料で使える開発環境をインストールしよう。

今回の試用版Expression BlendはSilverlight 5にのみ対応しています。 なので、Silverlight 5の開発環境を整えましょう。1.まず、Visual Studio 2010 SP1か、Visual Web Developer 2010 Express SP1をインストールしてください。SP1を当てていない場合はこ…

その0:はじめに。

「VSはわかるけどBlendまったくわかんねーよー」 なんてのをハンズオンや勉強会でよく聞きます。一方でSilverlight5の発表に伴い、Microsoft Expression Blend Preview for Silverlight 5が公開されました。 http://www.microsoft.com/downloads/en/details.…