• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Windowsの画面スケーリングをきちんと理解しよう
 

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

on

  • 1,282 views

 

Statistics

Views

Total Views
1,282
Views on SlideShare
827
Embed Views
455

Actions

Likes
7
Downloads
13
Comments
0

2 Embeds 455

http://d.hatena.ne.jp 448
https://twitter.com 7

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • プログラミング生放送勉強会 第28回@東北大学
    • 7/12(土) - 13(日)
    • メーカー メーカー ディスプレイ (インチ) 解像度 (総画素数) ピクセル密度 (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
    • 1,920×1,080
    • 3,840×2,160 プロ生@仙台 Window title
    • 3,840×2,160 プロ生@仙台 Window title
    • 1,920×1,0803,840×2,160 282PPI 15.6インチ 141PPI 15.6インチ
    • Windowsストアアプリ (スタート画面含む) デスクトップアプリ (デスクトップ含む)
    •   スケーリング ピクセル密度(PPI) 最低解像度 140% 174 1,920 x 1,080 180% 240 2,560 x 1,440
    • メーカー メーカー ディスプレイ (インチ) 解像度 (総画素数) ピクセル密度 (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%
    •      
    •  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);
    • Windows 8.1
    • 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)
    • Build 2014 Windows Desktop Development Platform Advancementsのスライドより
    • 機能 XP Vista 7 8 8.1 コントロールパネルの[DPIスケール 設定]/[テキストやその他の項目の 大きさの変更]設定 ✔ ✔ ✔ ✔ ✔ [カスタム DPI 設定]/[カスタムサイズ変更オプション]設定 ✔ ✔ ✔ ✔ ✔ [Windows XP 形式の DPI スケーリングを使用する]チェックボックス ✔ ✔ ✔ [すべてのディスプレイで同じ拡大率を使用する]チェックボックス ✔ DPI 仮想化 ✔ ✔ ✔ ✔ DPI 対応にすることを宣言するためのAPI ✔ ✔ ✔ ✔ システムメトリックやDPIを取得するためのAPI ✔ ✔ ✔ ✔ ✔ ディスプレイのDPIを取得するためのAPI ✔ ユーザごとのDPI設定(システムDPI設定変更のために再起動不要) ✔ ✔ ✔ ディスプレイごとに異なる拡大率を使用する ✔
    •   スケーリング ピクセル密度(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※ ※
    • メーカー メーカー ディスプレイ (インチ) 解像度 (総画素数) ピクセル密度 (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%
    •    
    • モニタごとのDPI:150% モニタごとのDPI:100%
    • モニタごとのDPI:150% モニタごとのDPI:100%
    • 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% 変更なし
    •    
    •   
    •    SetProcessDpiAwareness   
    • <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なアプリケーション
    • プライマリ モニタ 150%(システムDPI、モニタ ごとのDPI) セカンダリ モニター 100%(モニタごとのDPI) DPI-awareでない アプリケーション 100%をDPI仮想化で150%に拡 大するので、ぼける 100%なのでぼけない システムDPI–awareな アプリケーション(モ ニタごとのDPI非対応) ぼけない 150%をDPI仮想化で100%縮小 するので、ぼける Monitor DPI–awareな アプリケーション ぼけない ぼけない
    • システムDPI モニタごとのDPI Win32 自前で対応 サンプルあり 自前で対応 サンプルあり Windowsフォーム △ AutoScaleModeプロパティ 自前で対応 WPF ○ 自前で対応 サンプルあり
    •     
    •    100% (96DPI) 150% (144DPI) 200% (192DPI) 250% (240DPI) 論理的な1ピクセル 1ピクセル 1.5ピクセル 2ピクセル 2.5ピクセル
    •    http://code.msdn.microsoft.com/windowsdesktop/Per-Monitor-Aware-WPF-e43cde33
    •       Where does 96 DPI come from in Windows? - fontblog - Site Home - MSDN Blogs  
    •  
    •        
    •  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