ポインタ デバイスを使用する場合、ユーザーはカーソルを頼りに、どこを指しているか、どのような操作ができるか、特定の操作中にフィードバックを得ることができます。
カーソル アイコン
カーソル アイコンは、どの要素がインタラクティブで、どのような操作を実行できるかをユーザーに伝えるための特定の視覚的キューを提供します。
システムは、次のような一連のカーソル アイコンを提供します。
General
| アイコン | タイプ | 説明 |
|---|---|---|
|
ポインタ | 画面上でマウスが指している場所を示します。 |
|
ハンド ポインター | オブジェクトをクリックまたは操作できることを示します。 |
|
すべてのスクロール | ユーザーが任意の方向にスクロールできることを示します。 |
|
Grab | ユーザーがオブジェクトをドラッグできることを示します。 |
|
グラブ | 要素がドラッグされていることを示します。 |
|
コピー | ユーザーがクリックしてドラッグすることでテキストやその他のコンテンツをコピーできることを示します。 |
|
ドロップなし | ユーザーがドラッグしているアイテムをドロップできないことを示します。 |
|
テキスト | ユーザーがテキストの挿入、編集、コピーを行えることを示します。 |
|
テキスト(縦) | ユーザーが縦書きテキストを挿入、編集、コピーできることを示します。 |
|
エイリアス | ユーザーがファイルまたはディレクトリのエイリアスを作成できることを示します。 |
|
処理中であることを示すスピナー | プロセスが進行中であり、プロセスが完了するまでユーザーが UI を操作できないことを示します。 |
サービス
| アイコン | タイプ | 説明 |
|---|---|---|
|
ヘルプ | 現在のコンテキストのヘルプ ウィンドウとしてヘルプを利用できることを示します。 |
|
コンテキスト メニュー | ユーザーが右クリックしてコンテキスト メニューを開くことができることを示します。 |
|
Crosshair | ユーザーがオブジェクトや場所を正確に選択できることを示します。 |
|
携帯電話 | スプレッドシートのアクティブなセルを表示します。 |
|
縮小 | 画面上のオブジェクトまたは領域を縮小できることを示します。 |
|
拡大 | ユーザーが画面上のオブジェクトや領域を拡大できることを示します。 |
|
スポット ホバー | マウスがホバーしていることを示します(デフォルトのポインタと同様)。主にテストと画面録画に使用されます。 |
|
スポット タッチ | カーソルがタップされたことを示します。 |
サイズ変更
| アイコン | タイプ | 説明 |
|---|---|---|
|
サイズ変更の矢印 | 要素を矢印の方向にサイズ変更できることを示します。 |
|
サイズ変更の方向を示す矢印がない | ユーザーが示された方向にオブジェクトのサイズを変更できないことを示します。 |
|
すべての方向でサイズ変更しない | ユーザーがオブジェクトのサイズをどの方向にも変更できないことを示します。 |
タッチペン
| アイコン | タイプ | 説明 |
|---|---|---|
|
Scribe hover | スタイラスで、入力フィールドが書き込み可能であることを示します。 |
カーソル アイコンを使用する
システム カーソルを使用して、ユーザーにインタラクションを伝えます。たとえば、ズーム可能なコンテンツにカーソルを合わせると虫メガネが表示されます。
Android で提供されていない、より特殊なアクション用のカスタム カーソル アイコンを作成します。
デザインのガイダンスについては、カーソル アイコンをご覧ください。実装の詳細とさまざまなカーソル タイプの設定方法については、カスタム カーソルをご覧ください。