わんくま同盟大阪勉強会 #1

Size: px

Start display at page:

Download "わんくま同盟大阪勉強会 #1"

ふじよしみねむら
5 years ago
Views:

1 えムナウ ( 児玉宏之 )

2 アジェンダ Windows Presentation Foundation アーキテクチャアニメーションフロードキュメントリソースとスタイルとテンプレートイベントとキーとコマンド

3 WPF WPF(Windows Presentation Foundation).NET Framework 3.0 で提供される新たなフレームワーク UI 2D および 3D オブジェクトの描画ベクトルグラフィックスラスタグラフィックスアニメーション音声および動画の再生などといった表現手法を統一的に利用することができる Windows Vista にプリインストールされており Windows XP SP2 および Windows Server 2003 でも利用できる

4 WPF XBAP(XAML Browser Application) Internet Explorer をホストとするアプレットタイプの WPF アプリケーション WPF アプリケーションをほとんど修正しないで実行できる Internet Zone で動作するためセキュリティの関係で動作しない機能がある.NET Framework 3.0 が必要 Windows Vista Windows XP SP2 Windows Server 2003

5 WPF/E WPF 軽量なランタイムを事前に配布することで様々なブラウザで動作するリッチコンテンツアプリケーションを開発できる機能は制限されるが複数 OS 上で各種ブラウザで実行できる Windows XP Vista マック IE5.5 以上 Mozilla1 以上 Firefox1 以上 Opera 7 以上 Safari1 以上

6 WPF WinForm WPF XBAP WPF/E ASP.NET AJAX ブラウザ - - IE IE Mozilla Firefox Opera Safari プラットフォームランタイムインストール Windows 2000 XP 2003 Vista.Net Framework 2.0 Windows XP 2003 Vista.Net Framework 3.0 Windows XP 2003 Vista.Net Framework 3.0 Windows 2000 XP 2003 Vista マックブラウザプラグイン IE Firefox Safari 任意なし

7 Windows Presentation Foundation アーキテクチャドキュメントサービスユーザインターフェースサービス XPS 文書アプリケーションサービスコントロールデータバインディングパッケージサービス配置サービスレイアウトメディアサービス基本サービス描画 2D オーディオ XAML テキスト効果 3D ビデオアクセシビリティアニメーション入力とイベント構成エンジンプロパティ

8 基本サービス -XAML

9 Expression XAML を生成 XAML 属性設定 Visual Studio プログラムで動的生成プロパティ設定基本サービス - プロパティ XAML C# VB.NET <Button Width="100"> OK <Button.Background> LightBlue </Button.Background> </Button> Button b1 = new Button(); b1.content = "OK"; b1.background = new SolidColorBrush(Colors.LightBlue); b1.width = 100; Dim b1 As New Button b1.content = "OK" b1.background = New _ SolidColorBrush(Colors.LightBlue) b1.width = 100

11 ユーザーインターフェースサービス - レイアウト Canvas DockPanel StackPanel Grid WrapPanel ScrollViewer ViewBox 現在の GDI や GDI+ の機能に似た座標軸上の配置が行えます追加されたプロパティを使用して項目の位置を制御することもできます上下左右に Dock することで正確な配置を考慮せずに項目を配置できますコンテンツを左から右または上から下へと配置するスタックモデルを提供します行 / グリッドを配置するためのモデルを提供しますエクスプローラウィンドウの右側のウィンドウ枠をモデリングし項目が現在の行の行末に達すると新しい行に折り返します子のコンテンツにスクロールバーを設定します利用可能なスペースからコンテンツがオーバーフローするとスクロールバーが表示されユーザーがコンテンツ領域を移動できるようになりますコンテンツのサイズが親パネルに収まるように制限されますこれにより一種の自動ズーム効果が得られます

12 ユーザーインターフェースサービス - コントロール PrintPreviewDialog DateTimePicker NumericUpdown DomainUpdown ErrorProvider HelpProvider ImageList LinkLabel MaskedTextBox MonthCalender NotifyIcon PrintDocument PropertyGrid Windows Forms のみ ColorDialog FolderBrowseDialog FontDialog DataGrid DataGridView

13 ユーザーインターフェースサービス - コントロール WPF のみ (ToolBox で選択できるもの ) 図形 Line Ellipse Rectangle ビューアー ViewBox ScrollViewer FlowDocumentPageViewer FlowDocumentScrollViewer パネル DockPanel StackPanel VirtualModeStackPanel ToolBarOverflowPanel UniformGrid Popup BulletDecorator

14 ユーザーインターフェースサービス - コントロール WPF のみ (ToolBox で選択できるもの ) Textやボタン TextBlock PasswordBox RepeatButton ToggleButton インク InkCanvas InkPresenter 3-D ViewPort3D 小物 Expander Thumb Border ResizeGrip ContentPresenter HeaderedContentControl

