Android - 类似 Google Play 的标签

Question

Google 刚刚在其 Google Play 的标签页中添加了new look。

我知道这可以通过 ViewPagerIndicator 完成，但我不想在我的应用程序中使用另一个库并将应用程序的大小再增加一个 MB 左右。

我目前正在使用 android.support.v4.view.PagerTabStrip（就像在旧的 Google Play 中一样），我想知道新外观是否也可以使用 android 支持库来实现。

提前致谢。

Answer 1

设计支持库（当前方法）。

设计支持库包含 TabLayout 小部件，它允许您实现 Google Play-lie 选项卡：

<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 app

PagerSlidingTabStrip 库

这是一个即用型库，您可以find on Github。

Answer 2

Google 终于发布了他们的滑动标签 api。

要使用 SlidingTabsBasic，您首先需要从以下位置下载 zip 文件： http://developer.android.com/downloads/samples/SlidingTabsBasic.zip

1. 将 com.example.android.common.view 包中的 2 个 java 源文件包含到您的项目中。您可以选择将它们移动到项目中合适的包中。
2. 要使用该组件，只需将其添加到您的视图层次结构中。然后在您的 Activity 或 Fragment 中，通过调用提供 SlidingTabsBasic 您的 viewPager mSlidingTabLayout.setViewPager(mViewPager);

来自 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>

Activity 的 onCreate() 方法中的示例代码：

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

如需了解更多详情，请按照 zip 文件中的示例进行操作 SlidingTabsBasicFragment.java 和 fragment_sample.xml

Answer 3

试试这个library

Sample project

它使用ViewPager 和片段来显示标签，就像在 google play 上一样。