この電話アプリの概要では、電話アプリの主要な要素、提供する基本機能、それらの機能を支えるアーキテクチャについて説明します。
詳細な説明は他のセクションで説明しています。これらのセクションのガイドについては、概要をご覧ください。
構造
電話アプリの UI には、主に 4 種類のビューと、メインのナビゲーションを提供するためのアプリバーなどの繰り返し表示されるさまざまな要素があります。これらのビューと要素については、下の表と以降のセクションで説明します。
ビューの種類 | 含まれる要素 | 表示設定 |
---|---|---|
ブラウジング可能な連絡先(履歴ビュー、連絡先ビュー、お気に入りビュー、詳細ビュー) |
|
ユーザーが連絡先や通話の情報を閲覧したり、連絡先に電話をかけたりしている |
ダイヤルパッド |
|
ユーザーが電話番号を入力して発信する |
通話中 |
|
通話中 |
アプリの管理 (検索と設定) |
|
ユーザーが連絡先を検索しているか、アプリの設定を調整している |
ブラウズ可能な連絡先ビュー
![電話アプリの構造](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SpacialModel_Anatomy.png?authuser=3&hl=ja)
2. ブラウズ可能な連絡先スペース
これは、アプリバーと連絡先スペースのデフォルトの配置です。画面の寸法によっては、メインのナビゲーションとアプリ コントロールを、1 つの水平バーに配置するのではなく、積み重ねることができます。
ダイヤルパッドと通話中のビュー
![ダイヤルパッドの構造](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_DialPad.png?authuser=3&hl=ja)
![通話中コントロール バーの構造](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_IncallNew.png?authuser=3&hl=ja)
2. コントロール バー
アプリ コントロール ビュー(検索と設定)
![検索の構造](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Search.png?authuser=3&hl=ja)
2. 検索オーバーレイ
![設定の構造](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Settings.png?authuser=3&hl=ja)
2. 設定のオーバーレイ
メインのナビゲーション(アプリバー)
メインのアプリバー ナビゲーションは、露出したタブで構成されます。
![電話アプリのナビゲーションのタブの切り替え](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_PrimaryNavigation.gif?authuser=3&hl=ja)
![電話アプリのナビゲーションの空間モデル](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_PrimaryNavigation_Wire.gif?authuser=3&hl=ja)
アプリの管理
アプリバーの右側にあるアプリ コントロールから、アプリ内の検索機能と設定機能(それぞれ虫メガネと歯車アイコンで表現)にアクセスできます。
![アプリ コントロールの例](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_AppControls.gif?authuser=3&hl=ja)
![アプリによる空間モデル制御](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/settings.gif?authuser=3&hl=ja)
ブラウズ可能なコンテンツ スペース
ブラウズ可能な連絡先スペースでは、ユーザーは連絡先を縦方向にスクロールしたり、Z 空間を通過して 1 階層下の個々の連絡先詳細に移動したりできます。
複数のレベル間を移動すると、ドライバーの認知負荷が増大するため、電話アプリでは、主要レベルと連絡先詳細の 2 つのレベルの連絡先しかありません。
![電話アプリの連絡先の操作](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_Content.gif?authuser=3&hl=ja)
![アプリによる空間モデル制御](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_Content_Wire.gif?authuser=3&hl=ja)
ダイヤルパッド
[ダイヤルパッド] タブを選択すると、発信用のダイヤルパッドを表示できます。部分的に入力された番号が連絡先の電話番号と一意に対応する場合は、一致するものが表示され、ユーザーは完全な番号を入力しなくても電話をかけることができます。
![ダイヤルパッド タブ、横向き](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_DialpadTab.png?authuser=3&hl=ja)
![縦向きのダイヤルパッド アイコンと認識済みの連絡先](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_recognizedContact.png?authuser=3&hl=ja)
通話中ステータス画面とコントロール バー
ユーザーが電話アプリで発信または応答すると、通話中ステータス画面に、連絡先の名前、通話のステータスまたは通話時間、通話管理用の通話中コントロール バーが表示されます。
![ダイヤルパッド通話とコントロール バー](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_calling.png?authuser=3&hl=ja)
![通話中画面とコントロール バー](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_in-call-new.png?authuser=3&hl=ja)