More Related Content
What's hot (20)
PDF
20150530 めとべや東京8 universal windows platform appの画面開発一希 大田?
PPTX
20140531 めとべや東京4 ユニバーサル アプリ入門一希 大田?
PPTX
Windows アプリケーション開発 はじめに ～ Windows アプリケーション開発初学者の方向け Visual Studio を使ったアプリケーショ...Fujio Kojima?
PDF
Uno Platform 触ってみた一希 大田?
PDF
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発Osamu Monoe?
PDF
Prism + ReactiveProperty入門一希 大田?
Viewers also liked (6)
PPTX
Windows ストアアプリのgrid viewを入門してみた一希 大田?
Similar to 叠濒别苍诲の便利机能振り返り (20)
PPTX
惭别迟谤辞スタイルアプリに向けた虫补尘濒デザイナーの変更点vsug_jim?
PPTX
VSUGDAY2012 - ASP.NET MVC 4 Deveoper Preview による モバイルWEBアプリケーション開発tomotoshi?
PPTX
新しい Visual Studio & .NET と新時代のアーキテクチャ慎一 古賀?
PPTX
今から始める、Windows 10＆新.NETへの移行戦略信之 岩永?
PDF
デブサミ関西2012[A-2]エンタープライズ開発におけるコラボレーション - JIRAによる顧客と開発チームのつなぎ方Yusuke Suzuki?
PDF
2021 01-30 Visual Studio 2019 知っているか！？この機能 in BuriKaigi2021Hiroyuki Mori?
More from 一希 大田 (20)
PDF
.NET 7 での ASP.NET Core Blazor の新機能ピックアップ一希 大田?
PDF
Azure Static Web Apps を試してみた！一希 大田?
PDF
Visual studio 2019 updates pickup!一希 大田?
PPTX
.NET 5 and Windows app dev一希 大田?
PDF
WPF on .NET Core 3.1 で Windows 10 アプリ開発一希 大田?
PDF
.NET Core 3.0 + Windows 10 で WPF 開発一希 大田?
PDF
はじめよう Azure Functions一希 大田?
PDF
Windows 10 対応のデスクトップアプリを作る技術（事前公開版v2）一希 大田?
PDF
Xamarin.Forms アプリケーション 設計パターン一希 大田?
PDF
Windows 10 対応のデスクトップアプリを 作る技術（事前公開版）一希 大田?
PPTX
WPF on .NET Core 3.0一希 大田?
PDF
Visual Studio 2019 の個人的なお勧め機能（発表時点）一希 大田?
PDF
Visual Studio 2019 の個人的なお勧め機能一希 大田?
PDF
Windows 10 に対応した デスクトップ アプリを作る技術（事前公開版 v2）一希 大田?
PDF
事前公開版 Windows 10 に対応したデスクトップ アプリを作る技術 v1一希 大田?
PDF
スマートスピーカーのバックエンドで Azure を使う方法一希 大田?
PPTX
Visual Studio App center 概要一希 大田?
PDF
はじめての HoloLens セッションの集大成お見せします！一希 大田?
PDF
ペッパソン東の陣 Microsoft 提供 API のご紹介一希 大田?
叠濒别苍诲の便利机能振り返り
- 2. 自己紹介
? 大田 一希
– Microsoft MVP for Client App Dev
2011/07-2013/06
– 富士通アドバンストエンジニアリング
– Twitter: okazuki
– Blog:
かずきのBlog@hatena
http://d.hatena.ne.jp/okazuki/
? 本書きました！
– Windows 8 ストア アプリ 開発入門
– Windows ストア アプリ 開発のレシピ110
- 3. お約束
? 掲載内容は私自身の見解であり、所属する組織
を代表するものではありません 。
- 4. アジェンダ
今日の目標と Visual Studioの
Blendの歴史 Blend for VS2012
使うもの デザイナ
Storyboard ビヘイビア
RADでバインド まとめ
VSM データ系
- 5. 今日の目标と使うもの
? Visual Studio 2012 Update2 CTP4
– Blend for Visual Studio 2012
? Windows Presentation Foundation 4.5
– 時々Silverlight 5
- 8. Blendの歴史
? デザイナ向けツールとして登場
– 2007年2月 Expression Blend
? 使用経験なし
– 2008年7月 Expression Blend 2
? 使ったけど挫折
– 2009年7月 Expression Blend 3
? Adobe Photoshop, Adobe Illustrator形式対応！
? Sketch Flow対応！
- 9. Blendの歴史
? デザイナ向けツールとして登場
– 2010年6月 Expression Blend 4
– 2012年9月 Blend for Visual Studio 2012
? Visual Studio 2012に同梱
? Windows ストア アプリのみ
? WPF4.5/Silverlight5は対応する正式版のBlendが無い状態
に…
- 10. ついに来ます！
? Visual Studio 2012 Update2
– Blend for VS2012に以下のサポートが追加！
? Windows Presentation Foundation 4.5
? Silverlight 5
? Visual Studioのデザイナでは出来ない機能
Visual State コントロールか
Storyboard らコントロール サンプルデータ
Manager
の作成
- 12. デモ
? Visual Studio 2012のWPFデザイナ
– コンテンツ内にコンテンツを配置
– 色の設定
– 変形させる
– コントロールテンプレートの編集
– データバインドの設定
- 14. Visual Studioの本業はこっち
? コードエディタが超強力
? NuGetによるパッケージの管理
? etc…
? プログラミングを強力に支援する！！
– 最近は、ALMとかも強力ですよね。追いかけなきゃ。
- 17. デモ
? 画面に表示するデータの作成
? Visual Studioの場合
– Visual StudioでDataContextの設定
– Visual Studioでデータバインディング
? Blendの場合
– BlendでDataContextの設定
– Blendでデータバインディング
- 18. Storyboard
? Storyboard
– アニメーションの集合
– Aの要素のBプロパティを何秒かけてCの値へ
– etc…
? イベントをきっかけに開始
? コードから開始
? コードで結果を計算して開始
- 19. Visual State Manager
? ストーリーボードを状態ごとに名前をつけて管理
するもの。
? コントロール内部でよく使われている
– フォーカスがあるときは
? A、B、Cのアニメーションをする
– マウスが上にあるときは
? D、E、Fのアニメーションをする
? アプリケーションを状態に応じて表示切替
– ログイン中とそうじゃないとき
– Windowsストアアプリでは画面の向きなど
- 20. Behavior
? コントロールに動作を追加
– 基本的にViewに閉じた操作にするのが良い
– ドラッグ操作に対応
– ピンチイン?ピンチアウトによる拡大縮小
– イベントに対応して何か処理を起動する
– etc…
- 21. デモ
? コントロールを作成
– Visual Stateの切り替え
? ビヘイビアー使ってみる
– タッチ操作対応
– いきすぎたサンプルプログラム
– ViewModelのメソッドを呼ぶ
- 22. データ
? サンプルデータ
– 適当なデータを表示するのに便利
? モックアップ
? デザイナで表示イメージ確認
? データソース
– データの置場を作れる
– 自作のクラスを使うこともできる
- 23. デモ
? サンプルデータを使ってみる
? 自作クラスをデータソースに
- 24. まとめ
? Visual Stduio 2012 Update2でBlend for
VS2012がWPF4.5とSilverlight 5対応に
? Visual Studio 2012でも大体のことはできる
? Blendにしかできないことも健在
? きちんと知って使いこなそう
