Androidデザイン マルチペインレイアウト

2012/1/22 10407hit

マルチペインレイアウト

Android向けのアプリを作るときはAndroidデバイスは多くのスクリーンサイズとタイプがある事を忘れないでください。
コンテンツを様々なスクリーンサイズと向きに最適化する事でアプリがバランスよく、美しく気持ちのいいレイアウトを一貫して提供できる事を確認してください。
パネルはアプリがこれを実現するのに優れた方法です。
小さな画面で区切られた複数の画面を、より多くの領域が利用できる横スクリーンで一つにまとめる事が出来ます。

複数のビューを一つにまとめる

小さなデバイス上では典型的にマスターグリッドかリストビューと詳細ビューに分けられます。
マスタービューでアイテムにタッチする事でアイテムの詳細を表示する別のスクリーンを開きます。

電話より大きなスクリーン領域を持っているタブレットのために関連したリストと詳細ビューを一つの画面に結合するパネルを使えます。
これはスペースを効率よく使いアプリの操作をより簡単にします。


通常、左側のペインで選んだアイテムの詳細情報を右側に表示してください。
かならず左右のパネルの関係を持たせるために左側のアイテムを維持するようにしてください。

複合ビューと向きの変化

画面は向きと関係なく同じ機能を持つ必要があります。
1つの向きに置いて複合ビューを使うならばユーザーが画面を回転させてもそれを分割しないでください。
機能的な統一性を無効にしなくても、向きを変えた後レイアウトを調整するためのいくつかの技術があります。

広げると縮める

両方の向きでバランスのとれたレイアウトを実現するために左の列幅を調整する。

積み重ねる

回転に画面がマッチするようにパネルを再アレンジする。

拡大する/縮小する

装置を回転させるとき、最も重要な情報を表示するために左側のボックス表示を省略してください。
左側のボックスをユーザーがもとの幅に戻す拡張コントロールを提供してください


表示する/隠す

デバイスを回転させた後、全画面で右側のペインを表示します。
アクションバーのアップアイコンを使って左側のパネルを表示し他のemailにナビゲートできるようにしてください。
詳細パネルのコンテンツをタッチすると左側のパネルを隠します。


チェックリスト

・アプリをどのように異なる画面サイズや向きに適合させるか計画する
・画面の変化によって、複合ビューで最適な最適な再編成する方法を特定する。
・マルチパネルの複合ビューでビューを強化する機会を探る。
・画面の向きが変わっても画面が同じ機能を提供する事を確認する。

次へ
前へ
目次に戻る

原文
Except as noted, this content is licensed under Creative Commons Attribution 2.5.

前:Androidデザイン アクションバー 次:Androidデザイン スワイプビュー

関連キーワード

[Android][モバイル][IT][翻訳]

コメント

名前:ひさねこ|投稿日:2012/01/24 11:23

こんにちはです。

●小さな画面で区切られた複数の画面を、より多くの領域が利用できる横スクリーンで一つにまとめる事が出来ます。


複数のビューを、たくさんの水平画面領域が利用可能である場合はひとつの複合ビューにまとめることができ、
それよりも少ない領域しか利用できない場合は 2 つ以上に分けることになります。

They allow you to combine multiple views into one compound view when a lot of horizontal screen real estate is available
and by splitting them up when less space is available.

※元の英文に誤りがあります。"by splitting"→"split"の誤りと思われます。
※「小さな画面で区切られた複数の画面」に対応する文章が元の英文に見当たりません。
※ "by splitting them up when less space is available"の部分が翻訳されていません。

名前:ひさねこ|投稿日:2012/01/24 11:34

●小さなデバイス上では典型的にマスターグリッドかリストビューと詳細ビューに分けられます。

一般に小さなデバイス上では、コンテントは、
親となるグリッドビューまたはリストビューと、詳細ビューの二つから構成されます。

On smaller devices your content is typically divided into a master grid or list view and a detail view.

※【a master <grid or list> view】 and 【a detail view】の英文構造になっていることを把握する必要があります。
その翻訳になっていないような気がします。

名前:ひさねこ|投稿日:2012/01/24 11:40

●関連したリストと詳細ビューを一つの画面に結合するパネルを使えます。

パネルを使って関連するリストと詳細ビューを一つの複合ビューにまとめることができます

you can use panels to combine the related list and detail views into a single compound view

※ a single compound view: view は画面ではなくて、Android の Java のクラスを指します。
※ 「結合するパネル」の部分が正しくないと思います。この部分の不定詞は『目的』を表すものと思われます。
  「・・・するのにパネルを使用する」という意味です。

名前:ひさねこ|投稿日:2012/01/24 11:47

●これはスペースを効率よく使いアプリの操作をより簡単にします。

これにより(タブレットの)追加スペースは効率的に使用され、
アプリのナビゲーションはしやすくなります

This uses the additional space more efficiently and makes navigating the app easier.

※additionalが翻訳されていません。

名前:ひさねこ|投稿日:2012/01/24 11:52

●かならず左右のパネルの関係を持たせるために左側のアイテムを維持するようにしてください。


かならず左右のパネルの関係を持たせるために左側のパネルのアイテムを選択された状態のままにしてください。


Make sure to keep the item in the left pane selected in order to establish the relationship between the panels.

※ selected が翻訳されていないため、文章の意味を完全に理解することができません。

名前:ひさねこ|投稿日:2012/01/24 11:59

●広げると縮める
両方の向きでバランスのとれたレイアウトを実現するために左の列幅を調整する。

→ 文章を図の上に移動すると良いと思います。以下、すべての図とその説明に当てはまります。

名前:ひさねこ|投稿日:2012/01/24 12:21

●マルチパネルの複合ビューでビューを強化する機会を探る。

ビューをマルチパネルの複合ビューにまとめることができないか検討してください。

Look for opportunities to consolidate your views into multi-panel compound views.

※consolidateはcombineと同じ意味です。

コメントを投稿する

名前URI
コメント