タイトルバー: title bar)とは、ウィンドウシステムにおけるウィンドウの最上部に設置されている横長の矩形領域(バー)のことである。

Linuxディストリビューションのひとつ、Ubuntu上のGNOMEにおける電卓アプリのタイトルバー

概要

編集

グラフィカルユーザーインターフェイス (GUI) を持つオペレーティングシステム (OS) やウィンドウマネージャの大部分では、アプリケーションウィンドウやダイアログボックスの最上部に横長のタイトルバーがある。主に各ウィンドウの内容をテキストで表示して区別したり、「閉じる」「最小化」「最大化」のようなシステムコマンドボタンを表示したりするために使用される。デフォルトのタイトルバーの描画(レンダリング)は、各アプリケーションではなくウィンドウシステムが担う[注釈 1]が、アプリケーションが独自に描画処理をカスタマイズすることができるウィンドウシステムもある。

テキストエディタ画像ビューアなどでは、編集中または閲覧中のファイルの名前をタイトルバーに表示していることが多い。またSingle Document Interface (SDI) 形式のアプリケーションでは、ファイル名の前か後ろにアプリケーション名が付けられていることが多い。Multiple Document Interface (MDI) 形式のアプリケーションでは、子ウィンドウにドキュメントのタイトルを表示し、親ウィンドウにアクティブなドキュメントのタイトルとアプリケーション名を併せて表示していることが多い。ドキュメントに編集が加えられていて、まだ保存されていない場合、タイトルバーにはダーティフラグが立っていることを意味するアスタリスク(*)が表示されることもある。タブブラウザが主流となる前のウェブブラウザでは、表示しているウェブページのHTML要素のうち title 要素の内容を表示していることが多かった。

なお、Microsoft Windowsではタイトルバーと呼ばれるのが一般的だが[2][3][4]、「キャプション バー」という用語を使っているドキュメントもある[5][注釈 2]

ChromeOSでは、各アプリウィンドウの上部に表示されるバーにはタイトル文字列は表示されず、「ウィンドウコントロールバー」[7]や「トップバー」[8]といった名称が使われる。

特徴

編集

タイトル

編集

大抵のOSやアプリケーションでは、ウィンドウのタイトルバーに何らかのタイトル文字列を表示させている[注釈 3][注釈 4]

アプリケーションのメインウィンドウなど、トップレベルウィンドウのタイトルには、アプリケーション名やそのメーカー名が表示されていることが多い。アプリケーションを実行しているホスト名[要説明]が表示されていることもある。

ダイアログウィンドウのタイトルには、ダイアログに表示されている内容に直接関連した文字列が表示されることもある。

Windowsでは、基本的にトップレベルウィンドウのタイトルとタスクバーボタンのタイトルは連動している。

機能

編集

タイトルバーには、そのウィンドウに対する基本命令のスイッチを担うシステム標準ボタンが付けられていることが多い。例えばウィンドウを閉じるためのボタンがその代表である。

Microsoft Windowsでは、主要なシステムボタンは右端に配置されている(LTR言語の場合)。詳細は後述。

macOSでは、システムボタンは左端に配置されている。

ChromeOSでは、主要なシステムボタンは右端に配置されているが、Androidの戻るボタン(Backボタン)に相当する矢印ボタン「←」が左端に配置されている。

他にも、Microsoft Visual Studio 2012以降のように、タイトルバー上に検索ボックスが設けられていたりすることもある。

ウィンドウの移動とリサイズ

編集

macOSMicrosoft Windowsを含む、多くのウィンドウシステムでは、タイトルバーをドラッグすることで、ウィンドウの位置を移動できるようになっている。また、縁の部分をドラッグするとリサイズできる(リサイズ可能なウィンドウの場合)。

Windows 7以降では、Aeroスナップによりドラッグ操作でもウィンドウの最大化や整列ができるようになっている[参考 2]

タイトルバーをダブルクリックしたときの動作は環境によって異なる。Windowsでは「最大化」/「元に戻す」のトグル動作をする。macOSでは、従来はDockに格納される動作(Windowsでの「最小化」に相当)をしていたが、OS X Yosemite (10.10) からはDockの設定で格納(しまう)動作のON/OFFをチェックボックスで切り替えることができるようになった(OFFにすると拡大/縮小動作になるが、この「拡大」はWindowsでの「最大化」とは異なる)。OS X El Capitan (10.11) からはデフォルトで拡大/縮小動作となり、Dockの設定で「しまう」と「拡大/縮小」のほか、何もしないパターンの3種類から選択することができるようになった[参考 3]

各環境における詳細

編集

Microsoft Windows

編集

