之前都习惯用RadioGroup配合ViewPager做页面切换,官方是我TabLayout倒是用的很少,记录下使用。
布局:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPRimary" app:navigationIcon="@mipmap/back_ib" app:subtitleTextColor="@color/white" app:title="Palette" app:titleTextColor="@color/white" > </android.support.v7.widget.Toolbar> <android.support.design.widget.TabLayout android:id="@+id/toolbar_tab" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="@color/colorPrimaryDark" android:fillViewport="false" app:layout_scrollFlags="scroll" app:tabIndicatorColor="#0835f8" app:tabIndicatorHeight="2.0dp" app:tabSelectedTextColor="@color/white" app:tabTextColor="#090e21"> <android.support.design.widget.TabItem android:layout_width="match_parent" android:layout_height="match_parent" android:text="主页"/> <android.support.design.widget.TabItem android:layout_width="match_parent" android:layout_height="match_parent" android:text="分享"/> <android.support.design.widget.TabItem android:layout_width="match_parent" android:layout_height="match_parent" android:text="收藏"/> <android.support.design.widget.TabItem android:layout_width="match_parent" android:layout_height="match_parent" android:text="关注"/> <android.support.design.widget.TabItem android:layout_width="match_parent" android:layout_height="match_parent" android:text="微博"/> </android.support.design.widget.TabLayout> <android.support.v4.view.ViewPager android:id="@+id/main_vp_container" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"/></LinearLayout>app:tabIndicatorColor=”#0835f8” //该属性下方滚动条颜色 app:tabIndicatorHeight=”2.0dp” //滚动条高度
viewpager中我们使用已经定义的behavior来关联Tablayout app:layout_behavior=”@string/appbar_scrolling_view_behavior”
<string name="appbar_scrolling_view_behavior" translatable="false">android.support.design.widget.AppBarLayout$ScrollingViewBehavior</string>代码中:
toolbar_tab = (TabLayout) findViewById(R.id.toolbar_tab); main_vp_container = (ViewPager) findViewById(R.id.main_vp_container); PaletteViewPagerAdapter vpAdapter = new PaletteViewPagerAdapter(getSupportFragmentManager(), this); main_vp_container.setAdapter(vpAdapter); toolbar_tab.setupWithViewPager(main_vp_container);//关联效果图:
新闻热点
疑难解答