Viewpager+Fragment实现页面的滑动

今天给介绍一下viewpager和fragment
viewpager可以实现一个滑动的效果
fragment我们称之为“碎片”而且嵌套在activty中实现滑动的话就用碎片的切换比不断的使用fragment更好用
看下代码

fragment的xmll

<?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="match_parent"
        android:layout_height="wrap_content"
        android:text="我是通讯录页面内容" />

</LinearLayout>

另一fragment的xml

<?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:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textColor="#ff0000"
        android:text="我是微信的页面内容" />

    <Button 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test"

        />

</LinearLayout>```


xml布局activity

之后需要创建一个fragment类将Fragement的布局载入

package com.bawei.viewpager_fragment;

import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
* Created by mechrev on 2017/3/18.
*/

public class contactfragment extends Fragment {

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

    View view=inflater.inflate(R.layout.fragment_contact,null);
    return view;
}

}

package com.bawei.viewpager_fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
* Created by mechrev on 2017/3/18.
*/

public class wxfragment extends Fragment {

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view=inflater.inflate(R.layout.fragment_wx,null);
    return view;

}

}

最后在activity中实例化各种控件，然后将Fragemt类new出来一个对象然后将对象放入list中 viewpager继承一个FragmentPagerAdapter之后viewpager对象绑定你继承的类

package com.bawei.viewpager_fragment;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
private TextView tv_main;
private ViewPager vp_main;
private List mlistfragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initview();
initdata();
initadapter();
}

private void initadapter() {
    vp_main.setAdapter(new fragmentadapter(getSupportFragmentManager()));
}

private void initdata() {
    mlistfragment=new ArrayList<>();
    mlistfragment.add(new contactfragment());

// mlistfragment.add(new dicoverfragment());
mlistfragment.add(new wxfragment());
// mlistfragment.add(new mefragment());

    tv_main.setText("页面个数"+mlistfragment.size());

}

private void initview() {
    tv_main= (TextView) findViewById(R.id.tv_main);
    vp_main= (ViewPager) findViewById(R.id.vp_main);
}
class fragmentadapter extends FragmentPagerAdapter{
    public fragmentadapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        return mlistfragment.get(position);

    }

    @Override
    public int getCount() {
        return mlistfragment.size();
    }
}

}
“`

这样就实现页面的滑动效果