Visual Studio のエクステンダーのモニターごとの対応のサポート

[アーティクル]
06/19/2023

Visual Studio 2019 より前のバージョンでは、DPI 対応コンテキストがモニターごとの DPI 対応 (PMA) ではなく、システム対応に設定されていました。システム対応で実行すると、Visual Studio がさまざまなスケールファクターを使用するモニター間でレンダリングする必要がある場合や、ディスプレイ構成が異なる (例: Windows の拡大縮小の設定が異なる) コンピューターでリモート処理を行う必要がある場合に、視覚的効果が低下していました (例: フォントやアイコンの表示がぼやける)。

Visual Studio 2019 の DPI 対応コンテキストは PMA として設定されます (環境でサポートされている場合)。これにより、Visual Studio では、1 つのシステムで定義された構成ではなく、ホストされているディスプレイの構成に従ってレンダリングできます。最終的には、PMA モードをサポートする領域用に常に鮮明な UI に変換されます。

このドキュメントで取り上げられている用語と全体的なシナリオの詳細については、「Windows での高 DPI デスクトップアプリケーション開発」を参照してください。

クイックスタート

Visual Studio が PMA モードで実行されていることを確認します (「PMA を有効にする」を参照)。
一連の一般的なシナリオで拡張機能を正しく使用できることを検証します (「拡張機能の PMA の問題をテストする」を参照)。
問題が見つかった場合は、このドキュメントで説明されている戦略と推奨事項を使用して、問題を診断および修正できます。また、必要な API にアクセスするには、新しい Microsoft.VisualStudio.DpiAwareness NuGet パッケージをプロジェクトに追加する必要があります。

PMA を有効にする

Visual Studio で PMA を有効にするには、次の要件を満たす必要があります。

Windows 10 April 2018 Update (v1803、RS4) 以降
.NET Framework 4.8 RTM 以上
ピクセルの密度が異なる画面のレンダリングを最適化するオプションが有効になっている Visual Studio 2019

これらの要件が満たされていると、Visual Studio ではプロセス全体で PMA モードが自動的に有効になります。

Note

Visual Studio の Windows フォームコンテンツ (プロパティブラウザーなど) では、Visual Studio 2019 バージョン16.1 以降がインストールされている場合にのみ PMA がサポートされます。

拡張機能の PMA の問題をテストする

Visual Studio では、WPF、Windows フォーム、Win32、および HTML と JS の UI フレームワークが正式にサポートされています。 Visual Studio を PMA モードにすると、それぞれの UI スタックの動作が異なります。そのため、UI フレームワークに関係なく、テストパスを実行してすべての UI が PMA モードに対応していることを確認することをお勧めします。

次の一般的なシナリオについて検証することをお勧めします。

アプリケーションの実行中に 1 つのモニター環境のスケールファクターを変更する。

このシナリオでは、UI が Windows DPI の動的な変更に対応していることをテストできます。
接続されたモニターがプライマリに設定されていて、アプリケーションの実行時にノート PC とは異なるスケールファクターがそのモニターに設定されているノート PC をドッキング/ドッキング解除する。

このシナリオでは、UI がディスプレイ DPI の変更に応答していること、および動的に追加または削除されたディスプレイを処理することをテストできます。
スケールファクターが異なる複数のモニターを用意して、それらの間でアプリケーションを移動する。

このシナリオでは、UI がディスプレイ DPI の変更に対応していることをテストできます。
プライマリモニターに対するローカルコンピューターとリモートコンピューターのスケールファクターが異なる場合にコンピューターでリモート処理を行う。

このシナリオでは、UI が Windows DPI の動的な変更に対応していることをテストできます。

UI に問題があるかどうかを確認する予備テストでは、Microsoft.VisualStudio.Utilities.Dpi.DpiHelper、Microsoft.VisualStudio.PlatformUI.DpiHelper、またはVsUI::CDpiHelper の各クラスがコードで使用されているかどうかを確認することをお勧めします。これらの古い DpiHelper クラスではシステム DPI 対応のみがサポートされ、プロセスが PMA の場合に必ずしも正しく機能するとは限りません。

これらの DpiHelper の一般的な使用法は次のようになります。

Point screenTopRight = logicalBounds.TopRight.LogicalToDeviceUnits();

POINT screenIntTopRight = new POINT
{
    x = (int)screenTopRIght.X,
    y = (int)screenTopRIght.Y
}

// Declared via P/Invoke
IntPtr monitor = MonitorFromPoint(screenIntTopRight, MONITOR_DEFAULTTONEARST);

