33
cafe.Blend # 杯杯 杯杯 杯

cafe. Blend #2杯目

Embed Size (px)

DESCRIPTION

VSMとか

Citation preview

Page 1: cafe. Blend  #2杯目

cafe.Blend # 2杯目蜜葉 優

Page 2: cafe. Blend  #2杯目

• H.N. : 蜜葉 優 [mitsuba yu]• Expression Blend が好きな人• 最近はカメラが趣味– パワポの表紙はいつも自分の

• twitter:@mitsuba_tan• Blog:http://c-

mitsuba.hatenablog.com/

profile

Page 3: cafe. Blend  #2杯目

cafe.Blendは Blendの勉強会です。

Page 4: cafe. Blend  #2杯目

生 XAML 禁止!

Page 5: cafe. Blend  #2杯目

とは言いませんが、GUIに慣れるために、できるだけパネルとか触っていきましょう。

Page 6: cafe. Blend  #2杯目

XAMLいじってこんな風にしたいんだけど、これパネルでどうやればいいの?っていうのは大歓迎

Page 7: cafe. Blend  #2杯目

とはいえ、闇雲に Blend の勉強をしても飽きるので、、、、

Page 8: cafe. Blend  #2杯目

1つのデザイン案を複数回に分けて、完成させましょう。

出来上がったデザイン案は改良したり、アプリのページに組み込んでも OK です。

Page 9: cafe. Blend  #2杯目

前回までのあらすじ

Page 10: cafe. Blend  #2杯目

Grid パネルと GridView を使いこなして、

他解像度でも平気なアプリを作ろう

Page 11: cafe. Blend  #2杯目
Page 12: cafe. Blend  #2杯目
Page 13: cafe. Blend  #2杯目
Page 14: cafe. Blend  #2杯目

現状

Page 15: cafe. Blend  #2杯目

現状

Page 16: cafe. Blend  #2杯目

まだできてないの

Page 17: cafe. Blend  #2杯目
Page 18: cafe. Blend  #2杯目
Page 19: cafe. Blend  #2杯目

さて、今日は VSM の日です。

Page 20: cafe. Blend  #2杯目
Page 21: cafe. Blend  #2杯目

現状

Page 22: cafe. Blend  #2杯目

これをなんとかしましょう。

Page 23: cafe. Blend  #2杯目

VSM って?

□VisualStateManager□ コントロールの状態に応じた見た目を 設定する。□Button でいうと、普通の時、押しっぱな しのとき、押して上がってきた時、無効 化してるとき、などなど、それぞれの見 栄えを定義できる。□ 実態は Storyboard =アニメーションなの で、いじれない Property とかあるよ。

Page 24: cafe. Blend  #2杯目

なので、ついでに Storyboard もおぼえちゃおう。

Page 25: cafe. Blend  #2杯目

s

目標

Page 26: cafe. Blend  #2杯目

s

目標

Page 27: cafe. Blend  #2杯目

sまずは新しい Solution でいじってみよう。

Page 28: cafe. Blend  #2杯目

実践

前回のプロジェクトがない人はこちらhttp://p.tl/v_wT

Page 29: cafe. Blend  #2杯目

次回は8月 22 日です。

Page 30: cafe. Blend  #2杯目
Page 31: cafe. Blend  #2杯目
Page 32: cafe. Blend  #2杯目

ItemsTemplate と SampleData あたりをやりましょう。

Page 33: cafe. Blend  #2杯目

おつかれさまでしたー