Weitere ähnliche Inhalte Ähnlich wie Blend for visual studio 2013の新機能 (20) Blend for visual studio 2013の新機能1. Blend for Visual Studio
2013の新機能
Blend for VS2013のWindows ストア アプリ開発の機能を見てみよう
Microsoft MVP for Client App Dev 2011/07-2014/06
大田 一希
2. 自己紹介
▪ 大田 一希
▪ Microsoft MVP for Client App Dev 2011/06-2014/07
▪ Twitter: @okazuki
▪ Blog: かずきのBlog@hatena
http://okazuki.hatenablog.com/
▪ 本書いてます
▪ Windows 8 ストア アプリ開発入門
▪ Windows ストア アプリ開発のレシピ110
▪ トピックス
▪ 最近改宗してiPhone 5買いました
3. 注意
▪ Blend for Visual Studio 2013 RC時点の情報です。正式版では異
なる可能性があります。
▪ Blend for Visual Studio 2013は長いので、Blend for VS2013と略
してます
▪ 文中で特に断りなく”Blend for VS2013の機能”のように書いて
ある場合は原則としてWindows ストア アプリ開発のための
Blend for VS2013の機能のことをさします。
▪ 掲載内容は私自身の見解であり、所属する組織を代表する
ものではありません
5. 目次
▪ Blend for Visual Studio 2013とは
▪ Blend for Visual Studio 2013新機能
▪ Windows ストア アプリのBehavior
▪ 新しいコントロールのサポート
▪ まとめ
8. 現状
▪ Visual Studioに同梱
▪ Visual Studio 2012/2013を買うとBlend for Visual Studio 2012/2013が
ついてくる
(Windows PhoneとWindows ストア アプリはExpress Editionあり)
▪ つまり開発者のためのツールなんですか…?(疑問)
10. Blend for Visual Studio 2013とは まとめ
▪ Visual Studioと同じソリューションファイルを対象に作業が
できる
▪ XAMLで画面デザインする上で最高のツール
▪ 2013で待望の新機能が諸々追加されてる
▪ WPFやSilverlightやWindows Phoneでは既にあった機能がほとんど
ですが…
20. XAML的にはTriggerもBehavior
▪ WPF
▪ Windows ストア アプリ
<i:Interaction.Triggers>
<i:EventTrigger EventName="Click">
<ei:GoToStateAction/>
</i:EventTrigger>
</i:Interaction.Triggers>
<Interactivity:Interaction.Behaviors>
<Core:EventTriggerBehavior EventName="Click">
<Core:GoToStateAction/>
</Core:EventTriggerBehavior>
</Interactivity:Interaction.Behaviors>
22. Blend for VS2013で提供されるBehavior
▪ Windows ストア アプリ(10個)
▪ CallMethodAction
▪ ChangePropertyAction
▪ ControlStoryboardAction
▪ DataTriggerBehavior
▪ EventTriggerBehavior
▪ GoToStateAction
▪ IncrementalUpdateBehavior
▪ InvokeCommandAction
▪ NavigateToPageAction
▪ PlaySoundAction
▪ WPF(14個)
▪ CallMethodAction
▪ ChangePropertyAction
▪ ControlStoryboardAction
▪ DataStateBehavior
▪ FuidMoveBehavior
▪ FluidMoveSetTagBehavior
▪ GoToStateAction
▪ InvokeCommandAction
▪ LaunchUriOrFileAction
▪ MouseDragEementBehavior
▪ PlaySoundAction
▪ RemoveEementAction
▪ SetDataStoreValueAction
▪ TranslateZoomRotateBehavior
ちょっと少ない
※赤色が相手に無いもの
26. クラス構造
▪ 今まで
▪ IAttachedObject
▪ Behavior<T> : Freezable, IAttachedObject
▪ TriggerBase<T> : Freezable, IAttachedObject
▪ EventTrigger
▪ ActionBase<T> : Freezable, IAttachedObject
▪ GoToStateAction
▪ ストア アプリ
▪ IBehavior
▪ EventTriggerBehavior : DependencyObject, IBehavior
▪ IAction
▪ GoToStateAction : DependencyObject, IBehavior
27. TriggerBehaviorになるには?
▪ DependencyObjectを継承
▪ IBehaviorを実装
▪ OnAttachedメソッドの実装
▪ OnDetachingメソッドの実装
▪ ActionCollection型のActionsという依存プロパティが必要
▪ public static readonly DependencyProperty ActionsProperty =
DependencyProperty.Register….(…);
public ActionCollection Actions {
get {
var value = this.GetValue(ActionsProperty) as ActionCollection;
if (value == null) {
value = new ActionCollection();
this.SetValue(ActionsProperty, value);
}
return value;
}
}
34. Blend for VS2013
▪ 最高のXAMLの画面デザインツール
▪ 使い勝手のいい画面デザイナ (主観)
▪ サンプルデータ
▪ ドラッグでデータバインドの作成
▪ ビヘイビア
▪ ストーリーボード
▪ Visual State Manager
▪ デザイン時DataContextの作成