Windowsの場合、タイトルバーには基本的なシステムコマンドを実行できるボタンとして、「最小化」・「最大化」/「元に戻す」・「閉じる」ボタンが端に備えられており、各ボタンにマウスオーバーするとツールチップが表示される。これらのボタンは、ウィンドウによっては表示されていない場合や無効になっていて使用できない場合もある。最小化ボタンと最大化ボタンはそれぞれ個別に無効化することはできるが、個別に非表示とすることはできない。両方を無効化すると非表示になる[注釈 5]。モーダルダイアログは、そのダイアログを閉じない限り他のウィンドウの操作ができないので、最小化ボタンが表示されることはあっても有効化されることはない(ダイアログベースのアプリケーションを除く)。モーダルダイアログでシンプルなメッセージや選択肢を表示するだけの場合は、ウィンドウのリサイズが禁止されていることも多く、通常は閉じるボタンのみが表示される[注釈 6]か、あるいは一切表示されないこともある。Windows Presentation Foundation (WPF) やWindows UI Library (WinUI) のドキュメントでは、これら3つのボタンはまとめて「キャプション ボタン[10][11]と呼ばれている。

Windowsでは、タイトルバーを右クリックすると、ウィンドウメニュー(システムメニュー)と呼ばれるコンテキストメニューが表示される。このメニューには上記のボタンと同等の機能を持つシステムコマンドが配置されている。ウィンドウメニューにはアプリケーション固有のコマンドを登録することもできる。

Windows 95以降では、Marlett英語版というシステムフォントがインストールされており、タイトルバー上の各ボタンのアイコンはこのフォントに含まれる特殊なグリフを使用して描画されていた[参考 4][注釈 7]Windows XPで採用されたビジュアルスタイル(Luna)では、このフォントは使わずに描画されるようになっている。

なお、英語や日本語のように左から右に書くLTR言語の場合、キャプションボタン群は右端に配置されるが、アラビア語のように右から左に書くRTL言語の場合、キャプションボタン群は左端に配置される。3つのキャプションボタンの並びの順序も逆になる。以下ではLTR言語を基準に記述する。

キャプション ボタン

編集

この節では便宜上、WPF/WinUIのドキュメント[10][11]にならい、最小化最大化/元に戻す閉じるボタンをまとめて「キャプション ボタン」と呼ぶものとする。

最小化ボタン
編集

最小化ボタンは、左の方にある。このボタンを押すとウィンドウがタスクバーボタンに格納される。アンダースコアマイナス記号に似たアイコンが使われている。

最大化/元に戻すボタン
編集

最大化/元に戻すボタンは、中間にある。条件によって名称と機能が変わるトグルボタンになっている。

  • 最大化ボタン
ウィンドウが通常の状態(移動できる状態)の場合はこちらになる。このボタンを押すとウィンドウがデスクトップ全体に広がる(全画面表示とは異なり、タスクバー領域は占有しない)。単一の四角形のアイコンが使われている。
  • 元に戻すボタン
ウィンドウが最大表示になっている場合はこちらになる。このボタンを押すとウィンドウが通常の状態(移動できる状態)になる。ツールヒントとしては、日本語版では「元に戻す (縮小)」と表示される。2つの四角形を重ね合わせたデザインのアイコンが使われている。
閉じるボタン
編集

閉じるボタンは、右の方にある。このボタンを押すとウィンドウが閉じる。メインウィンドウの場合はアプリケーションが終了するが、常駐アプリの場合は終了せず、システムトレイに格納されるだけの場合もある。「×」マークのアイコンが使われている。

その他のボタン

編集
ヘルプボタン
編集

ヘルプボタン[12]は、キャプションボタンのすぐ左に配置されている場合が多い[注釈 8]。「?」マークのアイコンが使われている。Microsoft WinHelpあるいはMicrosoft Compiled HTML Helpなどのヘルプシステムと連動しており、このボタンを押すと、状況に応じて適するヘルプ(コンテキストヘルプ)が見られる。Windows XPまでは特にプロパティ関連のダイアログボックスなどに備えられていたが、WinHelpの非推奨化に伴い、段階的に廃止が進んだ。Windows Vistaまではデバイスのプロパティダイアログ[参考 6]に表示されていたが、Windows 7では表示されなくなった[参考 7]

Microsoft Officeにおけるダイアログボックスでは[いつ?]から継続して配置されている。Microsoft Office 2013以降の中では完全に復活を遂げた。

アプリケーションのアイコン

編集

デスクトップアプリに限り、タイトルバーの左端にアプリのアイコンが表示される。このアイコンを、シングルクリックするとシステムメニュー(コンテキストメニュー)が表示され、ダブルクリックするとウィンドウを閉じることができる[注釈 9][注釈 10]

