[Android] 使用ViewPager 实现导航

编程爱好者联盟 2017-03-19

首先先了解ViewPager实现的出效果是能够使视图左右滑动。

ViewPager在XML文件中的声明和其他一些控件的声明有点儿不一样而android.support.v4.view是Android界面特殊效果的第三方加载的jar包,能够向下兼容。
<android.support.v4.view.ViewPager
        ...
        ...
>
</android.support.v4.view.ViewPager>

加载显示的页卡:需要将layout布局文件转型为View对象

(1)
LayoutInflater lf = getLayoutInfalter().from(this);
lf.inflate(resource,root);
(2)
View.inflate(context,resource,root);

PagerTabStrip 和 PagerTitleStrip

看命名也能够知道,这俩用来设置Title的就像微信主界面底部显示的目录(微信、通讯录、发现、我)一样,能够导航用户所滑到的页面Title。

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

<!-- PagerTitleStrip的定义也和PagerTabTitle一样,在ViewPager中  -->

一般在使用时,二者取一用即可,如果两者同时使用,PagerTabStrip会失效

当然,PagerTabStrip 和 PagerTitleStrip也通过设置一些属性来美化导航目录

private PagerTabStrip tabStrip;      

                tabStrip = (PagerTabStrip) findViewById(R.id.tabStrip);

                tabStrip.setBackgroundColor(Color.GRAY);
             tabStrip.setTextColor(Color.BLACK);
                tabStrip.setDrawFullUnderline(false);
                tabStrip.setTabIndicatorColor(Color.GREEN);

对于ViewPager对应的有三种不同的适配器,所对应的数据源也有所不同

(1)PagerAdapter  ---- 数据源:List<View>

package com.Liuyt.s03_e19_viewpager;

import java.util.List;

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

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() {
        // TODO Auto-generated method stub
        return viewList.size();
    }
    /*
     * 判断View是否属于Object对象
     */
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
        // TODO Auto-generated method stub
        return arg0 == arg1;
    }
    /*
     * 实例化一个页卡
     */
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // TODO Auto-generated method stub
        container.addView(viewList.get(position));
        return viewList.get(position);
    }
    /*
     * 销毁一个页卡
     */
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        // TODO Auto-generated method stub
        container.removeView(viewList.get(position));
    }
    /*
     * 设置viewPager的标题
     */
    @Override
    public CharSequence getPageTitle(int position) {
        // TODO Auto-generated method stub
        return titleList.get(position);
    }
}

(2)FragmentPagerAdapter ---- 数据源:List<Fragment>

package com.Liuyt.s03_e19_viewpager;

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{

    private List<Fragment>fragList;
    private List<String>titleList;
    
    public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment>fragList,List<String>titleList) {
        super(fm);
        // TODO Auto-generated constructor stub
        this.fragList = fragList;
        this.titleList = titleList;
    }

    @Override
    public Fragment getItem(int arg0) {
        // TODO Auto-generated method stub
        return fragList.get(arg0);
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return fragList.size();
    }
    @Override
    public CharSequence getPageTitle(int position) {
        // TODO Auto-generated method stub
        return titleList.get(position);
    }

}

(3)FragmentStatePagerAdapter ---- 数据源:List<Fragment>

这儿就不贴代码了,FragmentStatePagerAdapter的代码和FragmentPagerAdapter 的代码差不很多,两者差别在于一个在滑动之后会调用destroy的方法销毁页卡,而另一个并不会对页卡进行销毁。

最后是监听器,ViewPager使用OnPagerChangeListener监听器来监听所滑动到的是哪个页面,中间常用的方法是public void onPagerSelected(int arg0){}

相关推荐