29

Android Tabhost を iPhone のようにスタイルすることはできますか? そうでない場合、Android の Bottom Tabs を作成する方法を示すオープン ソース コードはありますか?

代替テキスト
(出典:appshopper.com
代替テキスト

4

4 に答える 4

68

タブのデフォルトのルック アンド フィールを変更しないことをお勧めします。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

このサンプルは、使用できるようにアップグレードされておりTabLayoutViewPager

Relavent のブログ エントリは次の場所にあります。

iPhone のような Android のタブ。

スクリーンショット:

下部のスクリーンショットのタブ

また、タブホストをレイズド センター タブのようにカスタマイズしました。

盛り上がった中央のスクリーンショット

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

于 2011-08-09T07:19:11.143 に答える
16

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

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

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

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

于 2010-04-20T20:04:07.257 に答える
5

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

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

スクリーンショット:

iTab のスクリーンショット

于 2013-01-24T12:33:40.490 に答える
1

スクリーンショットにはAndroid1.6が含まれています。スタイル。新しいバージョンでタブホストを使用していて、それを画面の下部に配置するだけの場合、iPhoneバージョンと非常によく似ています。

androidのUIはあまり変更せず、iphoneのルックアンドフィール(同じアイコン)に似せて、残りの部分はandroidスタイルのままにします。これにより、アプリがユーザーに馴染みのあるものになります。

アイコンの同じ外観を実現するには、iphoneで表示されるように、ボタンの選択された状態と選択されていない状態で描画可能なxml定義を使用するだけです。アイコンを設定するには、tabspecのsetIndicatorメソッドを使用します。

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

于 2010-04-21T07:35:29.693 に答える