上の例では、ウィンドウの論理境界を表す四角形がデバイスユニットに変換され、正確なモニターポインターを返すためにデバイス座標を要求するネイティブメソッド MonitorFromPoint に渡すことができます。

問題のクラス

Visual Studio で PMA モードが有効になっている場合、UI ではいくつかの一般的な方法で問題を再現できます。これらの問題のほとんどは、Visual Studio でサポートされるいずれかの UI フレームワークで発生する可能性があります。また、これらの問題は、UI の一部が混合モードの DPI スケールのシナリオでホストされている場合にも発生することがあります (詳細については、Windows のドキュメントを参照)。

Win32 ウィンドウの作成

CreateWindow() または CreateWindowEx() を使用してウィンドウを作成する場合、一般的なパターンとしては、座標 (0,0) (プライマリディスプレイの左上隅) にウィンドウを作成してから、最終的な位置に移動します。ただしその場合、ウィンドウが DPI 変更メッセージまたはイベントをトリガーする可能性があります。これにより、他の UI メッセージやイベントが再トリガーされ、最終的には望ましくない動作やレンダリングを引き起こす可能性があります。

WPF 要素の配置

以前の Microsoft.VisualStudio.Utilities.Dpi.DpiHelper を使用して WPF 要素を移動する場合、要素がプライマリ以外の DPI にあるときは、左上の座標が正しく計算されないことがあります。

UI 要素のサイズまたは位置のシリアル化

UI のサイズまたは位置 (デバイスユニットとして保存されている場合) が格納先とは異なる DPI コンテキストで復元されると、UI の配置とサイズが正しく設定されません。これは、デバイスユニットに固有の DPI 関係があるために発生します。

不適切な拡大縮小

プライマリ DPI で作成された UI 要素は正しく拡大縮小されますが、別の DPI を使用するディスプレイに移動された場合は、UI 要素の拡大縮小が再度行われず、大きすぎるコンテンツや小さすぎるコンテンツが生じます。

不適切な境界

拡大縮小の問題と同様に、UI 要素はプライマリ DPI コンテキストで境界を正しく計算しますが、プライマリ以外の DPI に移動された場合、新しい境界は正しく計算されません。そのため、ホストしている UI と比較してコンテンツウィンドウが小さすぎたり大きすぎたりする状態になるため、空白またはクリッピングが発生します。

ドラッグアンドドロップ

混合モードの DPI シナリオ (レンダリングする UI 要素ごとに DPI 対応モードが異なる場合など) では、ドラッグアンドドロップ座標が正しく計算されない可能性があるため、最終的なドロップ位置が不正確になります。

アウトプロセス UI

一部の UI はアウトプロセスで作成されます。作成元の外部プロセスが Visual Studio とは異なる DPI 対応モードになっている場合は、前述のレンダリングの問題が発生する可能性があります。

Windows フォームのコントロール、画像、またはレイアウトが正しくレンダリングされない

すべての Windows フォームコンテンツで PMA モードがサポートされているわけではありません。そのため、レイアウトや拡大縮小の設定が正しくないことによるレンダリングの問題が発生する可能性があります。この場合に考えられる解決策としては、Windows フォームコンテンツを "システム対応" の DpiAwarenessContext に明示的にレンダリングします (「コントロールを特定の DpiAwarenessContext に強制的に配置する」を参照)。

Windows フォームのコントロールまたはウィンドウが表示されない

この問題の主な原因の 1 つは、開発者が DpiAwarenessContext を使用するコントロールまたはウィンドウの親を、別の DpiAwarenessContext を使用するウィンドウに再指定しようとするためです。

次の図は、ウィンドウの親指定における現在の既定の Windows オペレーティングシステムの制限事項を示しています。

A screenshot of the correct parenting behavior

Note

この動作を変更するには、スレッドホスティング動作を設定します (「Dpi_Hosting_Behavior 列挙型」を参照)。

結果として、サポートされていないモード間の親子関係の設定は失敗し、コントロールまたはウィンドウが想定どおりにレンダリングされない可能性があります。

問題の診断

PMA 関連の問題を特定する場合は、以下に示す多くの要素を考慮する必要があります。