15 描画要素 WPF では Pen や Brush には Dispose が不要になりました System.Windows.Media 名前空間のものだけですが Animatable クラスを継承している描画関係のクラス全般にわたって Dispose が不要です

16 背景を透けさせる dwmapi.dll の DwmExtendFrameIntoClientArea と DwmIsCompositionEnabled を使います Window. OnSourceInitialized をオーバーライドして Background と CompositionTarget.BackgroundColor を Transparent に指定します DwmExtendFrameIntoClientArea で全 ClientArea に拡張します

18 アニメーション Storyboard に Timeline を追加してアニメーションを作成しイベントをトリガとして Timeline を起動します徐々に変化し指定時間には変化完了します

19 アニメーション例えば 5 秒後までに徐々に色が変わるようにするには以下のようなタグを使います ColorAnimationUsingKeyFrames SplineColorKeyFrame <Storyboard x:key="timeline1"> <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)"> <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF66132E"/> <SplineColorKeyFrame KeyTime="00:00:05" Value="#FF6A6A6A"/> </ColorAnimationUsingKeyFrames> </Storyboard>

20 アニメーションアニメーション可能なクラスがある型 Boolean Byte Char Color Decimal Double Int16 Int32 Int64 Matrix Object Point3D Point Quaternion Rect Rotation3D Single Size String Thickness Vector3D Vector

22 グラフィカルインターフェイス Windows フォームメディアサービス PDF GDI+ Windows Media Player Direct3D WPF 画面上のドキュメント固定書式ドキュメント画像ビデオとオーディオ 2D のグラフィックス 3D のグラフィックス

23 フロードキュメントメディアサービス - テキスト FlowDocument タグで定義したドキュメントビューワーで表示します FlowDocumentViewer FlowDocument ScrollViewer

26 リソースとスタイルとテンプレート <Window.Resources> の中に単独のプロパティをリソースとして保存して使い回しができます <Window.Resources> の中に複数のプロパティをスタイルとして保存して使い回しができますテンプレートはスタイルの拡張でオブジェクトのビジュアルツリーを含めることができます

27 リソースリソースとスタイルとテンプレート特別な背景色を保存して再利用するスタイルボタンのサイズや背景色前景色を保存して再利用するテンプレートボタンの形状も含めサイズや背景色前景色を保存して再利用するボタンに図とテキストを入れた形で保存して再利用する

29 イベントとキーとコマンド違います!!!

30 イベントイベントの追加はプログラムからでもデザイナからでも作成できますもちろんイベントの実装はプログラムで行います XAML <RepeatButtonx:Name= UpArrow Clic k= UpArrow_Click /> C# UpArrow.Click+= new RoutedEventHandler(UpArrow_Click); VB.NET Addhandler UpArrow.Click, AddressOf UpArrow_Click

31 イベント Window UserControl 5 3 Button が処理をするイベントはバブル型では発生しない Button 4

32 コマンド XAML でコマンドを指定することによりプログラムのコマンドを実行できます以下の例では Save ボタンを ApplicationCommands.Save コマンドにバインドしています <Button Name= buttonsave Command= Save /> 保存 </Button >

33 コマンド CommandBinding SaveCommandBinding = new CommandBinding( ApplicationCommands.Save, SaveCommandExecuted, SaveCommandCanExecute); this.commandbindings.add(savecommandbinding); void SaveCommandExecuted(object target, ExecutedRoutedEventArgs e) { // 実際の保存処理 } void SaveCommandCanExecute(object sender, CanExecuteRoutedEventArgs e) { e.canexecute= true; }

34 キーキーをコマンドにバインディングできます下はコントロール +S を ApplicationCommands.Save コマンドにバインドした例です KeyBinding SaveKeyBinding = new KeyBinding( ApplicationCommands.Save, Key.S, ModifierKeys.Control); this.inputbindings.add(savekeybinding);

XAML Do-It-Yourself 第 3 回ベントとトリガー XML Do-It-Yourself 第 3 回目はベント処理とトリガーについて学習します Windows フォームゕプリケーションではたとえばボタンが押されたというベントに対応する処理 ( ベントハンドラー ) を記述する

XAML Do-It-Yourself シリーズ第 3 回ベントとトリガー -1- XAML Do-It-Yourself 第 3 回ベントとトリガー XML Do-It-Yourself 第 3 回目はベント処理とトリガーについて学習します Windows フォームゕプリケーションではたとえばボタンが押されたというベントに対応する処理 ( ベントハンドラー ) を記述することでゕプリケーションのユーザーンターフェスを実現していました

わんくま同盟 大阪勉強会 #1

わんくま同盟大阪勉強会 #1