web-dev-qa-db-ja.com

Android-タブのようなGoogle Play

Googleは、Google Playのタブに new look を実装しました。

これはViewPagerIndicatorで実行できることはわかっていますが、アプリケーションで別のライブラリを使用して、アプリケーションのサイズを別のMBほど増やすのは嫌です。

現在、Android.support.v4.view.PagerTabStrip(古いGoogle Playのように)を使用していますが、Androidサポートライブラリを使用して新しい外観も実装できるかどうか疑問に思っています。

前もって感謝します。

27
MrByte

設計支援ライブラリ(現在の方法)。

デザインサポートライブラリには、Google Play-lieタブを実装できるTabLayoutウィジェットが含まれています。

<Android.support.design.widget.TabLayout
    Android:id="@+id/tabs"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content" />

そしてそれを初期化する:

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs);
tabLayout.setupWithViewPager(viewPager);

完全な例については、 Cheesesquareアプリ を参照してください

PagerSlidingTabStripライブラリ

これはすぐに使用できるライブラリで、 Githubで検索 です。

ScreenshotScreenshot

52
rciovati

GoogleはついにスライドタブAPIをリリースしました。

SlidingTabsBasicを使用するには、まずZipファイルを次からダウンロードする必要があります。 http://developer.Android.com/downloads/samples/SlidingTabsBasic.Zip

  1. Com.example.Android.common.viewパッケージの2つのJavaソースファイルをプロジェクトに含めます。プロジェクト内の適切なパッケージに移動することもできます。
  2. コンポーネントを使用するには、単にビュー階層に追加します。次に、アクティビティまたはフラグメントで、mSlidingTabLayout.setViewPager(mViewPager);を呼び出して、viewPagerにSlidingTabsBasicを提供します。

Googleのレイアウト例:

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
      Android:layout_width="match_parent"
      Android:layout_height="match_parent"
      Android:orientation="vertical">

    <com.example.Android.common.view.SlidingTabLayout
          Android:id="@+id/sliding_tabs"
          Android:layout_width="match_parent"
          Android:layout_height="wrap_content" />

    <Android.support.v4.view.ViewPager
          Android:id="@+id/viewpager"
          Android:layout_width="match_parent"
          Android:layout_height="0px"
          Android:layout_weight="1"
          Android:background="@Android:color/white"/>

</LinearLayout>

アクティビティのonCreate()メソッドのサンプルコード:

mSlidingTabLayout = (SlidingTabLayout) view.findViewById(R.id.sliding_tabs);
mSlidingTabLayout.setViewPager(mViewPager);

詳細については、ZipファイルSlidingTabsBasicFragment.Javaおよびfragment_sample.xmlの例を参照してください。

34
Tianhai

これを試してください library

サンプルプロジェクト

Google Playのように、ViewPagerとフラグメントを使用してタブを表示します。

1
Shruti