グラフィカルウィジェット

ウィキペディアから、無料の百科事典
ナビゲーションにジャンプ 検索にジャンプ
gtk3-demo、GTK +バージョン3のウィジェットをデモンストレーションするプログラム。
3つの異なるスキン(芸術的なデザイン)に従ってレンダリングされたQtウィジェット:Plastik、Keramik、およびWindows
Ubuntuに表示されるさまざまなウィジェット
有効および無効なウィジェットの例。下部のフレームは無効になっており、グレー表示されています。

グラフィカルユーザーインターフェイスグラフィカルウィジェットグラフィカルコントロール要素またはコントロール)はボタンスクロールバーなどの対話要素ですコントロールは、コンピューターユーザーが直接操作してアプリケーションに関する情報を読み取ったり編集したりするソフトウェアコンポーネントです。Windows Presentation FoundationGTKCocoaなどのユーザーインターフェイスライブラリには、コントロールのコレクションと、これらをレンダリングするためのロジックが含まれています。[1]

各ウィジェットは、特定のタイプのユーザーとコンピューターの対話を容易にし、テーマによって定義され、レンダリングエンジンによってレンダリングされるように、アプリケーションのGUIの表示部分として表示されます。このテーマにより、すべてのウィジェットが統一された美的デザインに準拠し、全体的な一体感が生まれます。ラベル、ボタンチェックボックスなど、一部のウィジェットはユーザーとの対話をサポートしますその他は、ウィンドウパネル、タブなど 、追加されたウィジェットをグループ化するコンテナーとして機能します。

ウィジェットツールキットを使用してユーザーインターフェイスを構築すると、開発者はコードを同様のタスクに再利用でき、ユーザーに対話用の共通言語を提供して、情報システム全体の一貫性を維持できます。

グラフィカルユーザーインターフェイスビルダーは、ユーザーインターフェイスマークアップ言語を使用して、 WYSIWYG方式でGUIのオーサリングを容易にしますこれらは、通常は直接操作によって、開発者によって提供された一般的な説明からウィジェットのすべてのソースコードを自動的に生成します

履歴と使用

ウィジェットには、ウィンドウテキストボックスなど、ユーザーが変更可能な情報の配置が表示されます。ウィジェットの特徴は、特定の種類のデータを直接操作するための単一のインタラクションポイントを提供することです。言い換えると、ウィジェットは基本的な視覚的構成要素であり、アプリケーションで組み合わされて、アプリケーションによって処理されるすべてのデータと、このデータで利用可能な相互作用を保持します。

GUIウィジェットは、プログラムのマンマシンインターフェイスを構築するために使用されるグラフィカル要素です。GUIウィジェットはソフトウェアコンポーネントのように実装されます。ウィジェットツールキットとソフトウェアフレームワーク(GTK +Qtなど)は、プログラマーがそれらを使用してプログラムのGUIを構築できるよう に、ソフトウェアライブラリに含まれています。

一般的な再利用可能なウィジェットのファミリーは、 XeroxAltoユーザーインターフェイスに関するPaloAlto Research CenterInc。の調査に基づいて一般的な情報を保持するために進化しました。これらの汎用ウィジェットのさまざまな実装は、多くの場合、ウィジェットツールキットに一緒にパッケージ化されており、プログラマーはこれを使用してグラフィカルユーザーインターフェイス(GUI)を構築します。ほとんどのオペレーティングシステムには、プログラマーがアプリケーションに組み込んで、アプリケーションの動作を指定できる、すぐに調整できるウィジェットのセットが含まれています。[2]各タイプのウィジェットは、通常、オブジェクト指向プログラミング(OOP)によってクラスとして定義されます。したがって、多くのウィジェットはクラス継承から派生しています。

アプリケーションのコンテキストでは、ウィジェットは特定の時点で有効または無効にできます。有効なウィジェットには、キーストロークやマウスアクションなどのイベントに応答する機能があります。このようなイベントに応答できないウィジェットは無効と見なされます。ウィジェットの外観は通常、有効か無効かによって異なります。無効にすると、ウィジェットが明るい色で描画されたり(グレー表示されたり)、何らかの方法で視覚的に隠されたりする場合があります。例については、隣接する画像を参照してください。

使用できないコントロールを完全に非表示にするのではなく無効にすることの利点は、ユーザーがどこにあるかわからないままにするのではなく、コントロールが存在するが現在は使用できないことをユーザーに示すことです(他のコントロールを変更すると使用可能になる可能性があります)。まったくコントロール。

