Android第二十六课；ViewPager

最新推荐文章于 2019-10-14 16:28:19 发布

厉害了我的攻城狮

最新推荐文章于 2019-10-14 16:28:19 发布

阅读量297

点赞数

分类专栏：安卓文章标签： android

本文链接：https://blog.csdn.net/badteacher2/article/details/55002310

版权

安卓专栏收录该内容

27 篇文章 0 订阅

订阅专栏

preview

加载显示的页卡
将Layout布局转化为View对象，两种方法

 LayoutInflaterCompat lf=getLayoutInflater().from(this);
    lf.inflate(resourse,root);

View.inflate(context, resourse,root);

配置适配器

1.PagerAdapter
2.FragmentPagerAdapter
3.FragmentStatePagerAdapter

exercise

目标：创造有四个页面的ViewPager，上面有导航条PagerTabStrip，用两种适配器PagerAdapter OR FragmentPagerAdapter 适配，实现滑动页面监听

layout下(PagerTabStrip是最上面的一个小控件)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:orientation="vertical"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.lengary_l.test20.MainActivity">

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

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

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


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

设计转换的界面
新建一个view1.xml

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

    <TextView
        android:text="第一个界面"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView1"
        android:textSize="40dp"
        android:layout_weight="1" />
</LinearLayout>

以此新建3个页面，分别命名为view2,view3,view4

Activity下

//Fragment包要导入V4的包
import android.support.v4.app.Fragment;
import android.graphics.Color;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

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

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {
    private ViewPager viewPager;
    //把layout里面的布局1234转会为view对象，存储在一个数据源里面
    private List<View>viewList;
    private PagerTabStrip pagerTabStrip;//标题
    private List<String>titleList;//标题数据源
    private List<Fragment>fragmentList;//标题数据源2


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewList = new ArrayList<View>();
        //布局文件转化为view对象
        View view1=View.inflate(this, R.layout.view1, null);
        View view2=View.inflate(this, R.layout.view2, null);
        View view3=View.inflate(this, R.layout.view3, null);
        View view4=View.inflate(this, R.layout.view4, null);
        //把这些View对象放在刚刚初始化的集合里,作为ViewPager数据源
        viewList.add(view1);
        viewList.add(view2);
        viewList.add(view3);
        viewList.add(view4);

        fragmentList = new ArrayList<Fragment>();
        //通过Fragment作为ViewPager的数据源
        fragmentList.add(new Fragment1());
        fragmentList.add(new Fragment2());
        fragmentList.add(new Fragment3());
        fragmentList.add(new Fragment4());

        //为ViewPager设置标题
        titleList=new ArrayList<String>();
        titleList.add("第一页");
        titleList.add("第二页");
        titleList.add("第三页");
        titleList.add("第四页");
        //为PagerTabStrip设置一些属性
        pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagerTabStrip);
        pagerTabStrip.setBackgroundColor(Color.GREEN);
        pagerTabStrip.setTextColor(Color.CYAN);
        pagerTabStrip.setDrawFullUnderline(false);//下面的长线去掉
        pagerTabStrip.setTabIndicatorColor(Color.BLUE);//设置短线颜色

        //创建PagerAdapter适配器
        MyPagerAdapter myPagerAdapter = new MyPagerAdapter(viewList,titleList);
        //创建myFragmentPagerAdapter适配器
        MyFragmentPagerAdapter myFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(),fragmentList, titleList);
        //ViewPager加载适配器
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        //viewPager.setAdapter(myPagerAdapter);
        viewPager.setAdapter(myFragmentPagerAdapter);
        viewPager.addOnPageChangeListener(this);

    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        //position是从0开始计数的
        Toast.makeText(this, "当前是第"+(position+1)+"个页面", Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onPageScrollStateChanged(int state) {

    }
}

新建一个MyPagerAdapter

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

import java.util.List;



public class MyPagerAdapter extends PagerAdapter {
    private List<View>viewList;
    private List<String>titleList;
    public MyPagerAdapter(List<View>viewList,List<String>titleList){
        this.viewList=viewList;
        this.titleList=titleList;
    }

    //返回的是页卡的数量
    @Override
    public int getCount() {
        return viewList.size();
    }

    //去判断当前的view是否来自于对象
    @Override
    public boolean isViewFromObject(View view, Object object) {

        return view==object;
    }

    //实例化一个页卡
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        container.addView(viewList.get(position));
        return viewList.get(position);
    }

    //销毁一个页卡
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(viewList.get(position));
    }

    //设置ViewPager页卡的标题
    @Override
    public CharSequence getPageTitle(int position) {
        return titleList.get(position);
    }
}

新建Fragment1，绑定view1.xml

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


public class Fragment1 extends Fragment{
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.view1, container, false);

    }
}

以此类推，新建Fragment2，绑定view2，新建Fragment3，绑定view3，新建Fragment4，绑定view4，注意：这里面的Fragment都导的是V4的包
再新建MyFragmentPagerAdapter

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

import java.util.List;

/**
 * Created by LenGary-L on 2017/2/13 0013.
 */

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragmentList;
    private List<String>titleList;
    public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment> fragmentList,List<String>titleList) {
        super(fm);
        this.fragmentList=fragmentList;
        this.titleList=titleList;
    }

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

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

    @Override
    public CharSequence getPageTitle(int position) {
        return titleList.get(position);
    }
}