UI または API は論理値とデバイス値のどちらを想定していますか。
- 通常、WPF の UI と API では論理値を使用します (常に使用するわけではありません)。
- 通常、Win32 の UI と API ではデバイス値を使用します。
値はどこから取得しますか。
- 他の UI または API から値を受け取る場合は、デバイス値と論理値のどちらを渡しますか。
- 複数のソースから値を受け取る場合は、同じ型の値を使用または想定しますか。また、変換を組み合わせて使用する必要はありますか。
UI 定数は使用されていますか。また、それはどのような形式ですか。
受け取る値に適した DPI コンテキストにスレッドがありますか。

通常、ミックス DPI ホスティングを有効にするための変更では、適切なコンテキストにコードパスを配置する必要がありますが、メインメッセージループやイベントフローの外部で行われる作業は、間違った DPI コンテキストで実行される可能性があります。
値は DPI コンテキストの境界を越えますか。

ドラッグアンドドロップは、座標が DPI コンテキストを越える可能性のある一般的な状況です。ウィンドウは正しい処理を実行しようとしますが、ホスト UI ではコンテキスト境界を一致させるための変換作業が必要になる場合があります。

PMA NuGet パッケージ

新しい DpiAwarness ライブラリは、Microsoft.VisualStudio.DpiAwareness NuGet パッケージにあります。

推奨されるツール

以下のツールを使用すると、Visual Studio でサポートされているさまざまな UI スタックで PMA 関連の問題をデバッグできます。

Snoop

Snoop は、組み込みの Visual Studio XAML ツールにない機能が追加された XAML デバッグツールです。また、Snoop では、WPF UI を表示および調整できるようにするための Visual Studio のアクティブなデバッグが必要がありません。 Snoop による PMA の問題の診断に役立つ 2 つの主な方法は、論理配置座標またはサイズの境界の検証、および UI の DPI が適切であるかの検証を目的としています。

Visual Studio XAML ツール

Visual Studio の XAML ツールは、Snoop と同様に PMA の問題の診断に役立ちます。原因が見つかった場合は、ブレークポイントを設定し、[ライブビジュアルツリー] ウィンドウとデバッグウィンドウを使用して、UI の境界と現在の DPI を調べることができます。

PMA の問題を修正するための戦略

DpiHelper の呼び出しを置き換える

ほとんどの場合、PMA モードにおける UI の問題の修正では、結局のところマネージドコード内の古い Microsoft.VisualStudio.Utilities.Dpi.DpiHelper クラスと Microsoft.VisualStudio.PlatformUI.DpiHelper クラスの呼び出しを新しい Microsoft.VisualStudio.Utilities.DpiAwareness ヘルパークラスの呼び出しに置き換えることになります。

// Remove this kind of use:
Point deviceTopLeft = new Point(window.Left, window.Top).LogicalToDeviceUnits();

// Replace with this use:
Point deviceTopLeft = window.LogicalToDevicePoint(new Point(window.Left, window.Top));

ネイティブコードの場合は、古い VsUI::CDpiHelper クラスの呼び出しを新しい VsUI::CDpiAwareness クラスの呼び出しに置き換える必要があります。

// Remove this kind of use:
int cx = VsUI::DpiHelper::LogicalToDeviceUnitsX(m_cxS);
int cy = VsUI::DpiHelper::LogicalToDeviceUnitsY(m_cyS);

// Replace with this use:
int cx = m_cxS;
int cy = m_cyS;
VsUI::CDpiAwareness::LogicalToDeviceUnitsX(m_hwnd, &cx);
VsUI::CDpiAwareness::LogicalToDeviceUnitsY(m_hwnd, &cy);

新しい DpiAwareness クラスと CDpiAwareness 度クラスは DpiHelper クラスと同じユニット変換ヘルパーを提供しますが、追加の入力パラメーター (変換操作の参照として使用する UI 要素) が必要になります。画像の拡大縮小ヘルパーは新しい DpiAwareness ヘルパーまたは CDpiAwareness ヘルパーに存在しないことに注意してください。また、必要に応じて、ImageService を代わりに使用する必要があります。

マネージドクラス DpiAwareness は、WPF ビジュアル、Windows フォームコントロール、Win32 の HWND と HMONITOR (どちらも IntPtr の形式) 用のヘルパーを提供します。一方、ネイティブクラス CDpiAwareness は HWND ヘルパーと HMONITOR ヘルパーを提供します。

Windows フォームのダイアログ、ウィンドウ、またはコントロールが間違った DpiAwarenessContext に表示される

DpiAwarenessContext が異なる (Windows の既定の動作のため) ウィンドウの親を正常に指定した後でも、DpiAwarenessContext が異なるウィンドウでは拡大縮小の処理方法が異なるため、拡大縮小の問題が発生することがあります。そのため、テキストや画像の配置の問題またはテキストや画像の表示がぼやける問題が UI で発生する可能性があります。

