cafe. blend #2杯目
DESCRIPTION
VSMとかTRANSCRIPT
![Page 1: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/1.jpg)
cafe.Blend # 2杯目蜜葉 優
![Page 2: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/2.jpg)
• H.N. : 蜜葉 優 [mitsuba yu]• Expression Blend が好きな人• 最近はカメラが趣味– パワポの表紙はいつも自分の
• twitter:@mitsuba_tan• Blog:http://c-
mitsuba.hatenablog.com/
profile
![Page 3: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/3.jpg)
cafe.Blendは Blendの勉強会です。
![Page 4: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/4.jpg)
生 XAML 禁止!
![Page 5: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/5.jpg)
とは言いませんが、GUIに慣れるために、できるだけパネルとか触っていきましょう。
![Page 6: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/6.jpg)
XAMLいじってこんな風にしたいんだけど、これパネルでどうやればいいの?っていうのは大歓迎
![Page 7: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/7.jpg)
とはいえ、闇雲に Blend の勉強をしても飽きるので、、、、
![Page 8: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/8.jpg)
1つのデザイン案を複数回に分けて、完成させましょう。
出来上がったデザイン案は改良したり、アプリのページに組み込んでも OK です。
![Page 9: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/9.jpg)
前回までのあらすじ
![Page 10: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/10.jpg)
Grid パネルと GridView を使いこなして、
他解像度でも平気なアプリを作ろう
![Page 11: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/11.jpg)
![Page 12: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/12.jpg)
![Page 13: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/13.jpg)
![Page 14: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/14.jpg)
現状
![Page 15: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/15.jpg)
現状
![Page 16: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/16.jpg)
まだできてないの
![Page 17: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/17.jpg)
![Page 18: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/18.jpg)
![Page 19: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/19.jpg)
さて、今日は VSM の日です。
![Page 20: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/20.jpg)
![Page 21: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/21.jpg)
現状
![Page 22: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/22.jpg)
これをなんとかしましょう。
![Page 23: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/23.jpg)
VSM って?
□VisualStateManager□ コントロールの状態に応じた見た目を 設定する。□Button でいうと、普通の時、押しっぱな しのとき、押して上がってきた時、無効 化してるとき、などなど、それぞれの見 栄えを定義できる。□ 実態は Storyboard =アニメーションなの で、いじれない Property とかあるよ。
![Page 24: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/24.jpg)
なので、ついでに Storyboard もおぼえちゃおう。
![Page 25: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/25.jpg)
s
目標
![Page 26: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/26.jpg)
s
目標
![Page 27: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/27.jpg)
sまずは新しい Solution でいじってみよう。
![Page 28: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/28.jpg)
実践
前回のプロジェクトがない人はこちらhttp://p.tl/v_wT
![Page 29: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/29.jpg)
次回は8月 22 日です。
![Page 30: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/30.jpg)
![Page 31: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/31.jpg)
![Page 32: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/32.jpg)
ItemsTemplate と SampleData あたりをやりましょう。
![Page 33: cafe. Blend #2杯目](https://reader033.vdocuments.pub/reader033/viewer/2022061507/5565fbd8d8b42a20158b54f3/html5/thumbnails/33.jpg)
おつかれさまでしたー