Android使用TabLayou+fragment+viewpager实现滑动切换页面效果

Android使用使用TabLayou+fragment+viewpager实现滑动切换实现滑动切换

页面效果页面效果

主要介绍了Android使用TabLayou+fragment+viewpager实现滑动切换页面效果,需要的朋友可以参考下

TabLayou 主要实现的是标题头的 滑动 这个 控件 类似于 ScrollView

XML中的布局

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

app:tabIndicatorHeight="2dp"

android:layout_weight="1"

app:tabIndicatorColor="@color/colorred"

app:tabSelectedTextColor="#000000"

app:tabMode="scrollable"

>

</android.support.design.widget.TabLayout>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/homefragment_vp"

></android.support.v4.view.ViewPager>

以下是代码的实现

//定义一个方法

public void getVpTitleData() {

// 找到 TabLayou 控件

TabLayout mTabLayout= (TabLayout) getView().findViewById(R.id.homefragment_tablelayouts);

// 找到 ViewPager 控件

ViewPager mViewPager= (ViewPager) getView().findViewById(R.id.homefragment_vp);

listtitle .add("明星");

listtitle .add("娱乐");

listtitle .add("军事");

listtitle .add("财经");

listtitle .add("时尚");

listtitle .add("八卦");

//遍历 listtitle 集合 将title 添加经 TabLayou z中

for (int i = 0; i <listtitle.size() ; i++) {

mTabLayout.addTab(mTabLayout.newTab().setText(listtitle.get(i)));

}

HomeFragmentVPFragmentAdapter mAdapter = new HomeFragmentVPFragmentAdapter(getFragmentManager(),listfragment,listtitle);

//给ViewPager设置适配器

mViewPager.setAdapter(mAdapter);

//将TabLayout和ViewPager关联起来。

mTabLayout.setupWithViewPager(mViewPager);

//给TabLayout设置适配器

mTabLayout.setTabsFromPagerAdapter(mAdapter);

}