ウィジェットは、物理的な対応物と区別するために仮想として認定されることがあります。たとえば、ポインターでクリックできる仮想ボタンと、指で押すことができる 物理ボタンなどです。

関連する(ただし異なる)概念は、デスクトップウィジェットです。これは、視覚的な情報を提供したり、時計、カレンダー、ニュースアグリゲーター、電卓、デスクトップノートなどの頻繁に使用される機能に簡単にアクセスしたりする小さな特殊なGUIアプリケーションです。これらの種類のウィジェットは、ウィジェットエンジンによってホストされます。

語源

「ウィジェット」は、有用なデバイス、特に販売用に製造された製品の総称として、1920年頃にアメリカ英語になりました。コンピューターの使用では、「ウィンドウガジェット」の短縮形として借用され、1988年のProjectAthenaでユーザーインターフェイス要素に最初に適用されました。 [引用が必要]「他のすべての一般的な用語が不適切な意味で過負荷になっているため、この単語が選択されました。 "–プロジェクトのIntrinsicsツールキットが各ウィジェットを基盤となるXウィンドウシステムのウィンドウに関連付けたため–そしてウィンドウという単語に共通のプレフィックスがあるため[3]

一般的な汎用ウィジェットのリスト

  • コレクションの選択と表示
    • ボタン–クリックしてアクションを実行できるコントロール。機械または電子機器に見られる 押しボタンに相当します。
      • ラジオボタン–ラジオチューニング専用のボタンのグループからラジオ局を選択するのと同様に、オプションの選択から1つのオプションを選択するためにクリックできるコントロール。ラジオボタンは常にペアまたはより大きなグループで表示され、グループ内で一度に選択できるオプションは1つだけです。グループのボタンから新しいアイテムを選択すると、以前に選択したボタンの選択も解除されます。
      • チェックボックス–オプションを有効または無効にするためにクリックできるコントロール。チェックボックスとも呼ばれます。ボックスは、チェックマーク/チェックマーク☑またはクロス☒で「オン」または「オフ」の状態を示します。複数選択のさまざまなオブジェクトがチェックボックスで表されるプロパティの値が異なることを示すために、中間状態(影付きまたはダッシュ付き)で表示できます。ラジオボタンとは対照的に、グループ内の複数のチェックボックスを選択できます。
      • トグルスイッチ-機能的にはチェックボックスに似ています。オンとオフを切り替えることができますが、チェックボックスとは異なり、これは通常、すぐに効果があります。
      • トグルボタン-機能的にはチェックボックスに似ており、ボタンとして表示されますが、スイッチとして機能します。オンとオフを切り替えることができます。
      • ボタンの分割–ボタン(通常はデフォルトのアクションを呼び出す)とドロップダウンリストを関連するセカンダリアクションと組み合わせて制御します
      • サイクルボタン-コンテンツを2つ以上の値に循環させ、アイテムのグループから1つを選択できるようにするボタン。
    • スライダー–バー上で上下(垂直スライダー)または左右(水平スライダー)に移動して値(または2つのハンドルが存在する場合は範囲​​)を選択できるハンドルを使用して制御します。このバーを使用すると、ユーザーは、許可された値の範囲全体で値またはプロセスを調整できます。
    • リストボックス–静的な複数行のテキストボックス内に含まれるリストからユーザーが1つ以上の項目を選択できるようにするグラフィカルコントロール要素。
    • スピナー–値の範囲をステップスルーするための小さな上下ボタンを備えた値入力コントロール
    • ドロップダウンリスト–選択するアイテムのリスト。リストには通常、特別なボタンまたはインジケーターがクリックされたときにのみアイテムが表示されます。
    • メニュー–クリックしてアクティブ化する選択を選択できる複数のアクションによる制御
      • コンテキストメニュー–メニューが呼び出されたときに有効なコンテキストまたは状態にコンテンツが依存するメニューのタイプ
      • パイメニュー–選択が方向に依存する円形のコンテキストメニュー
    • メニューバー–ドロップダウンメニューを含むグラフィカルコントロール要素
    • ツールバー–画面上のボタン、アイコン、メニュー、またはその他の入力要素または出力要素が配置されるグラフィカルコントロール要素
      • リボン–メニューとツールバーのハイブリッドで、タブ付きのインターフェイスを介して視覚的なレイアウトでコマンドの大規模なコレクションを表示します。
    • コンボボックスメニューまたはリストボックスが添付されたテキストボックス)– 1行のテキストボックスドロップダウンリストまたはリストボックスの組み合わせ。ユーザーは、コントロールに直接値を入力するか、既存のオプション。
    • アイコン–ソフトウェアツール、関数、またはデータファイルのすばやく理解できる記号。
    • ツリービュー–情報の階層ビューを表示するグラフィカルな制御要素
    • グリッドビューまたはデータグリッドスプレッドシートのようなデータの表形式のビューで、行と列に数値またはテキストを入力できます。
  • ナビゲーション
    • リンク–クリックすると別の画面またはページに移動することを示す何らかのインジケーター(通常は下線や色)が付いたテキスト。
    • タブ–複数のドキュメントまたはパネルを単一のウィンドウに含めることができるグラフィカルコントロール要素
    • スクロールバー–連続したテキスト、画像、またはその他のコンテンツを所定の方向(上、下、左、または右)にスクロールできるグラフィカルな制御要素。
  • テキスト/値の入力
    • テキストボックス–(編集フィールド)–ユーザーがテキストを入力できるようにすることを目的としたグラフィカルコントロール要素
    • コンボボックス–ドロップダウンリストまたはリストボックスと1行の編集可能なテキストボックスを組み合わせたグラフィカルコントロール要素
  • 出力
    • ラベル–別のウィジェットを説明するために使用されるテキスト
    • ツールチップ–マウスを別のコントロールの上に置いたときに表示される情報ウィンドウ
    • バルーンヘルプ
    • ステータスバー–ウィンドウの下部に通常見られる情報領域を表示するグラフィカルコントロール要素
    • プログレスバー–ダウンロード、ファイル転送、インストールなど、拡張されたコンピューター操作の進行状況を視覚化するために使用されるグラフィカルな制御要素
    • 情報バー–重要でない情報をユーザーに表示するために多くのプログラムで使用されるグラフィカルな制御要素
  • 容器
    • ウィンドウ–所属するプログラムのグラフィカルユーザーインターフェイス要素の一部を含む視覚領域で構成されるグラフィカルコントロール要素
      • 折りたたみ可能なパネル–ウィジェットのタブをクリックすることで非表示または表示されるコンテンツをコンパクトに保存できるパネル。
        • 引き出し:画面の左端または右端に固定、引き出し、または押しのけることができる補足コンテンツを含むサイドシートまたは表面。[4]
      • アコーディオン–ラベルやサムネイルなど、アイテムの垂直方向に積み重ねられたリスト。各アイテムを「展開」して、関連するコンテンツを表示できます。
      • モーダルウィンドウ–アプリケーションのメインウィンドウに従属するグラフィカルコントロール要素で、メインウィンドウを使用できないモードを作成します。
      • ダイアログボックス–ユーザーに情報を伝達し、応答を求める小さなウィンドウ
      • パレットウィンドウ–「ユーティリティウィンドウ」とも呼ばれます–すべての通常のウィンドウの上に浮かび、現在のアプリケーションにすぐにアクセスできるツール、コマンド、または情報を提供するグラフィカルコントロール要素
        • インスペクターウィンドウ–選択したオブジェクトの現在の属性のリストを表示し、これらのパラメーターをその場で変更できるようにするダイアログウィンドウの一種
      • フレーム–関係を視覚的に示す方法としてグラフィカルコントロール要素のコレクションをグループ化できるボックスのタイプ
      • Canvas –グラフィック情報を表すための一般的な描画要素
      • Cover Flow –ドキュメント、Webサイトのブックマーク、アルバムアートワーク、または写真のスナップショットを視覚的にめくるためのアニメーション化された3次元要素。
      • バブルフロー–ユーザーがディスカッションスレッドのツリービュー全体を参照および操作できるようにする、アニメーション化された2次元要素。
      • カルーセル(コンピューティング) –ユーザーがWebサイトとモバイルアプリの両方ですばやく閲覧できるようにビジュアルカードを表示するために使用されるグラフィカルウィジェット

も参照してください

参考文献

  1. ^ 「Microsoft:グラフィック要素」msdn.microsoft.comMicrosoft 2015年4月27日取得
  2. ^ 「ウィジェットとは何ですか?-WhatIs.comからの定義」WhatIs.com 2020年6月3日取得
  3. ^ ラルフ・R・スウィック、マーク・S・アッカーマン(1988)。「Xツールキット:ユーザーインターフェイスを構築するためのより多くのレンガ、または、雇うためのウィジェット」USENIXWinterpp。221–228。2007年9月27日にオリジナルからアーカイブされました2007年1月3日取得
  4. ^ https://material-ui.com/demos/drawers/ DrawerReactコンポーネント-Material-UI

外部リンク