解決策としては、アプリケーション内のすべてのウィンドウとコントロールに DpiAwarenessContext の正しいスコープを設定します。

トップレベルの混合モード (TLMM) ダイアログ

モーダルダイアログなどのトップレベルのウィンドウの作成時には、ウィンドウ (およびそのハンドル) が作成される前に、スレッドが正しい状態であることを確認することが重要です。 CDpiScope ヘルパー (ネイティブコードの場合) または DpiAwareness.EnterDpiScope ヘルパー (マネージドコードの場合) を使用して、スレッドをシステム対応にすることができます (通常、TLMM は WPF 以外のダイアログまたはウィンドウで使用する必要があります)。

子レベルの混合モード (CLMM)

既定では、子ウィンドウは、親を指定せずに作成された場合は現在のスレッドの DPI 対応コンテキストを受け取り、親を指定して作成された場合は親の DPI 対応コンテキストを受け取ります。 DPI 対応コンテキストが親と異なる子を作成するために、スレッドを目的の DPI 対応コンテキストに配置できます。これで、親を指定せずに子を作成し、手動で親ウィンドウに親を再指定できます。

CLMM の問題

メインメッセージループやイベントチェーンの一部として発生する UI 計算作業のほとんどは、適切な DPI 対応コンテキストで既に実行されている必要があります。ただし、このようなメインワークフローの外部 (アイドル時間のタスク、UI スレッドが関連付けられていない場合など) で座標やサイズ設定の計算が行われると、現在の DPI 対応コンテキストが UI の配置やサイズ設定の間違いを引き起こす可能性があります。通常、スレッドを UI 作業に適した状態にすることで問題が修正されます。

CLMM のオプトアウト

PMA を完全にサポートするために WPF 以外のツールウィンドウを移行する場合は、CLMM をオプトアウトする必要があります。そのためには、新しいインターフェイス (IVsDpiAware) を実装する必要があります。

[InterfaceType(ComInterfaceType.InterfaceIsIUnknown)]
public interface IVsDpiAware
{
    [ComAliasName("Microsoft.VisualStudio.Shell.Interop.VSDPIMode")]
    uint Mode {get;}
}

IVsDpiAware : public IUnknown
{
    public:
        HRRESULT STDMETHODCALLTYPE get_Mode(__RCP__out VSDPIMODE *dwMode);
};

マネージド言語の場合、Microsoft.VisualStudio.Shell.ToolWindowPane から派生するのと同じクラスにこのインターフェイスを実装することをお勧めします。 C++ の場合、vsshell.h から IVsWindowPane を実装するのと同じクラスにこのインターフェイスを実装することをお勧めします。

このインターフェイスで Mode プロパティによって返される値は __VSDPIMODE です (マネージドコードで uint にキャストされます)。

enum __VSDPIMODE
{
    VSDM_Unaware    = 0x01,
    VSDM_System     = 0x02,
    VSDM_PerMonitor = 0x03,
}

Unaware は、ツールウィンドウで 96 DPI を処理する必要があることを意味します。他のすべての DPI の拡大縮小は Windows で処理されます。結果として、コンテンツの表示が少しぼやけます。
System は、ツールウィンドウでプライマリディスプレイ DPI の DPI を処理する必要があることを意味します。 DPI が一致するディスプレイの表示は鮮明ですが、DPI が異なる場合や、セッション中に変更された場合は、拡大縮小が Windows で処理され、表示が少しぼやけます。
PerMonitor は、すべてのディスプレイで DPI が変更されるたびに、すべての DPI をツールウィンドウで処理する必要があることを意味します。

Note

Visual Studio でサポートされているのは PerMonitorV2 対応のみであるため、PerMonitor 列挙値は DPI_AWARENESS_CONTEXT_PER_MONITOR_AWARE_V2 の Windows 値に変換されます。

コントロールを特定の DpiAwarenessContext に強制的に配置する

PMA モードをサポートするために更新されないレガシ UI であっても、Visual Studio が PMA モードで実行されている間は軽微な調整が必要になる場合があります。このような修正の 1 つとして、正しい DpiAwarenessContext で UI が作成されていることを確認する必要があります。 UI を特定の DpiAwarenessContext に強制的に配置するには、次のコードを使用して DPI スコープに入ります。

using (DpiAwareness.EnterDpiScope(DpiAwarenessContext.SystemAware))
{
    Form form = new MyForm();
    form.ShowDialog();
}

