web-dev-qa-db-ja.com

android 5.0材料設計タブ

最新のGoogle NewsStandアプリのように、マテリアルデザインスタイルのタブを実装するための最良かつ簡単な方法は何ですか?それはまさに私が探しているものですが、どこから始めればいいのかわかりません。提供されるヘルプ/指示は大歓迎です。ありがとう。

45
nomongo

@ChrisBanes(Androidの開発者プログラムエンジニア)のこの post は、新しいツールバーの状況を説明しています。

this サンプルが役立ちます。

this DevBytesビデオと同様。

ライブラリが必要な場合は、 this one を選択できますが、マテリアルデザインに更新されません(フォークし、時間があれば、更新しようとします)。

@ ChrisBanes blog および the official Android blog で新しいAPI 21の詳細を見つけることができます

EDIT:このレポでマテリアルデザインタブを見つけることができます jpardogo/PagerSlidingTabStrip

私はこれまでのところ、元のライブラリに基本的に4つの変更を加えました(ツールバーを追加し、明日いくつかの修正を行います)。

  1. タブレイアウトのデフォルトパラメータを変更して、より多くのマテリアルのように見せます。
  2. タブをスワイプしている間、インジケータはデフォルトで中央にあります。
  3. タイトルのアルファ値は、選択した位置に応じて変わります。
  4. アダプターのインターフェイス「CustomTabProvider」を実装するcustomTabsを渡す機能。

    • CustomTabにID @+id/tab_titleのビューがある場合、タイトルを配置するために使用され、アルファは通常どおりに機能します。
    • このインターフェイスが実装されていない場合、デフォルトのタブレイアウトが使用されます(TextView)。

必要に応じて、このライブラリのいずれかを使用して、波紋のあるカスタムタブを使用できます。

EDIT2:新しいサポートライブラリTooolbarのActionBarを変更しました。また、タブ、ツールバー、ステータスバーに動的に色を適用しました。次のgifでAndroid 4.4.3で動作する例を見ることができます。

変更内容を記載したPRを送信しました。元のプロジェクトオーナーがMavenライブラリを更新せず、Mavenにプッシュする場合、ライブラリフォークをMavenセントラルにプッシュします。

material_tabs

85
jpardogo

個人的には jpardogo のライブラリ jpardogo/PagerSlidingTabStrip が大好きです。

私がそこに欠けているのを見つけた1つのことは、見られるように波及効果です: Material tabs with ripple effect

そこで、PagerSlidingTabStripに基づいて、カスタマイズ可能なリップル効果を持つ独自のライブラリを作成することにしました: pizza/MaterialTabs

Play Store でサンプルを見つけて、そこでタブをカスタマイズし、コードを生成してすぐにエクスポートすることもできます! :)

7
Karim

私はDrawerLayoutを使用していますが、最新のappcompatに切り替え、api 21でコンパイルし、このマテリアルテーマを取得しました。必ずv7のドロワーを使用してください。説明: http://antonioleiva.com/material-design-everywhere/

3
Carsten