ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする

ユニバーサルアプリやWPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする手順を紹介します。

現象

ユニバーサルアプリやWPFアプリをデバッグ実行すると、ウィンドウ上部の中央にツールバーが表示されます。 ツールバーのアイコンは左から以下のボタンが配置されます。
  • ライブ ビジュアル ツリーに移動
  • XAMLリアルタイムのプレビューで表示
  • 要素の選択
  • レイアウト ガイドを表示
  • フォーカスがある要素を追跡
  • バインドエラー
  • XAMLホットリロード

最終的な画面イメージを確認したい場合や、ツールバーがコントロールに重なってしまうため、 デバッグ用のツールバーを非表示にしたい場合があります。
ユニバーサルアプリの場合
ユニバーサルアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像1
WPFアプリの場合
WPFアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像2

手順

Visual Studioを起動し、メインウィンドウを表示します。[ツール]メニューの[オプション]の項目をクリックします。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像3

[オプション]ダイアログが表示されます。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像4

左側のツリービューの[デバッグ]のノードを開きます。[XAML ホット リロード]の子ノードをクリックして選択します。 下図の画面が表示されます。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像5

右側のエリアの[共通]セクションの[アプリ内ツールバーを有効にする]チェックボックスをクリックしてチェックを外します。
設定ができたら[OK]ボタンをクリックしてダイアログを閉じます。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像6

動作の確認

プロジェクトを実行します。ツールバーが非表示になることが確認できました。
ユニバーサルアプリの場合
ユニバーサルアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像7
WPFアプリの場合
WPFアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像8

以前バージョンのVisual Studioでの手順

現象

ユニバーサルアプリやWPFアプリをデバッグ実行すると、ウィンドウ上部の中央にツールバーが表示されます。ツールバーのアイコンは左から
  • ライブ ビジュアル ツリーに移動
  • 選択を有効にする
  • レイアウト ガイドを表示
ボタンとなっています。このデバッグ用のツールバーを非表示にしたい場合があります。
ユニバーサルアプリの場合
ユニバーサルアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像9
WPFアプリの場合
WPFアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像10

非表示にする手順

Visual Studioを起動します。[デバッグ]メニューの[オプション]メニューをクリックします。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像11

デバッグの[オプション]ダイアログが表示されます。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像12

左側のツリービューから[デバッグ]の[全般]をクリックして選択します。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像13

右側のリストビューから[XAMLのUIデバッグツールを有効にする]の項目を探します。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像14

[XAMLのUIデバッグツールを有効にする]のチェックボックスのチェックを外します。設定後ダイアログボックスの[OK]ボタンをクリックします。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像15

動作の確認

プロジェクトを実行します。ツールバーが非表示になることが確認できました。
ユニバーサルアプリの場合
ユニバーサルアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像16
WPFアプリの場合
WPFアプリの場合 - ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像17

補足:ウィンドウ左上の数値を非表示にする

上記の設定で、ツールーバーは非表示になります。なお、ユニバーサルアプリでウィンドウ左上の数値(フレームレート表示)は表示された状態です。ウィンドウ左上のフレームレート表示を非表示にする手順はこちらの記事を参照してください。
ユニバーサルアプリ、WPFアプリの実行時にウィンドウ上部中央に表示されるツールバーを非表示にする:画像18
AuthorPortraitAlt
著者
iPentecのメインプログラマー
C#, ASP.NET の開発がメイン、少し前まではDelphiを愛用
作成日: 2016-04-25
改訂日: 2022-08-11
Copyright © 1995–2025 iPentec all rights reserverd.