1page.title=Back ボタンと Up ボタンを使用したナビゲーション 2page.tags="navigation","activity","task","up navigation","back navigation" 3page.image=/design/media/navigation_between_siblings_gmail.png 4@jd:body 5 6<a class="notice-developers" href="{@docRoot}training/implementing-navigation/index.html"> 7 <div> 8 <h3>デベロッパー ドキュメント</h3> 9 <p>効果的なナビゲーションの実装</p> 10 </div> 11</a> 12 13<p itemprop="description">使いやすいアプリでは、ナビゲーションに統一性があります。統一性がなく、動作の読めないアプリほど使いにくいものはありません。 14Android 3.0 では、全体的なナビゲーション動作が大きく変わりました。 15Back ボタンと Up ボタンのガイドラインに従えば、ユーザーにとってわかりやすく、信頼できるナビゲーションを実装できます。 16</p> 17<p>Android 2.3 以前のアプリのナビゲーションはシステムの <em>Back</em> ボタンで行っていました。 18Android 3.0 よりアクションバーが導入され、第 2 のナビゲーション メカニズムとして <em>Up</em> ボタンが登場しました。このボタンはアプリアイコンと左向きのキャレットで表されています。 19</p> 20 21<img src="{@docRoot}design/media/navigation_with_back_and_up.png"> 22 23<h2 id="up-vs-back">Up ボタンと Back ボタンの違い</h2> 24 25<p>Up ボタンは、画面間の階層関係に基づいてアプリ内を移動するために使います。 26たとえば、画面 A でアイテムのリストを表示し、アイテムを選択すると（そのアイテムの詳細を表示する）画面 B に移動する場合、画面 B には画面 A に戻るための Up ボタンが必要です。 27 28</p> 29<p>画面がアプリのトップ レベル（アプリのホーム）であれば、Up ボタンを表示する必要はありません。 30</p> 31 32<p>システムの Back ボタンは、最近使用した画面をさかのぼって順番に移動する場合に使用します。 33通常、このナビゲーションはアプリの階層ではなく、画面を表示した順番に基づいています。 34</p> 35 36<p>前に表示していた画面が現在の画面の親階層となる場合は、Back ボタンを押すと Up ボタンを押したときと同じ結果になります — これは一般的な動作です。 37 38ただし、Up ボタンではユーザーの移動がアプリ内に限られるのに対して、Back ボタンではホーム画面や、別のアプリにも戻れます。 39</p> 40 41<img src="{@docRoot}design/media/navigation_up_vs_back_gmail.png"> 42 43<p>Back ボタンは、画面間を直接ナビゲーションするだけでなく、次のような動作にも対応しています。 44</p> 45<ul> 46<li>フローティング ウィンドウ（ダイアログ、ポップアップ）を閉じる</li> 47<li>コンテキスト アクションバーを閉じて、選択したアイテムのハイライト表示を解除する</li> 48<li>画面上のキーボード（IME）を非表示にする</li> 49</ul> 50<h2 id="within-app">アプリ内でのナビゲーション</h2> 51 52<h4>エントリ ポイントが複数ある画面へのナビゲート</h4> 53<p>設定画面のように、アプリ内の他のどの画面からでもアクセスでき、アプリ階層内に定位置がなく、複数のエントリ ポイントからアクセスできる画面もあります。 54 55この場合、Up ボタンは Back ボタンと同じように元の画面に戻ります。 56</p> 57<h4>画面内でのビューの変更</h4> 58<p>画面のビュー オプションを変更しても Up ボタンと Back ボタンの動作は変わりません。画面はアプリの階層内の同じ位置にあり、新しいナビゲーション履歴は作成されません。 59</p> 60<p>このようなビューの変更には次のようなものがあります。</p> 61<ul> 62<li>タブや左右のスワイプを使ったビューの切り替え</li> 63<li>ドロップダウン（折りたたみタブ）を使ったビューの切り替え</li> 64<li>リストへのフィルタの適用</li> 65<li>リストの並び替え</li> 66<li>表示方法の変更（ズームなど）</li> 67</ul> 68<h4>兄弟画面間のナビゲーション</h4> 69<p>アプリでアイテムのリストから選択して、あるアイテムの詳細画面に移動するとき、そのアイテムからリストの前後にある別のアイテムにナビゲーションできるようにすると使いやすくなる場合があります。 70 71たとえば、Gmail で左か右にスワイプすると、同じ受信トレイのある会話から新しい会話や古い会話に簡単に移動できます。 72画面内でビューを変更する場合と同様に、このナビゲーションでも Up ボタンまたは Back ボタンの動作は変わりません。 73</p> 74 75<img src="{@docRoot}design/media/navigation_between_siblings_gmail.png"> 76 77<p>ただし、参照リストで結び付けられていない関連詳細ビュー間をブラウジングする場合は例外です。たとえば Play Store で同じデベロッパーのアプリや同じアーティストのアルバム間をブラウジングする場合です。 78 79この場合、各リンクをたどると履歴が作成され、Back ボタンで以前に表示した各画面に戻ることになります。 80Up ボタンを使用するとこれらの関連画面をバイパスして、直前に表示したコンテナ画面に移動します。 81</p> 82 83<img src="{@docRoot}design/media/navigation_between_siblings_market1.png"> 84 85<p>詳細ビューを応用すれば、Up ボタンを使いやすくできます。 86前述の Play Store の例で、直前に表示した書籍から映画版の詳細に移動したとします。 87その場合、Up ボタンを使用すると前に表示していないコンテナ（映画）に戻ることができます。 88</p> 89 90<img src="{@docRoot}design/media/navigation_between_siblings_market2.png"> 91 92<h2 id="into-your-app">ホーム画面のウィジェットと通知を使用したアプリへのナビゲーション</h2> 93 94<p>ホーム画面のウィジェットや通知を使用して、アプリの深い階層にある画面に直接移動できるようにします。 95たとえば、Gmail の受信トレイのウィジェットと新しいメッセージ通知をタップすると、どちらも受信トレイ画面をバイパスし、会話ビューを直接表示できます。 96</p> 97 98<p>この両方の機能で、Up ボタンを次のように処理します。</p> 99 100<ul> 101<li><em>通常どおりにアプリの特定の画面から移動先画面に移動する場合</em>、Up ボタンを使用するとその画面に移動します。 102</li> 103<li><em>それ以外の場合は</em>、Up ボタンを使用するとアプリのトップレベル（[ホーム]）の画面に移動します。</li> 104</ul> 105 106<p>Back ボタンの場合は、アプリのトップ レベルの画面に直接ナビゲートできるパスをタスクのバック スタックに挿入して、わかりやすいナビゲーションにします。 107こうすることで、アプリをどのように起動したか覚えていなくても、トップ レベルの画面に移動してから終了できます。 108 109</p> 110 111<p>たとえば Gmail のホーム画面のウィジェットには、作成画面に直接移動するボタンがあります。 112作成画面の Up ボタンまたは Back ボタンで受信トレイが表示され、そこから Back ボタンでホームに移動します。 113</p> 114 115<img src="{@docRoot}design/media/navigation_from_outside_back.png"> 116 117<h4>間接通知</h4> 118 119<p>アプリで複数のイベントに関する情報を同時に表示する必要がある場合、通知を 1 つにまとめてそこからインタースティシャル画面に遷移させることができます。 120この画面にはこれらのイベントの要約が表示されており、アプリのさらに深い階層に移動するパスが示されます。 121このスタイルの通知を<em>間接通知</em>と呼びます。 122</p> 123 124<p>標準（直接）通知とは異なり、間接通知のインタースティシャル画面で Back ボタンを押すと、通知がトリガーされた画面に戻ります。バックスタックには追加の画面は挿入されません。 125 126ユーザーがインタースティシャル画面からアプリに移動すると、Up ボタンと Back ボタンは前述の標準通知と同様に動作します。つまり、インタースティシャル画面に戻るのではなくアプリ内で遷移します。 127 128</p> 129 130<p>たとえば Gmail がカレンダーから間接通知を受け取ったとします。この通知をタップするとインタースティシャル画面が開き、複数の異なるイベントのリマインダーが表示されます。 131 132インタースティシャル画面で Back ボタンをタップすると Gmail に戻ります。特定のイベントをタップすると、インタースティシャル画面からカレンダー アプリに移動し、そのイベントの詳細が表示されます。 133 134イベントの詳細画面で Up ボタンや Back ボタンを使うと、カレンダーのトップ ビューに移動します。</p> 135 136<img src="{@docRoot}design/media/navigation_indirect_notification.png"> 137 138<h4>ポップアップ通知</h4> 139 140<p><em>ポップアップ通知</em>は通知ドロワーをバイパスし、直接表示される通知です。 141ポップアップ通知はほとんど使われません。<strong>タイムリーな応答が要求され、ユーザーの操作の中断が必要な場合にのみ使うべきです</strong>。 142たとえばトークでは、友人からのビデオチャットへの招待が数秒後に自動的に期限切れとなる場合、このスタイルを使ってユーザーに通知します。 143 144</p> 145 146<p>ナビゲーションでは、間接通知のインタースティシャル画面の動作に慎重に従ってポップアップ通知を行います。 147Back ボタンでポップアップ通知を閉じます。ポップアップから通知対象のアプリに移動すると、Up ボタンと Back ボタンは標準通知のルールに従って、そのアプリ内で通常のナビゲーションを実行します。 148 149</p> 150 151<img src="{@docRoot}design/media/navigation_popup_notification.png"> 152 153<h2 id="between-apps">アプリ間ナビゲーション</h2> 154 155<p>Android システムの基本的な利点の 1 つに、アプリが別のアプリを起動できる機能があります。これを使用すると、あるアプリから別のアプリへ直接移動できます。 156たとえば、写真をキャプチャするアプリで、カメラアプリを起動できます。カメラアプリは写真を起動元のアプリに返します。 157 158デベロッパーにとっては他のアプリのコードを簡単に利用できるという点で、ユーザーにとってはよく実行するアクションを常に同じ操作で実行できるという点で大きなメリットです。 159 160</p> 161 162<p>アプリ間ナビゲーションを理解するには、次に説明する Android フレームワークの動作を理解する必要があります。 163</p> 164 165<h4>アクティビティ、タスク、インテント</h4> 166 167<p>Android における<strong>アクティビティ</strong>とは、情報を表示する画面と、実行できるすべての関連アクションを定義するアプリケーション コンポーネントのことです。 168アプリはアクティビティの集まりで構成され、作成したアクティビティと他のアプリから再利用するアクティビティで構成されています。 169</p> 170 171<p><strong>タスク</strong>とは目的の動作を遂行するために実行する、一連のアクティビティのことです。1 つのタスクで 1 つのアプリだけのアクティビティを利用することも、複数のアプリのアクティビティを利用することもできます。 172 173</p> 174 175<p><strong>インテント</strong>とは、アプリがあるアクションを実行するために、別のアプリにアシストを要求するためのシグナルを出すメカニズムです。 176アプリのアクティビティは、どのようなインテントに応答できるか決めることができます。 177「共有」などの一般的なインテントの場合、その要求に対応できるアプリが複数インストールされていることもあります。 178</p> 179 180<h4>例: アプリ間をナビゲートして共有をサポートする</h4> 181 182<p>アクティビティ、タスク、インテントの連携を理解するには、あるアプリが別のアプリを使ってコンテンツを共有する仕組みについて理解する必要があります。 183たとえば、ホームから Play Store のアプリを起動すると、新しいタスク A が開始されるとします（以下の図を参照）。 184Play Store 内をナビゲートし、おすすめの書籍をタップしてその詳細を表示した後もユーザーは同じタスク内に留まり、アクティビティを追加するとタスクが拡張されます。 185「共有」アクションをトリガーすると、共有インテントを処理するよう登録されている（さまざまなアプリの）各アクティビティを一覧表示するダイアログが表示されます。 186 187</p> 188 189<img src="{@docRoot}design/media/navigation_between_apps_inward.png"> 190 191<p>Gmail で共有するよう選択すると、Gmail の作成アクティビティがタスク A の続きとして追加され、新しいタスクは作成されません。 192Gmail にバックグラウンドで実行中のタスクがある場合、そのタスクは影響を受けません。 193</p> 194 195<p>作成アクティビティからメッセージを送信するか、Back ボタンをタップすると書籍の詳細アクティビティに戻ります。 196Back ボタンを連続してタップすると Play Store に戻り、最後にホーム画面が表示されます。 197</p> 198 199<img src="{@docRoot}design/media/navigation_between_apps_back.png"> 200 201<p>ただし、作成アクティビティで Up ボタンをタップすると、Gmail で引き続き作業することになります。 202Gmail の会話リストのアクティビティが表示され、新しいタスク B が作成されます。新しいタスクでは常にホーム画面がルートになるため、会話リストから Back ボタンをタップするとホーム画面に戻ります。 203</p> 204 205<img src="{@docRoot}design/media/navigation_between_apps_up.png"> 206 207<p>タスク A はバックグラウンドで待機しているので、後から（たとえば [最近使ったアプリ] 画面から）このタスクに戻ることができます。 208Gmail にバックグラウンドで実行中のタスクが既にある場合、そのタスクはタスク B に置き換えられます。新しいタスクが選択され、前のコンテキストは破棄されます。 209</p> 210 211<p>深い階層にあるアクティビティでインテントを処理するようアプリで登録されている場合は、Up ナビゲーションの指定方法については、<a href="#into-your-app">ホーム画面のウィジェットと通知を使用したアプリへのナビゲーション</a>をご覧ください。 212 213</p> 214
