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

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

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