Android开发笔记之ViewPager+Fragment简单列子的实现

实现ViewPager+fragment的使用

思考实现的原理和机制

1. ViewPager主要是实现横向滑动和切换控件视图

我们实现的原理主要如下,viewpager主要用来划动其内部的fragment.那就是说viewpager里面嵌套的是fragment,我们划动的时候,是fragment的切换,,有的人可能会问,为什么不是fragment里面嵌套个viewpager,其实这个也是没错的,但是fragment里面嵌套个viewpager,你还要viewpager里面填充内容,这样其才可以划动,在这个时候你划动的只是viewpager里面的内容,外层的fragment是没有动的.

---

既然我们知道了原理和机制,思路也清晰,那就开始撸代码吧!

1. 第一步声明 一个ViewPager对象
2. 第二步 声明一个泛型为Fragment的List list集合;
3. 第三步 viewpager+fragment有一个特定的适配器为FragmentPagerAdapter,我们自定义个MyFragmentPagerAdapter
4. 第四步 ViewPager绑定适配器 实现我们想要的效果

---

主Activity代码如下

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

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;

public class MainActivity extends FragmentActivity {

    ViewPager mViewPager;
    List<Fragment> mList;
    MyFragmentPagerAdapter mAdapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }
    private void initView(){
        mViewPager = (ViewPager) findViewById(R.id.activity_main_viewpager);
        mList = new ArrayList<Fragment>();
        setFragment();
        mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), mList);
        mViewPager.setAdapter(mAdapter);
    }
    private void setFragment(){
        FragmentA fragmentA = new FragmentA();
        FragmentA fragmentB = new FragmentA();
        mList.add(fragmentA);
        mList.add(fragmentB);
    }

}

---

新建的fragment类的代码如下

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

public class FragmentA extends Fragment {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = View.inflate(getActivity(), R.layout.fragement_a, null);
        return view;
    }
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
    }

}

---

自定义的适配器代码如下

import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {

    List<Fragment> list;

    public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {
        super(fm);
        this.list = list;
    }

    @Override
    public Fragment getItem(int arg0) {
        return list.get(arg0);
    }

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

---

主activity的布局文件如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v4.view.ViewPager
        android:id="@+id/activity_main_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</RelativeLayout>

---

FragmentA的布局文件如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/pager_item_iv"
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:background="@drawable/ic_launcher"/>
    <Button 
        android:id="@+id/pager_item_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"
        android:layout_marginBottom="50dp"
        android:layout_centerHorizontal="true"

        android:text="进入应用"/>

</RelativeLayout>

---

上面的代码就是实现一个简单的viewpager+fragment混合使用的列子,你们也可以自己写出更好的Demo,我这个只是实现一个最简单的使用,谢谢你们的阅读,希望能够帮到你们