2012-01-20 4 views
0

誰でも次の図のようなレイアウトを作成する方法のヒントを教えてください。このようなレイアウトを作成するヒント

Viber for android - VOIP app

私が働いているアプリケーションは、VoIPとは全く関係ありませんが、私はこのような何かを構築しようとしています。一番下の固定されたツールバー、リストビュー、スクロールビュー、またはその他の互換性のある中央のペイン、一番下の別のツールバーは下のバーで選択されたボタンに応じて変わります。

また、このすべてを1つのアクティビティに収めることは可能であり、良い方法でしょうか?

+1

個人的に私はそういうUIを作ってはいけないと言っている人たちには同意しません。誰が他の誰に服を着るか、コーヒーには何個の砂糖を入れるべきか、どんな音楽を聞くべきかなどを教えてくれる人は誰ですか?あなたのようにあなたのUIをデザインでき、それがあなたのために働くのであれば、直感的に使用することができ、あなたのユーザーは好きです。ちょうど私の意見。 – Squonk

+0

問題は、それがスタイルガイドに従う携帯電話上の他のほとんどのアプリとは異なるため、使いにくくなることです。 –

答えて

5

このようなインターフェイスを構築しないでください。ボトムバーを使用しないでください!アクションビューでラベル付きバックボタンを使用しないでください!

あなたはAndroid design guidelinesを読んで、そこで参照されているタブビュー...とその他のもので作業し、Androidアプリを構築する必要があります。

+2

記録のために、私は@Manfred Moserに同意します。あなたはおそらくこのようにあなたのUIを構築すべきではありません。私の答えはそれが実際に技術的に可能であることを示すことでした。 – FoamyGuy

+0

私はラベル付きのバックボタンを使用するつもりはありませんでした。私はそれらのガイドラインを知らなかったし、ボトムバーがそんな面倒なことになるとは思っていなかったが、それはいくつかの携帯電話の設計を考えると意味をなさない。 しかし、私はトップにあるツールバーだけでも同じことができます。そして、一番下に1つか2つ少ないボタンを置いてください。 これを行う方法に関するXMLのヒント?ありがとう – tyb

+1

ドキュメントを読み、いくつかの例を試してみてください。上記のUIは、リストビューといくつかのヘッダーとフッターで複数の入れ子になったビューを使って行うのはかなり簡単です。 –

1

Androidデベロッパーサイトは、開始するのに適しています。私も、この特定のレイアウトに対して推奨のポスターに同意

UI Guide

を参照してください。それはiPhoneのために開発されたようで、 "そのまま"使用すべきではありません。

1

また、これをすべて1つのアクティビティに収めることは可能でしょうか?

- 確かに、あなたが何を意味するかに応じて少しキャッチしてください。

1つのアプローチは、独自のXMLの中にトップバーとボトムバーを作成することです。次に、あなたのアクティビティで、レイアウトの上と下にonCreate()を展開して追加します。

ボトムバーが変更されない場合は、実際にレイアウトに追加することができます。このようにすれば、リスナーを処理するには、下部のバーだけを含むアクティビティを作成し、リスナをクリックして、他のすべてのアクティビティでそのアクティビティを拡張することができます。

あなたはおそらく、実行時にそれに意見を膨らませると、追加する必要がありますけれども、トップバーには、あなたがトップで適切な見解を提示/削除/追加することで何が起こっているのかに反応することができる方法を変更することができますので、バー。

また、ちょうどそれが多少鉱山のペットpeeveであるため:

あなたの下のバーを設計するときは真剣にいくつかのデバイスが直接タッチスクリーンの下のソフトボタンを持っているという事実を考慮してください。また、いくつかのデバイスでは画面にかなり接近しています。ボトムバーの高さが十分でないアプリケーションでは、ボトムバーボタンの1つではなく、システムボタンの1つを押すことができます(またはその逆)。ユーザーの観点から言えば、それは非常に悪化しています。

+0

私はメインツールバーを一番上に置くことができ、私のために同じように動作します。必要に応じて、より少ないボタンを使うために底を使うこともあります。それは働くだろうか?ありがとう。 – tyb

1

バーを使用しないでください。より使い慣れたUIを提供するには、これらの機能すべてをトップバーに入れます。まず、あなたのandroid sdkサンプルフォルダ内のActionBarCompatプロジェクトのソースコードを見てください。

関連する問題