ViewPager嵌套fragment简单使用

最近在公司没有什么新的开发任务,就复习一下以前的知识,Android大多数应用都是ViewPager+fragment实现主页面的框架结构,今天就简单的介绍一下ViewPager和fragment的简单使用。
首先看一下activity的布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="ledon.com.servicedemo.ViewPagerActivity">

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

    android.support.v4.view.ViewPager>
RelativeLayout>
在布局文件中添加ViewPager的控件,这里需要说明一下ViewPager要在v4包里引用,并且在ViewPager需要用到适配器,一般情况下单独使用ViewPager的时候我们使用pagerAdapter,这里我们要使用fragment的时候,我们就需要使用FagmentPagerAdapter,这里说一下FragmentPagerAdapter继承PagerAdapter。

下面看看Adapter适配的使用:

package ledon.com.servicedemo.adapter;

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

import java.util.List;

/**
 * Created by Administrator on 2017/3/30.
 */

public class FragmentAdapter extends FragmentPagerAdapter {
    //存放fragment的集合
    private List mFragments;

    public FragmentAdapter(FragmentManager fm, List mFragments) {
        super(fm);
        this.mFragments = mFragments;
    }

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

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

FragmentManager 页面管理器,使用这个管理器的时候一定要注意,如果你导入的是支持v4的,以后用到的都要是v4兼容的,不然会出现问题。

接下来创建三个fragment:OneFragment,TwoFragment,ThreeFagment的源码;

   在这里xml文件和Java文件都差不多,我们只需要粘贴一个就可以:
   xml文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0"
    android:orientation="vertical">
    <TextView

        android:text="我是第一个fragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
LinearLayout>

java文件:

package ledon.com.servicedemo.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;
import android.widget.Button;
import android.widget.Toast;

import ledon.com.servicedemo.R;

/**
 * Created by Administrator on 2017/3/30.
 */

public class OneFragment extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.layout_one, container, false);

        return view;

    }
}

最后看看我们是怎么让ViewPager嵌套fragment动起来的:

package ledon.com.servicedemo;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;

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

import butterknife.ButterKnife;
import butterknife.InjectView;
import ledon.com.servicedemo.adapter.FragmentAdapter;
import ledon.com.servicedemo.fragment.OneFragment;
import ledon.com.servicedemo.fragment.ThreeFragment;
import ledon.com.servicedemo.fragment.TwoFragment;

public class ViewPagerActivity extends AppCompatActivity {

    @InjectView(R.id.viewpager)
    ViewPager viewpager;
    @InjectView(R.id.activity_view_pager)
    RelativeLayout activityViewPager;
    private View one;
    private View two;
    private View three;
    private List list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_pager);
        ButterKnife.inject(this);
        initData();
    }

    /**
     * 初始化数据
     */
    private void initData() {
        //建一个存放fragment的集合,并且把新的fragment放到集合中
        list = new ArrayList();
        list.add(new OneFragment());
        list.add(new TwoFragment());
        list.add(new ThreeFragment());
        //初始化adapter
        FragmentAdapter adapter = new FragmentAdapter(getSupportFragmentManager(), list);
       //将适配器和ViewPager结合
        viewpager.setAdapter(adapter);
    }

}

效果图:
ViewPager嵌套fragment简单使用_第1张图片
ViewPager嵌套fragment简单使用_第2张图片
ViewPager嵌套fragment简单使用_第3张图片

你可能感兴趣的:(Android进阶)