29
Café.Blend #3 杯杯 杯杯 杯

Cafe Blend 3杯目

Embed Size (px)

DESCRIPTION

今回はDatasetですよー

Citation preview

Page 1: Cafe Blend 3杯目

Café.Blend #3 杯目蜜葉 優

Page 2: Cafe Blend 3杯目

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

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

mitsuba.hatenablog.com/

profile

Page 3: Cafe Blend 3杯目

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

Page 4: Cafe Blend 3杯目

生 XAML 禁止!

Page 5: Cafe Blend 3杯目

生 XAML 禁止!今日はちょっとだけ書きます((

Page 6: Cafe Blend 3杯目

まぁあいかわらずできるだけパネルとか触っていきましょう。

Page 7: Cafe Blend 3杯目

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

Page 8: Cafe Blend 3杯目

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

Page 9: Cafe Blend 3杯目

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

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

Page 10: Cafe Blend 3杯目

前回までのあらすじ

Page 11: Cafe Blend 3杯目

Storyboard のタイムラインの使い方を勉強しました。でもって、VSM をつかって TextBlock みたいなRadioButton を作りました。

Page 12: Cafe Blend 3杯目
Page 13: Cafe Blend 3杯目

現状

Page 14: Cafe Blend 3杯目

現状

Page 15: Cafe Blend 3杯目

まだできてないの

Page 16: Cafe Blend 3杯目
Page 17: Cafe Blend 3杯目
Page 18: Cafe Blend 3杯目

というわけで今日は中身の日です。

Page 19: Cafe Blend 3杯目

ItemsTemplateItemsPanelDataContextd:DataContext

Page 20: Cafe Blend 3杯目
Page 21: Cafe Blend 3杯目

それって?

□ItemsTemplate-GridView とかに表示されるアイテム1つずつ

□ItemsPanel-Item を並べるパネル

□DataContext-GridView とかに表示するアイテムのデータ

□d:DataContext-DataContext のデザインビュー版

Page 22: Cafe Blend 3杯目

これを MVVM 風味に作ります。

Page 23: Cafe Blend 3杯目

目標

Page 24: Cafe Blend 3杯目

s

目標

Page 25: Cafe Blend 3杯目

さっそく実践

前回のプロジェクトがない人はこちらhttp://c-mitsuba.com/files/cafeblend/CafeBlend_2.zip

Page 26: Cafe Blend 3杯目

まずはモック作りからー

Page 27: Cafe Blend 3杯目

つぎは MVVM 風味に!

Page 28: Cafe Blend 3杯目

次回の日にちとネタどうしよう!?

Page 29: Cafe Blend 3杯目

おつかれさまでしたー