Android Tabhost を iPhone のようにスタイルすることはできますか? そうでない場合、Android の Bottom Tabs を作成する方法を示すオープン ソース コードはありますか?
(出典:appshopper.com)
Android Tabhost を iPhone のようにスタイルすることはできますか? そうでない場合、Android の Bottom Tabs を作成する方法を示すオープン ソース コードはありますか?
(出典:appshopper.com)
タブのデフォルトのルック アンド フィールを変更しないことをお勧めします。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 のブログ エントリは次の場所にあります。
スクリーンショット:
また、タブホストをレイズド センター タブのようにカスタマイズしました。
RaiseCenterTab をダウンロードするには、GitHub: RaisedCenterTabにアクセスしてください。
このコントロールは自分で作成する必要があります。いくつかのオプション:
RadioGroupを使用し、そこにカスタム ラジオ ボタンを配置して、めちゃくちゃカスタマイズします。
このコントロールをゼロから構築し、レイアウト ( Frame、Relative、Linear ) の 1 つから継承して、必要な動作を構築します。
TabHost src を取得して、コントロールのベースとして使用することもできます
あなたが見ることができます:https://github.com/mta452/iTab
これのプラスの点は、iOS のようにグラデーションを使用して画像を自動的に整形することです。
スクリーンショット:
スクリーンショットにはAndroid1.6が含まれています。スタイル。新しいバージョンでタブホストを使用していて、それを画面の下部に配置するだけの場合、iPhoneバージョンと非常によく似ています。
androidのUIはあまり変更せず、iphoneのルックアンドフィール(同じアイコン)に似せて、残りの部分はandroidスタイルのままにします。これにより、アプリがユーザーに馴染みのあるものになります。
アイコンの同じ外観を実現するには、iphoneで表示されるように、ボタンの選択された状態と選択されていない状態で描画可能なxml定義を使用するだけです。アイコンを設定するには、tabspecのsetIndicatorメソッドを使用します。
タブウィジェットの背景またはスタイルを設定することで、タブホストのスタイルをいくらか設定できます。ただし、ウィジェットの実際の内部は、スタイルと背景の上に描画されます