web-dev-qa-db-ja.com

Android-iPhoneスタイルのタブホスト

Android TabhostをiPhoneのようにスタイルすることはできますか?できない場合は、Android?

alt text
(ソース: appshopper.com
alt text

29
Soni Ali

Androidデバイスのユーザーには独自のユーザーエクスペリエンスがあり、その過去のエクスペリエンスを無効にするため、強制しないでください。)タブのデフォルトの外観を変更しないことをお勧めします彼らは新しいタブの経験を学ぶために(モバイルのユーザーは新しいことを学ぶのがとても面倒なので、通常彼らは過去の経験に依存しています。)

詳細は Pure Android を参照してください。

ただし、先に進みたい場合は、デフォルトのAndroidタブをiPhoneタブのようにカスタマイズしました。これはシンプルで、デフォルトのAndroidタブのuiコンポーネント(̶T̶a̶b̶H̶o̶s̶t̶̶T̶a̶b̶W̶i̶d̶g̶e̶t̶)。

ダウンロードリンク: GitHub、Iphone-Tab-in-Android

このサンプルは、TabLayoutおよびViewPagerを使用するようにアップグレードされました

Relaventブログエントリはここにあります:

iPhoneはAndroidのタブに似ています。

スクリーンショット:

tabs at bottom screenshot

タブホストをRaised Center Tabのようにカスタマイズしました。

Raised Center Screenshot

raiseCenterTabをダウンロードするには、こちら GitHub:RaisedCenterTab にアクセスしてください。

69
Adil Soomro

このコントロールは自分で作成する必要があります。いくつかのオプション:

  • RadioGroup を使用し、そこにカスタムラジオボタンを配置して、地獄をカスタマイズします。

  • このコントロールを最初から構築し、レイアウト(Frame、Relative、Linear)の1つから継承して、必要な動作を構築します。

  • TabHost srcを取得して、コントロールのベースとして使用することもできます

16
Alex Volovoy

あなたは見ることができます: https://github.com/mta452/iTab

これのプラス点は、iOSのようにグラデーションで自動的に画像整形を行うことです。

スクリーンショット:

Screenshot of iTab

5
Tayyab Akram

スクリーンショットはAndroid 1.6。スタイルです。新しいバージョンでタブホストを使用していて、それを画面の下部に置くだけで、iphoneバージョンと非常によく似たものになります。

AndroidのUIではあまり変更しませんが、iPhoneのルックアンドフィール(同じアイコン)に似せて、残りのAndroidスタイル。これにより、アプリはユーザーに親しみやすくなります。

アイコンの外観を同じにするには、iphoneのようにボタンを選択した状態と選択していない状態のドローアブルのXML定義を使用します。アイコンを設定するには、tabspecの setIndicator メソッドを使用します。

タブウィジェットの背景またはスタイルを設定することで、タブホストに多少のスタイルを設定できます。しかし、ウィジェットの実際の内部は、スタイルと背景の上に描画されます

1
Janusz