ポインティング デバイスを使用する場合、ユーザーはカーソルを頼りに、ポインタの位置を把握したり、実行できる操作の種類を推測したり、特定の操作中にフィードバックを受け取ったりします。
カーソルアイコン
カーソルアイコンは、どの要素がインタラクティブであるか、どのような操作を実行できるかをユーザーに伝えるための具体的な視覚的合図となります。
システムには、次のようなカーソルアイコンのセットが用意されています。
全般
| アイコン | タイプ | 説明 |
|---|---|---|
|
ポインタ | 画面上のマウスの位置を示します。 |
|
手のポインタ | オブジェクトをクリックまたは操作できることを示します。 |
|
全スクロール | 任意の方向にスクロールできることを示します。 |
|
Grab | オブジェクトをドラッグできることを示します。 |
|
Grabbing | 要素がドラッグされていることを示します。 |
|
コピー | クリックしてドラッグすることで、テキストやその他のコンテンツをコピーできることを示します。 |
|
ドロップ不可 | ドラッグしているアイテムをドロップできないことを示します。 |
|
テキスト | テキストの挿入、編集、コピーができることを示します。 |
|
テキスト(縦) | 縦書きテキストの挿入、編集、コピーができることを示します。 |
|
エイリアス | ファイルまたはディレクトリのエイリアスを作成できることを示します。 |
|
プロセスのスピナー | プロセスが進行中であり、プロセスが完了するまで UI を操作できないことを示します。 |
サービス
| アイコン | タイプ | 説明 |
|---|---|---|
|
ヘルプ | 現在のコンテキストのヘルプ ウィンドウとしてヘルプを利用できることを示します。 |
|
コンテキスト メニュー | 右クリックしてコンテキスト メニューを開けることを示します。 |
|
十字線 | オブジェクトや場所を正確に選択できることを示します。 |
|
Cell | スプレッドシートのアクティブなセルを表示します。 |
|
縮小 | 画面上のオブジェクトや領域を縮小できることを示します。 |
|
拡大 | 画面上のオブジェクトや領域を拡大できることを示します。 |
|
スポット ホバー | デフォルトのポインタと同様に、マウスがホバーしていることを示します。主にテストと画面録画に使用されます。 |
|
スポット タッチ | カーソルがタップされたことを示します。 |
サイズ変更
| アイコン | タイプ | 説明 |
|---|---|---|
|
サイズ変更矢印 | 表示されている方向に要素のサイズを変更できることを示します。 |
|
サイズ変更不可の方向矢印 | 表示されている方向にオブジェクトのサイズを変更できないことを示します。 |
|
全方向へのサイズ変更不可 | 任意の方向にオブジェクトのサイズを変更できないことを示します。 |
タッチペン
| アイコン | タイプ | 説明 |
|---|---|---|
|
Scribe ホバー | タッチペンを使用すると、入力フィールドに書き込み可能であることを示します。 |
カーソルアイコンを使用する
システム カーソルを使用して、ユーザーに操作を伝えます。 たとえば、ズーム可能なコンテンツにカーソルを合わせると、虫眼鏡が表示されます。
Android で提供されていない、より特殊な操作を行うためのカスタム カーソルアイコンを作成します。
デザイン ガイドラインについては、カーソルアイコンをご覧ください。実装の詳細と、さまざまなカーソルタイプの設定方法については、カスタム カーソルをご覧ください。