Cafe Blend 3杯目
description
Transcript of Cafe Blend 3杯目
![Page 1: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/1.jpg)
Café.Blend #3 杯目蜜葉 優
![Page 2: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/2.jpg)
• H.N. : 蜜葉 優 [mitsuba yu]• Expression Blend が好きな人• 最近はカメラが趣味– パワポの表紙はいつも自分の
• twitter:@mitsuba_tan• Blog:http://c-
mitsuba.hatenablog.com/
profile
![Page 3: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/3.jpg)
cafe.Blendは Blendの勉強会です。
![Page 4: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/4.jpg)
生 XAML 禁止!
![Page 5: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/5.jpg)
生 XAML 禁止!今日はちょっとだけ書きます((
![Page 6: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/6.jpg)
まぁあいかわらずできるだけパネルとか触っていきましょう。
![Page 7: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/7.jpg)
XAMLいじってこんな風にしたいんだけど、これパネルでどうやればいいの?っていうのは大歓迎
![Page 8: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/8.jpg)
とはいえ、闇雲に Blend の勉強をしても飽きるので、、、、
![Page 9: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/9.jpg)
1つのデザイン案を複数回に分けて、完成させましょう。
出来上がったデザイン案は改良したり、アプリのページに組み込んでも OK です。
![Page 10: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/10.jpg)
前回までのあらすじ
![Page 11: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/11.jpg)
Storyboard のタイムラインの使い方を勉強しました。でもって、VSM をつかって TextBlock みたいなRadioButton を作りました。
![Page 12: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/12.jpg)
![Page 13: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/13.jpg)
現状
![Page 14: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/14.jpg)
現状
![Page 15: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/15.jpg)
まだできてないの
![Page 16: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/16.jpg)
![Page 17: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/17.jpg)
![Page 18: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/18.jpg)
というわけで今日は中身の日です。
![Page 19: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/19.jpg)
ItemsTemplateItemsPanelDataContextd:DataContext
![Page 20: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/20.jpg)
![Page 21: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/21.jpg)
それって?
□ItemsTemplate-GridView とかに表示されるアイテム1つずつ
□ItemsPanel-Item を並べるパネル
□DataContext-GridView とかに表示するアイテムのデータ
□d:DataContext-DataContext のデザインビュー版
![Page 22: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/22.jpg)
これを MVVM 風味に作ります。
![Page 23: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/23.jpg)
目標
![Page 24: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/24.jpg)
s
目標
![Page 25: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/25.jpg)
さっそく実践
前回のプロジェクトがない人はこちらhttp://c-mitsuba.com/files/cafeblend/CafeBlend_2.zip
![Page 26: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/26.jpg)
まずはモック作りからー
![Page 27: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/27.jpg)
つぎは MVVM 風味に!
![Page 28: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/28.jpg)
次回の日にちとネタどうしよう!?
![Page 29: Cafe Blend 3杯目](https://reader035.fdocument.pub/reader035/viewer/2022081505/556607d1d8b42aa6628b4e58/html5/thumbnails/29.jpg)
おつかれさまでしたー