void MyClass::ShowDialog()
{
    VsUI::CDpiScope dpiScope(DPI_AWARENESS_CONTEXT_SYSTEM_AWARE);
    HWND hwnd = ::CreateWindow(...);
}

Note

DpiAwarenessContext の強制は、WPF 以外の UI とトップレベルの WPF ダイアログでのみ機能します。ツールウィンドウまたはデザイナー内でホストされる WPF UI を作成する場合は、コンテンツが WPF UI ツリーに挿入されるとすぐに、現在のプロセスである DpiAwarenessContext に変換されます。

既知の問題

Windows フォーム

新しい混合モードのシナリオに合わせた最適化のため、Windows フォームでは、親が明示的に設定されていない場合のコントロールとウィンドウの作成方法が変更されました。以前は、明示的に親が設定されていないコントロールでは、作成対象のコントロールまたはウィンドウに対する一時的な親として内部の "パーキングウィンドウ" を使用していました。

.NET 4.8 より前のバージョンでは、ウィンドウの作成時に現在のスレッドの DPI 対応コンテキストから DpiAwarenessContext を取得する "パーキングウィンドウ" が 1 つ用意されていました。親が未設定のコントロールは、そのコントロールのハンドルの作成時にパーキングウィンドウと同じ DpiAwarenessContext を継承し、最終的な親または想定される親がアプリケーション開発者によって再指定されます。これにより、"パーキングウィンドウ" の DpiAwarenessContext が最終的な親ウィンドウよりも高い場合に、タイミングに基づくエラーが発生します。

.NET 4.8 以降では、検出される DpiAwarenessContext ごとに 1 つの "パーキングウィンドウ" があります。もう 1 つの大きな違いは、コントロールに使用される DpiAwarenessContext がハンドルの作成時ではなく、コントロールの作成時にキャッシュされる点です。つまり、全体的な終了動作は同じですが、タイミングに基づく問題であったものが一貫した問題に変わる可能性があります。また、UI コードを記述して正しくスコープを設定するための確定的な動作がアプリケーション開発者に提供されます。

次の方法で共有

Visual Studio のエクステンダーのモニターごとの対応のサポート

クイックスタート

PMA を有効にする

拡張機能の PMA の問題をテストする

問題のクラス

Win32 ウィンドウの作成

WPF 要素の配置

UI 要素のサイズまたは位置のシリアル化

不適切な拡大縮小

不適切な境界

ドラッグアンドドロップ

アウトプロセス UI

Windows フォームのコントロール、画像、またはレイアウトが正しくレンダリングされない

Windows フォームのコントロールまたはウィンドウが表示されない

問題の診断

PMA NuGet パッケージ

推奨されるツール

Snoop

Visual Studio XAML ツール

PMA の問題を修正するための戦略

DpiHelper の呼び出しを置き換える

Windows フォームのダイアログ、ウィンドウ、またはコントロールが間違った DpiAwarenessContext に表示される

トップレベルの混合モード (TLMM) ダイアログ

子レベルの混合モード (CLMM)

CLMM の問題

CLMM のオプトアウト

コントロールを特定の DpiAwarenessContext に強制的に配置する

既知の問題

Windows フォーム

その他のリソース

次の方法で共有

Visual Studio のエクステンダーのモニターごとの対応のサポート

クイックスタート

PMA を有効にする

拡張機能の PMA の問題をテストする

問題のクラス

Win32 ウィンドウの作成

WPF 要素の配置

UI 要素のサイズまたは位置のシリアル化

不適切な拡大縮小

不適切な境界

ドラッグ アンド ドロップ

アウトプロセス UI

Windows フォームのコントロール、画像、またはレイアウトが正しくレンダリングされない

Windows フォームのコントロールまたはウィンドウが表示されない

問題の診断

PMA NuGet パッケージ

推奨されるツール

Snoop

Visual Studio XAML ツール

PMA の問題を修正するための戦略

DpiHelper の呼び出しを置き換える

Windows フォームのダイアログ、ウィンドウ、またはコントロールが間違った DpiAwarenessContext に表示される

トップ レベルの混合モード (TLMM) ダイアログ

子レベルの混合モード (CLMM)

CLMM の問題

CLMM のオプトアウト

コントロールを特定の DpiAwarenessContext に強制的に配置する

既知の問題

Windows フォーム

その他のリソース

ドラッグアンドドロップ

トップレベルの混合モード (TLMM) ダイアログ