Your SlideShare is downloading. ×
Windowsの画面スケーリングをきちんと理解しよう
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Windowsの画面スケーリングを きちんと理解しよう

7,256
views

Published on

Published in: Technology

0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
7,256
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
28
Comments
0
Likes
11
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. プログラミング生放送勉強会 第28回@東北大学
  • 2. 7/12(土) - 13(日)
  • 3. メーカー メーカー ディスプレイ (インチ) 解像度 (総画素数) ピクセル密度 (PPI) dynabook T954 東芝 15.6 3,840×2,160 282 Yoga 2 Pro レノボ 13.3 3,200×1,800 276 LIFEBOOK UH90/M 富士通 14 3,200×1,800 262 XPS 11 デル 11.6 2,560×1,440 253 MacBook Pro Retina(13インチ) アップル 13 2,560×1,600 227 dynabook KIRA V834 東芝 13.3 2,560×1,440 220 LIFEBOOK UH90/M 富士通 13.3 2,560×1,440 220 LaVie Z NEC 13.3 2,560×1,440 220 MacBook Pro Retina(15インチ) アップル 15 2,880×1,800 220 Surface Pro 3 マイクロソフト 12 2,160×1,440 216 Surface Pro 2 マイクロソフト 10.6 1,920×1,080 208 UP2414Q(ディスプレイ単体) デル 23.8 3,840×2,160 185
  • 4. 1,920×1,080
  • 5. 3,840×2,160 プロ生@仙台 Window title
  • 6. 3,840×2,160 プロ生@仙台 Window title
  • 7. 1,920×1,0803,840×2,160 282PPI 15.6インチ 141PPI 15.6インチ
  • 8. Windowsストアアプリ (スタート画面含む) デスクトップアプリ (デスクトップ含む)
  • 9.   スケーリング ピクセル密度(PPI) 最低解像度 140% 174 1,920 x 1,080 180% 240 2,560 x 1,440
  • 10. メーカー メーカー ディスプレイ (インチ) 解像度 (総画素数) ピクセル密度 (PPI) スケーリ ング dynabook T954 東芝 15.6 3,840×2,160 282 180% Yoga 2 Pro レノボ 13.3 3,200×1,800 276 180% ThinkPad 8 レノボ 8.3 1,920×1,080 272 140% LIFEBOOK UH90/M 富士通 14 3,200×1,800 262 180% XPS 11 デル 11.6 2,560×1,440 253 180% dynabook KIRA V834 東芝 13.3 2,560×1,440 220 140% LIFEBOOK UH90/M 富士通 13.3 2,560×1,440 220 140% LaVie Z NEC 13.3 2,560×1,440 220 140% Surface Pro 3 マイクロソフト 12 2,160×1,440 216 140% Surface Pro 2 マイクロソフト 10.6 1,920×1,080 208 140% ICONIA W4 エイサー 8 1,280×800 188 100% UP2414Q(ディスプレイ単体) デル 23.8 3,840×2,160 185 140%
  • 11.      
  • 12.  images/logo.scale-100.png images/logo.scale-140.png images/logo.scale-180.png XAML <Image Source="images/logo.png" /> HTML <img src="images/logo.png" /> JavaScript var uri = new Windows.Foundation.Uri('ms-appx:///images/logo.png'); var file = Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri); C# var uri = new System.Uri("ms-appx:///images/logo.png"); var file = Windows.Storage.StorageFile.GetFileFromApplicationUriAsync(uri);
  • 13. Windows 8.1
  • 14. DPI XP Vista 7 8 8.1 8.1アップデート 96 通常のサイズ (96 DPI) 既定のスケール (96 DPI) – より多 くの情報 小 – 100% (既定) 小 – 100%(S) 小 – 100%(S) 小 – 100%(S) 120 大きなサイズ (120 DPI) 大きなスケール (120 DPI) – 読み やすいテキスト 中 (M) – 125% 中 – 125%(M) 中 – 125%(M) 中 – 125%(M) 144 大 (L) – 150% 大 – 150%(L) 大 – 150%(L) 大 – 150%(L) 192 特大 – 200%(E) 特大 – 200%(E) 240 超特大 – 250%(E)
  • 15. Build 2014 Windows Desktop Development Platform Advancementsのスライドより
  • 16. 機能 XP Vista 7 8 8.1 コントロールパネルの[DPIスケール 設定]/[テキストやその他の項目の 大きさの変更]設定 ✔ ✔ ✔ ✔ ✔ [カスタム DPI 設定]/[カスタムサイズ変更オプション]設定 ✔ ✔ ✔ ✔ ✔ [Windows XP 形式の DPI スケーリングを使用する]チェックボックス ✔ ✔ ✔ [すべてのディスプレイで同じ拡大率を使用する]チェックボックス ✔ DPI 仮想化 ✔ ✔ ✔ ✔ DPI 対応にすることを宣言するためのAPI ✔ ✔ ✔ ✔ システムメトリックやDPIを取得するためのAPI ✔ ✔ ✔ ✔ ✔ ディスプレイのDPIを取得するためのAPI ✔ ユーザごとのDPI設定(システムDPI設定変更のために再起動不要) ✔ ✔ ✔ ディスプレイごとに異なる拡大率を使用する ✔
  • 17.   スケーリング ピクセル密度(PPI) 最低解像度 125% 120 1,280 x 960 150% 144 1,536 x 1,080※ 200% 192 2,048 x 1,440※ 250% 240 2,560 x 1,800※ ※
  • 18. メーカー メーカー ディスプレイ (インチ) 解像度 (総画素数) ピクセル密度 (PPI) 既定スケー リング dynabook T954 東芝 15.6 3,840×2,160 282 250% Yoga 2 Pro レノボ 13.3 3,200×1,800 276 250% ThinkPad 8 レノボ 8.3 1,920×1,080 272 150% LIFEBOOK UH90/M 富士通 14 3,200×1,800 262 250% XPS 11 デル 11.6 2,560×1,440 253 200% dynabook KIRA V834 東芝 13.3 2,560×1,440 220 200% LIFEBOOK UH90/M 富士通 13.3 2,560×1,440 220 200% LaVie Z NEC 13.3 2,560×1,440 220 200% Surface Pro 3 マイクロソフト 12 2,160×1,440 216 200% Surface Pro 2 マイクロソフト 10.6 1,920×1,080 208 150% ICONIA W4 エイサー 8 1,280×800 188 100% UP2414Q(ディスプレイ単体) デル 23.8 3,840×2,160 185 150%
  • 19.    
  • 20. モニタごとのDPI:150% モニタごとのDPI:100%
  • 21. モニタごとのDPI:150% モニタごとのDPI:100%
  • 22. 96 (100%) 120 (125%) 144 (150%) 192 (200%) 96 (100%) 変更なし 125% 150% 200% 120 (125%) 80% 変更なし 120% 160% 144 (150%) 66.7% 83.3% 変更なし 133.3% 192 (200%) 50% 62.5% 75% 変更なし
  • 23.    
  • 24.
  • 25.   
  • 26.    SetProcessDpiAwareness   
  • 27. <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> False DPI-awareでないアプリケーション 100%以外は常にDPI仮想化によるスケーリング True システムDPI–awareなアプリケーション システムDPIに対しては常にXP形式のDPIスケーリング ディスプレイごとのDPIに対してはDPI 仮想化 Per-Monitor Windows 8.1ではMonitor DPI–awareなアプリケーション Windows Vista ~ 8 ではDPI-awareでないアプリケーション True/PM Windows 8.1ではMonitor DPI–awareなアプリケーション Windows Vista ~ 8 ではシステムDPI–awareなアプリケーション
  • 28. プライマリ モニタ 150%(システムDPI、モニタ ごとのDPI) セカンダリ モニター 100%(モニタごとのDPI) DPI-awareでない アプリケーション 100%をDPI仮想化で150%に拡 大するので、ぼける 100%なのでぼけない システムDPI–awareな アプリケーション(モ ニタごとのDPI非対応) ぼけない 150%をDPI仮想化で100%縮小 するので、ぼける Monitor DPI–awareな アプリケーション ぼけない ぼけない
  • 29. システムDPI モニタごとのDPI Win32 自前で対応 サンプルあり 自前で対応 サンプルあり Windowsフォーム △ AutoScaleModeプロパティ 自前で対応 WPF ○ 自前で対応 サンプルあり
  • 30.     
  • 31.    100% (96DPI) 150% (144DPI) 200% (192DPI) 250% (240DPI) 論理的な1ピクセル 1ピクセル 1.5ピクセル 2ピクセル 2.5ピクセル
  • 32.    http://code.msdn.microsoft.com/windowsdesktop/Per-Monitor-Aware-WPF-e43cde33
  • 33.       Where does 96 DPI come from in Windows? - fontblog - Site Home - MSDN Blogs  
  • 34.  
  • 35.        
  • 36.  http://msdn.microsoft.com/ja-JP/library/dn469266.aspx  http://msdn.microsoft.com/ja-jp/windows/dd630126.aspx  http://grabacr.net/archives/1132  http://msdn.microsoft.com/ja-jp/magazine/dn574798.aspx