Microsoft PowerPoint - hmoriya-REMIX2006-Print-New [互換モード]

using System; using System.Windows; public class App { [STAThread] public static void Main() { Application app = new Application(); Window win = Window(); win.content = Hello WPF Code ; app.run(win); } } Copyright 2006 Archway Inc. Page 1

<Window xmlns="http://schemas.microsoft.com/ winfx/2006/xaml/presentation" xmlns:x="http://schemas http://schemas.microsoft.com microsoft com /winfx/2006/xaml" > Hello XAML </Window> Copyright 2006 Archway Inc. Page 2

次世代 UI 開発のコンセプト技術的な統合 ( これまでの様々な技術の統合 ) 2D {GDI, GDI+} UI {User32, WinForm} Media {DirectShow} 3D {Direct3D,OpenGL} ベクトルグラフィックすべてDirect3D 経由でレンダリングされる GPUのフル活用宣言型プログラミングを可能に XAML(zamel) UI デザインを XML で記述可能にイノベーションエンタープライズアプリケーションの進化 3Dアプリケーションへの挑戦 Copyright 2006 Archway Inc. Page 8

WPF の構成要素ドキュメントサービスユーザーインターフェースサービス XPSドキュメントアプリケーションサービスコントロールパッケージングサービスデプロイメントサービスレイアウトデータバインディングメディアサービス基本サービスイメージング特殊効果 2D 3D テキストオーディオビデオ XAML アクセシビリティアニメーション入力およびイベント処理合成エンジンプロパティシステム Copyright 2006 Archway Inc. Page 9

開発スタイル Designer Emotional Connection Look, behavior, data visualization, usability, brand impact Developer Functional Capabilities Deployment, function, data connection and integrity, IT process, security Paper JPG / TIFF MOV / WMV PSD PPT XAML C++ C# VB.NET Copyright 2006 Archway Inc. Page 12

通信用管理Application Architecture For.Net ユーザーユーザーインターフェイスコンポーネントユーザーインターフェイスプロセスコンポーネントユーザーインターフェイスコンポーネント運サービスインターフェイスフェイス通ビジネスビジネスビジネスワークフローコンポーネントエンティティデータアクセスロジックコンポーネントサービスエージェントデータソースサービス Copyright 2006 Archway Inc. Page 15

通信Application Architecture For.Net With WPF ユーザー DTO データ転送オブジェクト運用管理DataSet DataTable カスタムオブジェクト XML ユーザーインターフェイスコンポーネント Application(WPF) WindowsApplication XAMLBrowserApplication(WPF) ユーザーインターフェイスプロセスコンポーネントサービスインターフェイスビジネスビジネスビジネスワークフローコンポーネントエンティティデータアクセスロジックコンポーネントサービスエージェントデータソースサービス Copyright 2006 Archway Inc. Page 16

XAML XAML( extensible Application Markup Language) HTML の開発体験を WinForm に! 言語としての XAML コンパイルされて動作言語の範囲はマークアップの範囲に依存しすべて対応しているわけではないパーシャルクラスの理解 WF (Workflow Foundation) にも適用されている Copyright 2006 Archway Inc. Page 21

XAML & C#Code <Button Foreground= Green FontSize= 20pt > XAML Button </Button> Button button = new Button(); Button.Foreground = Brushes.Green; Button.FontSize = 20; Button.Content = Code Button ; Copyright 2006 Archway Inc. Page 23

リソースローカルで利用するリソース Visual Studioで一般的に使われるリソースと若干異なる ResourceDictionaryを型とするキーとオブジェクトからなるリソースディクショナリ XAMLではすべての要素 Applicationなどに配置可能 ResouceDictionary を XAML として別ファイルに分離することも可能 Copyright 2006 Archway Inc. Page 32

単純なバインド XAML Code Binding bind = new Binding(); bind.source = bar; bind.path = new PropertyPath(ScrollBar.ValueProperty); label.setbinding(label.contentproperty, bind); Copyright 2006 Archway Inc. Page 37

Binding Mode <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"> <Canvas> <TextBox Name="theTextBox" Text="Hello" /> <TextBox Canvas.Top="25" Text="{Binding ElementName=theTextBox, Path=Text, Mode=TwoWay}" /> </Canvas> </Window> バインディングモード TwoWay 説明バインド先のコントロールまたはバインドのソースからの変更を双方向でもう一方に移動する ( これが既定モード ) OneWay ソースからの変更だけをスからの変更だけをコントロールに移動しますソースで変更が発生するとスで変更が発生するとバインド先のコントロールのデータが変更される OneTime 起動時にのみデータがバインドされコントロールに初めてデータが書き込まれた後はソースの変更は無視される Copyright 2006 Archway Inc. Page 38

バインドのタイミングの制御バインドによって変更がプッシュされるタイミングも指定できる UpdateSourceTrigger タイプを指定することによりバインドが特定のタイミングでしか変更を行わないように指定できる UpdateSourceTrigger プロパティはソースを変更によって更新するタイミングを指定する Mode=TwoWayのバインド ( 既定 ) と併用する場合にのみ有効 {Binding ElementName=theTextBox, Path=Text, UpdateSourceTrigger=LostFocus} UpdateSourceTrigger Explicit LostFocus 説明 BindingExpression.UpdateSource メソッドを明示的に呼び出した場合のみソースソースが更新されるバインドされたコントロールがフォーカスを失ったときソースが更新される PropertyChanged プロパティが変更されるたびに変更がソースに更新されます変更がソこれが既定の動作 Copyright 2006 Archway Inc. Page 39

XAML のデータバインドほとんどのアプリケーションでは XMLやオブジェクトデーターセットなどにバインドしているこれまでの.NETのデータバインドではバインディングの形態が限定されていて完全なオブジェクトとの連携や拡張が困難だった WPFでは上記の問題にチャレンジしている現在対応しているデータプロバイダ XmlDataProvider XML とのバインド ObjectDataProvider.NET オブジェクトとのバインド Copyright 2006 Archway Inc. Page 40

XMLDataProvider <StackPanel> <StackPanel.Resources> <XmlDataProvider x:key="favoritecolors"> <x:xdata> <Colors xmlns=""> <Color>Blue</Color> <Color>Black</Color> </Colors> </x:xdata> </XmlDataProvider> </StackPanel.Resources> <TextBlock HorizontalAlignment="Center FontWeight="Bold"> XML Example </TextBlock> <ListBox Width="200" Height="300" ItemsSource="{Binding Source={StaticResource FavoriteColors}, XPath=/Colors/Color}"></ListBox> l /Li tb </StackPanel> Copyright 2006 Archway Inc. Page 41

XAML 省略した表記 <Canvas> <TextBox Name="theTextBox" Text="This is TextBox" /> <TextBlock Canvas.Top="25" Text="{Binding ElementName=theTextBox,Path=Text} /> </Canvas> Elementを {} の中に属性値を, でつなげていく省略した表記先ほどの表記 <Canvas> <TextBox Name="theTextBox" Text="This is TextBox" /> <TextBlock Canvas.Top= Top="25"> <TextBlock.Text> <Binding ElementName="theTextBox" Path="Text" /> </TextBlock.Text> T t </TextBlock> </Canvas> Copyright 2006 Archway Inc. Page 52