Microsoft Office ボタン

編集

Microsoft Office 2007で導入されたボタン[15][16]。ツールヒントとしては「Office ボタン」と表示され、併せてF1キーで起動できるヘルプに関する説明なども表示される。ほぼ同時期にリリースされたWindows Vistaのスタートボタンと似たデザインで、円形となっている。従来の「ファイル」メニューの代わりをし、アプリケーションのアイコンが表示される場所に配置されている[参考 1]。ファイルオープン・新規作成・保存・印刷などのドキュメント操作や、アプリ設定、アプリ終了などのコマンドが配置されている。Office 2010以降では、「ファイル」タブに変更され、Officeボタン自体は廃止された。

Officeボタンはもともと「Office Fluent UI」デザインの一環としてリボンUIとともに導入されたものだが、Visual Studio 2008 SP1で追加されたMFC Feature Packなどのライブラリを使うと、類似のボタンを実装したアプリケーションを開発できる[17]

macOSの場合、タイトルバーのボタンとして、「閉じる」・「最小化」・「フルスクリーン」/「フルスクリーン解除」ボタンが端に備えられており、各ボタンにマウスオーバーすることでボタンの機能を示すアイコンが表示される。これらのボタンは、ウィンドウによっては表示されていない場合や無効になっていて使用できない場合もある。macOSの仕様により閉じるボタンを押してもアプリケーションを終了させることはできず[注釈 11]メニューバーのアプリケーションメニューから終了させる必要がある。

タイトルバーの右クリックはサードパーティなど一部のアプリケーションが対応しており、Windowsのようにウィンドウの制御を行うためのコンテキストメニューは表示されない。

ボタン

編集

この節ではタイトルバー左端に表示される3色の各ボタンについて解説する。

閉じるボタン
編集

閉じるボタンは、左側にある赤色のボタンである。このボタンを押すとウィンドウが閉じる。macOSの場合は仕様によりアプリケーションを終了するためのボタンとしては機能せず[注釈 12]、ウィンドウを閉じるためのボタンになっている。「×」マークのアイコンが使われている。

最小化ボタン
編集

最小化ボタンは、中間にある黄色のボタンである。このボタンを押すとウィンドウがDockに格納される。アンダースコアマイナス記号に似たアイコンが使われている。

フルスクリーン/フルスクリーン解除ボタン
編集

フルスクリーン/フルスクリーン解除ボタンは、右側にある緑色のボタンである。条件によって名称と機能が変わるトグルボタンになっている。

  • フルスクリーンボタン
ウィンドウが通常の状態(移動できる状態)の場合はこちらになる。このボタンを押すとウィンドウが全画面表示になる。
  • フルスクリーン解除ボタン
ウィンドウが全画面表示になっている場合はこちらになる。このボタンを押すとウィンドウが通常の状態(移動できる状態)になる。
  • 拡大ボタン
オプションキー⌥ optionを押したままマウスオーバーすることにより拡大ボタンに切り替わる。このボタンを押すとWindowsの最大化に似た(全画面表示ではない)拡大表示を使用することができる。プラス記号に似たアイコンが使われている。
  • 縮小ボタン
オプションキー⌥ optionを押したままマウスオーバーすることにより縮小ボタンに切り替わる。ボタンのアイコンは変わらないがこのボタンを押すことで拡大機能を解除しウィンドウのサイズを元のサイズに戻すことができる。

脚注

編集

注釈

