Tabhost+framgent+ViewPager滑动效果

了解了一下Tabhost+framgent+ViewPager实现页面滑动的效果

下载地址：https://github.com/asijack/TabhostDemo-framgent-ViewPager

效果如图：

 

需要注意一下几点：

1、偏移量的计算：

//初始化图片的位移像素
    public     void InitImage(){
        image=(ImageView) findViewById(R.id.cursor);
        //只有加载了Bitmap对象的时候才能对图片进行查看修改,decodeResource获取了Bitmap对象
        bmpW=BitmapFactory.decodeResource(getResources(), R.drawable.cours).getWidth();
//        Android 可设置为随着窗口大小调整缩放比例，但即便如此，手机程序设计人员还是必须知道手机屏幕的边界，以避免缩放造成的布局变形问题。
//        手机的分辨率信息是手机的一项重要信息，很好的是，Android 已经提供DisplayMetircs 类可以很方便的获取分辨率。
//        getWindowManager().getDefaultDisplay().getMetrics;
//        构造函数DisplayMetrics 不需要传递任何参数；调用getWindowManager() 之后，会取得现有Activity 的Handle 
//      此时，getDefaultDisplay() 方法将取得的宽高维度存放于DisplayMetrics 对象中，而取得的宽高维度是以像素为单位(Pixel) 
//      “像素”所指的是“绝对像素”而非“相对像素”。
        DisplayMetrics dm=new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        //获取设备的宽度
        int screenW=dm.widthPixels;
        offset=(screenW/4 -bmpW)/2;//4个item的偏移量
//        offset = (screenW-2*bmpW)/4;//2 个item 的偏移量
        
        //imageView设置平移，使下划线平移到初始位置(平移一个offset)
        Matrix matrix=new Matrix();
        //  Matrix的操作，总共分为translate（平移），rotate（旋转），scale（缩放）和skew（倾斜）四种
        //每一种变换在Android的API里都提供了set, post和pre三种操作方式,除了translate，其他三种操作都可以指定中心点。
        //  set是直接设置Matrix的值，每次set一次，整个Matrix的数组都会变掉。
        //post是后乘，当前的矩阵乘以参数给出的矩阵。可以连续多次使用post，来完成所需的整个变换。
        matrix.postTranslate(offset, 0);
        image.setImageMatrix(matrix);
    }

2、滑动动画的实现

//view页面滑动的监听
    public class MyOnPageChanceListener implements OnPageChangeListener{
        
        //此方法是在状态改变的时候调用，arg0参数 有三种状态0,1,2 ==1时表示正在滑动，==2时表示滑动完毕，==0时表示什么都没做
        //当页面开始滑动的时候，三种状态的变化顺序为（1，2，0）
        @Override
        public void onPageScrollStateChanged(int arg0) {
            
        }
        //当页面滑动的时候会调用此方法，在滑动停止之前，此方法会一直得到调用
        //arg0 当前页面，及你点击滑动的页面  arg1 当前页面便宜的百分比  arg2 当前页面偏移的像素位置
        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
        }

        //此方法是页面跳转完后 得到调用 arg0 是你当前选中的页面的position（位置编号）
        @Override
        public void onPageSelected(int arg0) {
            int one=offset*2+bmpW;//两个相邻页面的偏移量 
            Animation animation=new TranslateAnimation(currIndex*one, arg0*one,0,0);//平移动画
            currIndex=arg0;
            animation.setFillAfter(true);//动画中止时停留在最后一帧，不然会回到没有执行前的状态
            animation.setDuration(200);//动画持续时间0.2秒 
            image.startAnimation(animation);
            int i=currIndex +1;
            Toast.makeText(MainActivity.this, "您选择了第"+i+"个页卡", Toast.LENGTH_SHORT).show();
            
        }
    }

有兴趣的朋友可以在这里实现自己想要的动画效果

3、最后一个就是MyFragmentPagerAdapter这个类了

/*
 * 
 * 一、谷歌官方认为，ViewPager应该和Fragment一起使用时，此时ViewPager的适配器是FragmentPagerAdapter
 *    当你实现一个FragmentPagerAdapter,你必须至少覆盖以下方法:
    getCount()
    getItem()
        二、 如果ViewPager没有和Fragment一起，ViewPager的适配器是PagerAdapter，
               它是基类提供适配器来填充页面ViewPager内部，当你实现一个PagerAdapter,你必须至少覆盖以下方法:
    instantiateItem(ViewGroup, int)
    destroyItem(ViewGroup, int, Object)
    getCount()
    isViewFromObject(View, Object)


 */
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    ArrayList<Fragment> list;
    public MyFragmentPagerAdapter(FragmentManager fm,ArrayList<Fragment> list) {
        super(fm);
        this.list=list;
    }
    
    @Override
    public Fragment getItem(int arg0) {
        return list.get(arg0);
    }

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

但是这个不是我想要的效果，后面会贴出我自己想要的效果的demo出来。

 

哪里有问题欢迎指教，3q

下载地址：

https://github.com/asijack/TabhostDemo-framgent-ViewPager