狠狠撸

狠狠撸Share a Scribd company logo

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

?
?
Manato KAMEYA
Manato KAMEYA

Room metro Tokyo #2 の LT で使用した資料です。 前回 (#1) の続きで、Windows 8.1 RTM 版で Per-Monitor DPI がどうなったかと、その WPF 対応のお話。

1 of 14
Downloaded 11 times
アプリ デスクトップがこの 先生きのこるには (2) 2013/10/12 Room metro Tokyo #2 Manato KAMEYA (@Grabacr07)
Subject ? 前回 (めとべや東京 #1) の続きです ? WPF (Windows Desktop) の話です ? Windows 8.1 の新機能の話です ? Per-Monitor DPI、WPF でどうやんの？ ? わりと未解決
Self Introduction ? 亀谷 学人 (かめや まなと) ? 某メーカー系 SIer 勤務 ? C# + WPF Windows Client Application 開発 ? Twitter: ぐらばく (@Grabacr07) ? Blog: http://grabacr.net/ 最近ずっと目が死んでる
Previous session ? Windows 8 と様々なタブレット PC の登場 ? ディスプレイの小型化 + 高精細化 高 DPI 環境の標準化 物理的な 1 ドット サイズ TABLET / PC SIZE RESOLUTION PPI Acer ICONIA W3 8.1 inch WXGA (1280 x 800) 186 ppi Acer ICONIA W7 11.6 inch Full-HD (1920 x 1080) 190 ppi Surface Pro 10.6 inch Full-HD (1920 x 1080) 208 ppi MacBook Pro (Retina) 13.3 inch WQXGA (2560 x 1600) 227 ppi 174 mm x 109 mm 257 mm x 146 mm 235 mm x 132 mm 287 mm x 179 mm 0.136 mm 0.134 mm 0.122 mm 0.112 mm
96 DPI (100 %) 1920 x 1080
120 DPI (125 %) 1536 x 864
144 DPI (150 %) 1280 x 720
Per-Monitor DPI ? Windows 8.1 の新機能 ? モニターごとにスケーリング可能！ 144 dpi (150 %) 96 dpi (100 %) Primary: 10.6” Tablet (1920 x 1080) Secondary: 24” Display (1920 x 1200)
Support WPF…? ? WPF ではどうなるの ? 非対応！ (DPI 仮想化でボケる) ? Windows 8.1 Preview だから…？ ? RTM 版ならキレイに 表示されるよね…？ RTM ? 非対応！！！ ? RTM 版でもダメだったよ… DPI 仮想化でボケる
Per-Monitor DPI + WPF ? わかったよ、自分で作るわ ※ 注意: P/Invoke 成分が含まれます ? ひつようなもの ? MonitorFromWindow 関数 指定したウィンドウがどのモニターに属するかを取得 ? GetDpiForMonitor 関数 (Windows 8.1 で追加) 指定したモニターの DPI を取得 ? WM_DPICHANGED メッセージ (Windows 8.1 で追加) DPI が変更されたとき (ディスプレイをまたいだときなど) に飛んでくる
Per-Monitor DPI + WPF ? ひつようなもの (続き) ? マニフェスト Per-Monitor DPI に対応していることを宣言 <asmv3:application xmlns:asmv3="urn:schemas-microsoft-com:asm.v3"> <asmv3:windowsSettings xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings"> <dpiAware>True/PM</dpiAware> </asmv3:windowsSettings> </asmv3:application> 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)
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;
Conclusion ? Windows 8.1 で Per-Monitor DPI が追加 ? しかし WPF は DPI 仮想化でボケる… ? 現在のモニターの DPI と DPI の変更は取得可能 ? なので、ScaleTransform してしまえばいい？ ? もっと他にいい方法あったら教えてください
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

More Related Content

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

  • 2. Subject ? 前回 (めとべや東京 #1) の続きです ? WPF (Windows Desktop) の話です ? Windows 8.1 の新機能の話です ? Per-Monitor DPI、WPF でどうやんの？ ? わりと未解決
  • 3. Self Introduction ? 亀谷 学人 (かめや まなと) ? 某メーカー系 SIer 勤務 ? C# + WPF Windows Client Application 開発 ? Twitter: ぐらばく (@Grabacr07) ? Blog: http://grabacr.net/ 最近ずっと目が死んでる
  • 4. Previous session ? Windows 8 と様々なタブレット PC の登場 ? ディスプレイの小型化 + 高精細化 高 DPI 環境の標準化 物理的な 1 ドット サイズ TABLET / PC SIZE RESOLUTION PPI Acer ICONIA W3 8.1 inch WXGA (1280 x 800) 186 ppi Acer ICONIA W7 11.6 inch Full-HD (1920 x 1080) 190 ppi Surface Pro 10.6 inch Full-HD (1920 x 1080) 208 ppi MacBook Pro (Retina) 13.3 inch WQXGA (2560 x 1600) 227 ppi 174 mm x 109 mm 257 mm x 146 mm 235 mm x 132 mm 287 mm x 179 mm 0.136 mm 0.134 mm 0.122 mm 0.112 mm
  • 5. 96 DPI (100 %) 1920 x 1080
  • 6. 120 DPI (125 %) 1536 x 864
  • 7. 144 DPI (150 %) 1280 x 720
  • 8. Per-Monitor DPI ? Windows 8.1 の新機能 ? モニターごとにスケーリング可能！ 144 dpi (150 %) 96 dpi (100 %) Primary: 10.6” Tablet (1920 x 1080) Secondary: 24” Display (1920 x 1200)
  • 9. Support WPF…? ? WPF ではどうなるの ? 非対応！ (DPI 仮想化でボケる) ? Windows 8.1 Preview だから…？ ? RTM 版ならキレイに 表示されるよね…？ RTM ? 非対応！！！ ? RTM 版でもダメだったよ… DPI 仮想化でボケる
  • 10. Per-Monitor DPI + WPF ? わかったよ、自分で作るわ ※ 注意: P/Invoke 成分が含まれます ? ひつようなもの ? MonitorFromWindow 関数 指定したウィンドウがどのモニターに属するかを取得 ? GetDpiForMonitor 関数 (Windows 8.1 で追加) 指定したモニターの DPI を取得 ? WM_DPICHANGED メッセージ (Windows 8.1 で追加) DPI が変更されたとき (ディスプレイをまたいだときなど) に飛んでくる
  • 11. Per-Monitor DPI + WPF ? ひつようなもの (続き) ? マニフェスト Per-Monitor DPI に対応していることを宣言 <asmv3:application xmlns:asmv3="urn:schemas-microsoft-com:asm.v3"> <asmv3:windowsSettings xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings"> <dpiAware>True/PM</dpiAware> </asmv3:windowsSettings> </asmv3:application> 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)
  • 12. 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;
  • 13. Conclusion ? Windows 8.1 で Per-Monitor DPI が追加 ? しかし WPF は DPI 仮想化でボケる… ? 現在のモニターの DPI と DPI の変更は取得可能 ? なので、ScaleTransform してしまえばいい？ ? もっと他にいい方法あったら教えてください
  • 14. 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
AboutCopyright
? 2025 狠狠撸