編集
  1. ^ Windowsでは、タイトルバーは「非クライアント領域」と呼ばれる領域に属する[1]
  2. ^ Microsoft Visual C++用のライブラリであるMicrosoft Foundation Class (MFC) には、CMFCCaptionBarというクラスが存在するが、これはOffice 2007におけるメッセージバーのような機能を提供するためのものであり、タイトルバーとは一切関係がない[6]
  3. ^ OSやアプリケーションによっては、タイトルバーにタイトル文字列が表示されていない場合もある。例えば、Internet Explorerの場合、バージョン9以降はタイトルバー上にページタイトルは表示されない(各タブ上に表示されるのみ)。また、Windows VistaおよびWindows 7のエクスプローラーでは、UIテーマをAeroまたはベーシックに設定した場合、タイトルが表示されない(テーマをクラシックに設定すると表示される)、といった具合である[参考 1]
  4. ^ Windowsの場合、Windows 3.xまではタイトルの文字列は中央揃えだったが、Windows 95以降は左揃えとなった。Windows 8.xでは中央揃えになったが、Windows 10では左揃えに戻った。
  5. ^ Windows APIでは、ウィンドウスタイルの設定でWS_MINIMIZEBOXフラグを指定すると最小化ボタンが有効になり、WS_MAXIMIZEBOXフラグを指定すると最大化ボタンが有効になる[9]
  6. ^ Windowsのメッセージボックスにおける「閉じる」ボタンは、MB_OKCANCELのように選択肢に「キャンセル」がある場合はキャンセル操作に相当するが、MB_OKでは「OK」しか表示されず、OK操作に相当する。MB_YESNOのように選択肢に「キャンセル」がない場合、「閉じる」ボタンは無効化される。
  7. ^ Windows 9x系では、フォントキャッシュの破損により、タイトルバー上のボタンのアイコンが文字化けして表示がおかしくなってしまう現象が発生することがあった[参考 5]
  8. ^ Windows APIでは、拡張ウィンドウスタイルのWS_EX_CONTEXTHELPフラグに相当するが、ヘルプボタンは最小化ボタンや最大化ボタンと組み合わせることはできない[13]。メッセージボックスではMB_HELPフラグに相当する[14]
  9. ^ これは、Windows 1.0からWindows 3.xまでのウィンドウには閉じるボタンが設けられておらず、タイトルバーの左端をダブルクリックして閉じる方法が通常の手段だった頃の名残である。
  10. ^ Internet Explorerでは、バージョン9以降はアイコンは表示されない。また、Windows VistaおよびWindows 7のエクスプローラーでは、UIテーマをAeroまたはベーシックに設定した場合、アイコンが表示されない(テーマをクラシックに設定すると表示される)。しかし、両者とも表示されていないだけで、内部的には存在しているため、本来アイコンがある領域をクリック/ダブルクリックしたときの操作自体は問題なく実行できる[参考 1]
  11. ^ 一部例外のアプリケーションも存在する。
  12. ^ 一部例外のアプリケーションも存在する。

出典

編集
  1. ^ Nonclient Area - Win32 apps | Microsoft Docs
  2. ^ About Windows - Win32 apps | Microsoft Docs
  3. ^ Change colors in Windows | Windows support
  4. ^ [色の変更] Windows | Windows サポート
  5. ^ 最小化、最大化ボタン、および閉じるボタンが消えた、または Windows 8.1 および Windows Server 2012 R2 で正しく表示されません。”. Microsoft. 2019年4月29日閲覧。
  6. ^ CMFCCaptionBar Class” (英語). docs.microsoft.com. Microsoft Docs. マイクロソフト. 2022年1月15日閲覧。
  7. ^ Google Developers Japan: Chromebook 向け Android アプリの最適化
  8. ^ Chrome OS 向けのアプリの最適化 | Android デベロッパー | Android Developers
  9. ^ Window Styles (Winuser.h) - Win32 apps | Microsoft Docs
  10. ^ a b WindowChrome Class (System.Windows.Shell)” (英語). docs.microsoft.com. Microsoft Docs. マイクロソフト. 2022年1月15日閲覧。
  11. ^ a b Title bar customization - Windows apps | Microsoft Docs
  12. ^ Form.HelpButton Property (System.Windows.Forms)” (英語). docs.microsoft.com. Microsoft Docs. マイクロソフト. 2022年1月15日閲覧。
  13. ^ Extended Window Styles (Winuser.h) - Win32 apps | Microsoft Docs
  14. ^ MessageBox function (winuser.h) - Win32 apps | Microsoft Docs
  15. ^ 他のファイル形式でブックを保存する - Excel”. support.office.com. Microsoft. 2019年4月30日閲覧。
  16. ^ ブックをテンプレートとして保存する”. support.office.com. Microsoft. 2022年1月15日閲覧。
  17. ^ Ribbon Designer (MFC) | Microsoft Docs

参考

編集
  1. ^ a b c Windows でタイトルのない「タイトルバー」とは - パソコン用語解説”. www.724685.com. 2019年4月30日閲覧。
  2. ^ Windows 7でウィンドウのAeroスナップ機能を無効にする:Tech TIPS - @IT
  3. ^ タイトルバーをダブルクリックしたときの挙動を変更する|MacFan
  4. ^ 「Marlett」フォントのは何のためにある? - ITmedia エンタープライズ
  5. ^ 富士通Q&A - [Windows 9x] ウィンドウの「最小化」「最大化」「閉じる」ボタンが別の記号に変わったり、表示や選択できるフォントの数が減ったりしています。 - FMVサポート : 富士通パソコン
  6. ^ 富士通Q&A - [Windows Vista] ドライバのバージョンを確認する方法を教えてください。 - FMVサポート : 富士通パソコン
  7. ^ できるオンラインFAQ Windows 7 | パソコンに接続されている周辺機器や、周辺機器のデバイスドライバーを確認したい

関連項目

編集

外部リンク

編集