ViewPager 结合Fragment实现一个Activity里包含多个可滑动的标签页

来源：互联网发布：常用的mysql语句编辑：程序博客网时间：2024/06/03 16:32

转载出处http://blog.csdn.net/u013132758。

ViewPager 结合Fragment实现一个Activity里包含多个可滑动的标签页，每个标签页可以有独立的布局及响应。

如下所示。

我们可以借助TabLayout来实现顶部导航。Activity布局文件如下：

[html] view plain copy
 print?
<?xml version="1.0" encoding="utf-8"?>  
<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">  
  
<--!自定义标题栏！－－＞  
    <include layout="@layout/layout_ordermanagertitles" />  
<--!自定义ＴａｂＬａｙｏｕｔ布局！－－＞  
    <android.support.design.widget.TabLayout  
        android:id="@+id/tablayout"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        app:tabIndicatorColor="@color/colorTitle"  
        app:tabSelectedTextColor="@color/black"  
        app:tabTextColor="@color/black" />  
＜－－ＶｉｅｗＰａｇｅｒ　实现滑动－－＞  
    <android.support.v4.view.ViewPager  
        android:id="@+id/viewpager"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" />  
  
</LinearLayout>  

Ａｃｔｉｖｉｔｙ　　Ｊａｖａ文件，在该文件中定义适配器，实现滑动和布局．

[java] view plain copy
 print?
import android.content.Intent;  
import android.os.Bundle;  
import android.support.design.widget.TabLayout;  
import android.support.v4.app.Fragment;  
import android.support.v4.app.FragmentActivity;  
import android.support.v4.app.FragmentManager;  
import android.support.v4.app.FragmentPagerAdapter;  
import android.support.v4.view.ViewPager;  
  
import com.glc.dianniuapp.R;  
import com.glc.dianniuapp.fragments.FragmentDeal;  
import com.glc.dianniuapp.fragments.FragmentHistory;  
import com.glc.dianniuapp.fragments.FragmentRunning;  
  
import java.util.ArrayList;  
import java.util.List;  
  
import butterknife.Bind;  
import butterknife.ButterKnife;  
import butterknife.OnClick;  
  
/** 
 * Created by Leiqi on 2015/11/27. 
 */  
public class OrderManagerAcitivity extends FragmentActivity implements ViewPager.OnPageChangeListener {  
  
    @Bind(R.id.viewpager)  
    ViewPager mViewPager;  
    @Bind(R.id.tablayout)  
    TabLayout mTabLayout;  
    private List<Fragment> mFragments = new ArrayList<>()；//标签页集合  
    private MyFragmentAdapter mFragmentAdapter;//自定义适配器  
    private List<String> mTitles = new ArrayList<>();//标签集合  
  
    @OnClick(R.id.tv_backhome)  
    public void back() {  
        Intent intent = new Intent(OrderManagerAcitivity.this, MainActivity.class);  
        startActivity(intent);  
    }  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_ordermanager);  
        ButterKnife.bind(this);  
        initView();  
  
    }  
//初始化视图  
    private void initView() {  
        mTitles.add("进行中");//标签  
        mTitles.add("违章管理");  
        mTitles.add("历史订单");  
　　　　　　// 标签页  
        mFragments.add(new FragmentRunning());  
        mFragments.add(new FragmentHistory());  
        mFragments.add(new FragmentDeal());  
  
  
        mFragmentAdapter = new MyFragmentAdapter(getSupportFragmentManager(), mFragments, mTitles);  
        mViewPager.setAdapter(mFragmentAdapter);<span style="font-family: Arial;">//ViewPager设置适配器</span>  
        mViewPager.addOnPageChangeListener(this);//将ＶｉｅｗＰａｇｅｒ加入到该Ａｃｔｉｖｉｔｙ中  
        mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置ＴａｂＬａｙｏｕｔ模式，当前为系统默认模式．  
        mTabLayout.setupWithViewPager(mViewPager);//将ViewPager和Tablayout关联起来  
        mTabLayout.setTabsFromPagerAdapter(mFragmentAdapter);<span style="font-family: Arial;">//TabLayout设置加适配器</span>  
    }  
  
    @Override  
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {  
  
    }  
  
    @Override  
    public void onPageSelected(int position) {  
  
    }  
  
    @Override  
    public void onPageScrollStateChanged(int state) {  
  
    }  
//自定义适配器  
    private class MyFragmentAdapter extends FragmentPagerAdapter {  
        private List<String> mTitles;  
        private List<Fragment> mFragments;  
　　　　　  
        public MyFragmentAdapter(FragmentManager fm, List<Fragment> mFragments, List<String> mTitles) {  
            super(fm);  
            this.mFragments = mFragments;  
            this.mTitles = mTitles;  
        }  
        @Override  
        public CharSequence getPageTitle(int position) {  
            return mTitles.get(position);  
        }  
        @Override  
        public Fragment getItem(int position) {  
            return mFragments.get(position);  
        }  
        @Override  
        public int getCount() {  
            return mFragments.size();  
        }  
    }  
}  

３、标签页继承于Ｆｒａｇｍｅｎｔ，其java 代码和布局文件如下：（这只是一个，其余的一样根据需求自己加）

[java] view plain copy
 print?
public class FragmentDeal extends Fragment {  
    @Nullable  
    @Override//构建视图  
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {  
        return inflater.inflate(R.layout.fragment_deal,container,false);  
    }  
}  

[html] view plain copy
 print?
标签页面具体布局  

[html] view plain copy
 print?
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical">  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="违章处理" />  
  
</LinearLayout>  

0 0