metroスタイルアプリに向けたxamlデザイナーの変更点

Metro スタイルアプリに向けた

XAML デザイナーの変更点

森　博之

Microsoft MVP - Silverlight

極東 IT-Engineers 代表

VSUG DAY – Summer （ 2012.06.16 ）

VSUG DAY - Winter 2012.06.16

自己紹介

• 森　博之（もり　ひろゆき）– Microsoft MVP - Silverlight– コミュニティ / 情報発信活動

• ブログ : もり　ひろゆきの日々是勉強 http://moriblog.kit-eng.com

• 極東 IT-Engineers 代表 http://www.kit-eng.com

• わんくま同盟 http://blogs.wankuma.com/hirom/

– 本業• フリーランスエンジニア

– 開発系コンサル・技術サポート・記事執筆・セミナースピーカー


おことわり

• 本日のセッションの内容は私が個人的に調べたものです。

• 公式情報ではありません。

• リリース前の製品の検証結果ですので正式版では動作が変更になる可能性があります。


Agenda

• Visual Studio 2010 XAML エディタふりかえり

• Visual Studio 2012 概要

• Visual Stduio 2012 XAML エディタの進化 !


Visual Studio 2010XAML エディター　ふりかえり


Demonstration


Visual Studio 2012 RC 概要


共通機能 (1)

• プロジェクトファイルの後方互換• ソリューションエクスプローラーからのメンバー情報

の確認• Window 管理

– ピン留め– 水平・垂直タブ– 分割 View


Demonstration


共通機能 (2)

• 検索機能の強化– いろんな場所に検索ボックスが！

• クイック起動• ソリューションエクスプローラー• ツールボックス• ドキュメント ( コード ) エディター（ダイアログではない！）


Demonstration


ツールボックス / ドキュメントアウトライン

• ツールボックス– 検索ボックスが追加– コントロールの追加のエクスペリエンスの変更

• VS2010: 固定サイズ• VS2012RC: デザイナー上でサイズ指定

• ドキュメントアウトライン• コントロールの表示・非表示が行える• ロック・ロック解除が行える


Demonstration


デザイナー・ XAML ビュー

• デザインビューでのコントロール操作– ポインター– コントロール追加– パネルが直接移動可能– グリッドレールが帯から線へ– レイアウトのリセットが変更に

• ただし、コントロールの設定が変更になっているものも！– データバインディングの作成！– テンプレート / 追加テンプレートの編集が可能に！


Demonstration


プロパティウインドウ

• VS+Blend （？）– パネル– プロパティ操作は Blend そのもの– グラデーションは…– 寄せ集め？


Demonstration


その他・・・

• Blend for Visual Studio– HTML/XAML 編集

• METRO スタイルアプリのみ• グラーデションや Animation/Storyboard/Visual State

Manager は Blend で・・・

• SL や WPF はコードエディタのみになる


まとめ

• 新しい Visual Studio の XAML エディタでは Blend の機能が多く取り込まれている

• ただし、一部機能はまだ Blend でのみ有効– グラデーションツール

– WPF は Blend4– Silverlight は Blend for Silverlight 5 Preview( 英語のみ )– ビヘイビアは・・・。


Thank you!

metroスタイルアプリに向けたxamlデザイナーの変更点

Documents