2013.12.13 ——— android开发实例之焦点图效果

2013.12.13 ——— android开发实例之焦点图效果

效果图如下：




我的实现分为了两种方法

第一、两个viewpager

放眼一看，不就是两个viewpager么？就先用两个viewpager来实现了，但是做完之后发现了一个问题，viewpager默认是一屏的宽度，无法修改，这下搞不定了，迅速google，找到了一个自定义viewpager的解决方法，[url] https://gist.github.com/devunwired/8cbe094bb7a783e37ad1[/url]

这个可以实现一行显示多张图片的viewpager，效果如下



但是总是感觉不理想，所以又采取了第二种方法

第二、Gallery+Viewpager

代码就不贴了，后面给出源码，说一下我遇到的问题
1、gallery没有选中的图片变成灰色

mGly.setUnselectedAlpha(0.3f);

2、gallery选中的图片加边框
我在item的ImageView外面套了一层LinearLayout，这样改变LinearLayout的背景就可以了

if(position==mGly.getSelectedItemPosition()){
                tHolder.mLin.setBackgroundColor(Color.RED);
            }else{
                tHolder.mLin.setBackgroundColor(Color.TRANSPARENT);
            }

3、gallery滑动过快过多的问题

从网上搜了很多 大致有3中方法

首先都需要自定义Gallery，重写onFling方法

3.1、短距离滑动实现滚动

@Override  
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
            float velocityY) {  
        int kEvent;  
        if (isScrollingLeft(e1, e2)) {  
         // Check if scrolling left  
         kEvent = KeyEvent.KEYCODE_DPAD_LEFT;  
        } else {  
         // Otherwise scrolling right  
         kEvent = KeyEvent.KEYCODE_DPAD_RIGHT;  
        }  
        onKeyDown(kEvent, null);  
        return true; 
    }  
    
    private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2) {  
        return e2.getX() > e1.getX();  
    } 

3.2、降低滑动的速率

@Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
         return super.onFling(e1, e2, velocityX/3, velocityY);
    }

3.3、

@Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        return false;
    }

4、滑动viewpager，gallery滑动无动画
刚开始我采用的是

mGly.setSelection(position);

没有动态效果
后来修改如下：

if(mGlyPosition > position){
            mGly.onKeyDown(KeyEvent.KEYCODE_DPAD_LEFT, null);
        }else if(mGlyPosition < position){
            mGly.onKeyDown(KeyEvent.KEYCODE_DPAD_RIGHT, null);
        }
        mGlyPosition = position;