android横向滑动选项卡,Android Design Support Library全解：Part 4 TabLayout 实现滑动选项卡...

智能管家Tablayout.gif

如上图的滑动选项卡的效果在移动端的应用中很是常见，之前要是该效果需要利用动态加载布局技术和控制滑动技术(比如利用HorizontalScrollView)，较为繁琐。不过现在就完全不同了，Design Support Library提供了功能强大的TabLayout来帮助我们实现动态滑动选项卡。它可以和ViewPager很好地配合，让我们来看看它们如何工作的吧。

TabLayout与ViewPager的布局

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:context="com.android.srx.github.designsupportlibrarydemo.TabLayoutActivity">

android:layout_width="match_parent"

android:layout_height="wrap_content">

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

app:layout_scrollFlags="scroll|enterAlways"

android:popupTheme="@style/ThemeOverlay.AppCompat.ActionBar"/>

android:id="@+id/tabs"

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:tabIndicatorColor="@color/colorAccent"

app:tabMode="scrollable"/>

android:layout_width="match_parent"

android:layout_height="0dp"

android:layout_weight="1">

android:id="@+id/viewpager"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

android:id="@+id/btnFloatingAction"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layo