デスクトップアプリがこの先生きのこるには (2)

Slide 1

Slide 1 text

デスクトップがこの先生きのこるには (2) 2013/10/12 Room metro Tokyo #2 Manato KAMEYA (@Grabacr07) アプリ

Slide 2

Slide 2 text

Subject • 前回 (めとべや東京 #1) の続きです • WPF (Windows Desktop) の話です • Windows 8.1 の新機能の話です • Per-Monitor DPI、WPF でどうやんの？ • わりと未解決

Slide 3

Slide 3 text

Self Introduction • 亀谷学人 (かめやまなと) • 某メーカー系 SIer 勤務 • C# + WPF Windows Client Application 開発 • Twitter: ぐらばく (@Grabacr07) • Blog: http://grabacr.net/ 最近ずっと目が死んでる

Slide 4

Slide 4 text

Previous session • Windows 8 と様々なタブレット PC の登場 • ディスプレイの小型化 + 高精細化高 DPI 環境の標準化 TABLET / PC SIZE RESOLUTION PPI Acer ICONIA W3 8.1 inch 174 mm x 109 mm WXGA (1280 x 800) 186 ppi 0.136 mm Acer ICONIA W7 11.6 inch 257 mm x 146 mm Full-HD (1920 x 1080) 190 ppi 0.134 mm Surface Pro 10.6 inch 235 mm x 132 mm Full-HD (1920 x 1080) 208 ppi 0.122 mm MacBook Pro (Retina) 13.3 inch 287 mm x 179 mm WQXGA (2560 x 1600) 227 ppi 0.112 mm 物理的な 1 ドットサイズ

Slide 5

Slide 5 text

96 DPI (100 %) 1920 x 1080

Slide 6

Slide 6 text

120 DPI (125 %) 1536 x 864

Slide 7

Slide 7 text

144 DPI (150 %) 1280 x 720

Slide 8

Slide 8 text

Per-Monitor DPI • Windows 8.1 の新機能 • モニターごとにスケーリング可能！ Primary: 10.6” Tablet (1920 x 1080) Secondary: 24” Display (1920 x 1200) 144 dpi (150 %) 96 dpi (100 %)

Slide 9

Slide 9 text

Support WPF…? • WPF ではどうなるの • 非対応！ (DPI 仮想化でボケる) • Windows 8.1 Preview だから…？ • RTM 版ならキレイに表示されるよね…？ • 非対応！！！ • RTM 版でもダメだったよ… RTM DPI 仮想化でボケる

Slide 10

Slide 10 text

Per-Monitor DPI + WPF • わかったよ、自分で作るわ ※ 注意: P/Invoke 成分が含まれます • ひつようなもの • MonitorFromWindow 関数指定したウィンドウがどのモニターに属するかを取得 • GetDpiForMonitor 関数 (Windows 8.1 で追加) 指定したモニターの DPI を取得 • WM_DPICHANGED メッセージ (Windows 8.1 で追加) DPI が変更されたとき (ディスプレイをまたいだときなど) に飛んでくる

Slide 11

Slide 11 text

Per-Monitor DPI + WPF • ひつようなもの (続き) • マニフェスト Per-Monitor DPI に対応していることを宣言 True/PM dpi-Aware 値効果 False High DPI 対応してません True High DPI 対応してます (Per-Monitor DPI は無理) Per-Monitor Per-Monitor DPI 対応してます (Windows Vista ～ 8 では False) True/PM Per-Monitor DPI 対応してます (Windows Vista ～ 8 では True)

Slide 12

Slide 12 text

Per-Monitor DPI + WPF • DPI 値がわかったら • ScaleTransform で Window の子要素をスケーリング var scaleX = dpiX / 96.0; var scaleY = dpiY / 96.0; var element = window.Content as FrameworkElement; if (element != null) { // 実際は、既に Transform されていたケースを考慮するので // もうちょっと複雑になる element.LayoutTransform = new ScaleTransform(scaleX, scaleY); } window.Width *= scaleX; window.Height *= scaleY;

Slide 13

Slide 13 text

Conclusion • Windows 8.1 で Per-Monitor DPI が追加 • しかし WPF は DPI 仮想化でボケる… • 現在のモニターの DPI と DPI の変更は取得可能 • なので、ScaleTransform してしまえばいい？ • もっと他にいい方法あったら教えてください

Slide 14

Slide 14 text

Reference • DPI and Device-Independent Pixels http://msdn.microsoft.com/en-us/library/windows/desktop/ff684173(v=vs.85).aspx • Writing DPI-Aware Desktop Applications in Windows 8.1 Preview http://go.microsoft.com/fwlink/p/?LinkID=307061 • GetDpiForMonitor function http://msdn.microsoft.com/library/windows/desktop/dn280510.aspx • DPI Tutorial sample http://code.msdn.microsoft.com/DPI-Tutorial-sample-64134744/description