左右滑屏的实现

zoukankan html css js c++ java

左右滑屏的实现

先上效果图：

实现“左右滑屏”核心类是Scroller，将View中的内容左右滚动从而实现滑屏效果。关键方法有：
scroller.scrollTo(x,y):
直接将View中的内容滚动到指定的(x,y)位置。
scroller.scrollTo(dx,dy):
直接将View中的内容滚动到相对当前状态的(dx,dy)位置。本例中用于实现手指拖拉移动View的效果。
scroller.startScroll(nowX, nowY, moveX, moveY, duration):
在duration的时间内完成move的位移。配合重写View.computeScroll()不断刷新界面从而实现滑屏动画。

如果当前点击拖拉的组件是按钮等自身可处理手势动作的组件，则重写ViewGroup.onInterceptTouchEvent(MotionEvent)可拦截此事件并将此事件传递至onTouchEvent(MotionEvent)进行处理。从而对如按钮等即可点击亦可拖拉。

左右滑屏的指示器位置为SlidingIndicator。在fadeOut()方法中为本组件的

animFadeout.setStartTime(AnimationUtils.currentAnimationTimeMillis() + fadeDelay);
setAnimation(animFadeout);

package lab.sodino.sliding;

import lab.sodino.sliding.SlidingContainer.OnSlidingListener;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class ActSlidingContainer extends Activity implements OnClickListener, OnSlidingListener {
private SlidingContainer slidingContainer;
private SlidingIndicator slidingIndicator;
private Button btnLeft, btnRight, btnMid;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
btnLeft = (Button) findViewById(R.id.left);
btnLeft.setOnClickListener(this);
btnRight = (Button) findViewById(R.id.right);
btnRight.setOnClickListener(this);
btnMid = (Button) findViewById(R.id.mid);
btnMid.setOnClickListener(this);

slidingContainer = (SlidingContainer) findViewById(R.id.slidingContainer);
slidingContainer.setOnSlidingListener(this);
slidingIndicator = (SlidingIndicator) findViewById(R.id.slidingIndicator);
slidingIndicator.setPageAmount(slidingContainer.getChildCount());
}

@Override
public void onClick(View v) {
if (v == btnLeft) {
slidingContainer.scroll2page(slidingContainer.getCurrentPage() - 1);
} else if (v == btnRight) {
slidingContainer.scroll2page(slidingContainer.getCurrentPage() + 1);
} else if (v == btnMid) {
slidingContainer.scroll2page(slidingContainer.getChildCount() >> 1);
}
}

@Override
public void onSliding(int scrollX) {
float scale = (float) (slidingContainer.getPageWidth() * slidingContainer.getChildCount())
/ (float) slidingIndicator.getWidth();
slidingIndicator.setPosition((int) (scrollX / scale));
}

@Override
public void onSlidingEnd(int pageIdx, int scrollX) {
slidingIndicator.setCurrentPage(pageIdx);
}
}

<div class="dp-highlighter bg_java"><div class="bar"><div class="tools">[java] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_4" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_4" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=4&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-j"><li class="alt"><pre></pre>  </li><li class="">  </li><li class="alt">  </li><li class="">SlidingContainer.java  </li><li class="alt"><pre name="code" class="java">package lab.sodino.sliding;  </li><li class="">  </li><li class="alt">import java.util.ArrayList;  </li><li class="">  </li><li class="alt">import android.content.Context;  </li><li class="">import android.content.res.TypedArray;  </li><li class="alt">import android.graphics.Canvas;  </li><li class="">import android.graphics.Rect;  </li><li class="alt">import android.util.AttributeSet;  </li><li class="">import android.view.MotionEvent;  </li><li class="alt">import android.view.View;  </li><li class="">import android.view.ViewConfiguration;  </li><li class="alt">import android.view.ViewGroup;  </li><li class="">import android.widget.Scroller;  </li><li class="alt">  </li><li class="">/** </li><li class="alt"> * @author Sodino E-mail:sodinoopen@hotmail.com </li><li class=""> * @version Time：2012-1-18 下午02:55:59 </li><li class="alt"> */  </li><li class="">public class SlidingContainer extends ViewGroup {  </li><li class="alt">    private static final int INVALID_SCREEN = -1;  </li><li class="">    public static final int SCROLL_DURATION = 500;  </li><li class="alt">    public static final int SPEC_UNDEFINED = ViewGroup.LayoutParams.FILL_PARENT;  </li><li class="">    public static final int SNAP_VELOCITY = 500;  </li><li class="alt">    private static final int STATE_STATIC = 0;  </li><li class="">    private static final int STATE_SCROLLING = 1;  </li><li class="alt">    private int pageWidth;  </li><li class="">    /** </li><li class="alt">     * 标识是否是第一次布局。  </li><li class="">     * 第一次布局需要将第一页调居中显示在屏幕上。  </li><li class="alt">     */  </li><li class="">    private boolean isFirstLayout;  </li><li class="alt">    private int currentPage, nextPage;  </li><li class="">    private Scroller scroller;  </li><li class="alt">    /** 手指滑动过程中可理解为拖动的最小长度。 */  </li><li class="">    private int distanceSlop;  </li><li class="alt">    private int state = STATE_STATIC;  </li><li class="">    private float lastMotionX;  </li><li class="alt">    private OnSlidingListener slidingListener;  </li><li class="">  </li><li class="alt">    public SlidingContainer(Context context, AttributeSet attrs, int defStyle) {  </li><li class="">        super(context, attrs, defStyle);  </li><li class="alt">        LogOut.out(this, "SlidingContainer() 3");  </li><li class="">        initialization(context, attrs);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingContainer(Context context, AttributeSet attrs) {  </li><li class="">        super(context, attrs);  </li><li class="alt">        LogOut.out(this, "SlidingContainer() 2");  </li><li class="">        initialization(context, attrs);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingContainer(Context context) {  </li><li class="">        super(context);  </li><li class="alt">        LogOut.out(this, "SlidingContainer() 1");  </li><li class="">        initialization(context, null);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    private void initialization(Context context, AttributeSet attrs) {  </li><li class="">        if (attrs != null) {  </li><li class="alt">            TypedArray typedArr = context.obtainStyledAttributes(attrs, R.styleable.sliding_SlidingContainer);  </li><li class="">            pageWidth = typedArr.getDimensionPixelSize(R.styleable.sliding_SlidingContainer_pageWidth, SPEC_UNDEFINED);  </li><li class="alt">            typedArr.recycle();  </li><li class="">        }  </li><li class="alt">  </li><li class="">        state = STATE_STATIC;  </li><li class="alt">        isFirstLayout = true;  </li><li class="">        currentPage = 0;  </li><li class="alt">        nextPage = INVALID_SCREEN;  </li><li class="">  </li><li class="alt">        scroller = new Scroller(context);  </li><li class="">  </li><li class="alt">        final ViewConfiguration configuration = ViewConfiguration.get(context);  </li><li class="">        distanceSlop = configuration.getScaledTouchSlop();  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getCurrentPage() {  </li><li class="">        return currentPage;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getScrollXByPage(int page) {  </li><li class="">        return (page * pageWidth) - getPagePadding();  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getPagePadding() {  </li><li class="">        return (getMeasuredWidth() - pageWidth) >> 1;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getPageWidth() {  </li><li class="">        return pageWidth;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public boolean scroll2page(int page) {  </li><li class="">        if (page < 0) {  </li><li class="alt">            return false;  </li><li class="">        } else if (page >= getChildCount()) {  </li><li class="alt">            return false;  </li><li class="">        } else if (scroller.isFinished() == false) {  </li><li class="alt">            return false;  </li><li class="">        }  </li><li class="alt">        enableChildrenCache(true);  </li><li class="">        boolean changingPage = (page != currentPage);  </li><li class="alt">        nextPage = page;  </li><li class="">  </li><li class="alt">        View focusedChild = getFocusedChild();  </li><li class="">        if (changingPage && focusedChild != null && focusedChild == getChildAt(currentPage)) {  </li><li class="alt">            focusedChild.clearFocus();  </li><li class="">        }  </li><li class="alt">  </li><li class="">        final int nowX = getScrollX();  </li><li class="alt">        final int newX = getScrollXByPage(nextPage);  </li><li class="">        final int move = newX - nowX;  </li><li class="alt">        final int absMove = Math.abs(move);  </li><li class="">        int duration = SCROLL_DURATION;  </li><li class="alt">        if (absMove < pageWidth) {  </li><li class="">            duration = SCROLL_DURATION * absMove / pageWidth;  </li><li class="alt">        }  </li><li class="">        // 启动左右切屏动画  </li><li class="alt">        scroller.startScroll(nowX, 0, move, 0, duration);  </li><li class="">        invalidate();  </li><li class="alt">        return true;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    private void checkScrolling(float x) {  </li><li class="alt">        float diff = Math.abs(x - lastMotionX);  </li><li class="">        if (diff > distanceSlop) {  </li><li class="alt">            state = STATE_SCROLLING;  </li><li class="">            enableChildrenCache(true);  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    /** </li><li class="alt">     * 开始滑动时设置允许使用缓存。  </li><li class="">     * 结束滑动时设置取消缓存。  </li><li class="alt">     */  </li><li class="">    public void enableChildrenCache(boolean enable) {  </li><li class="alt">        setChildrenDrawingCacheEnabled(enable);  </li><li class="">        setChildrenDrawnWithCacheEnabled(enable);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    /** 在正式显示之前设置才有效。 */  </li><li class="">    public boolean setPageWidth(int width) {  </li><li class="alt">        if (isFirstLayout) {  </li><li class="">            pageWidth = width;  </li><li class="alt">            return true;  </li><li class="">        }  </li><li class="alt">        return false;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setOnSlidingListener(OnSlidingListener listener) {  </li><li class="alt">        slidingListener = listener;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  </li><li class="alt">        LogOut.out(this, "onMeasure()");  </li><li class="">        super.onMeasure(widthMeasureSpec, heightMeasureSpec);  </li><li class="alt">  </li><li class="">        pageWidth = (pageWidth == SPEC_UNDEFINED) ? getMeasuredWidth() : pageWidth;  </li><li class="alt">        pageWidth = Math.min(Math.max(0, pageWidth), getMeasuredWidth());  </li><li class="">  </li><li class="alt">        final int count = getChildCount();  </li><li class="">        for (int i = 0; i < count; i++) {  </li><li class="alt">            int childWidthSpec = MeasureSpec.makeMeasureSpec(pageWidth, MeasureSpec.EXACTLY);  </li><li class="">            View view = getChildAt(i);  </li><li class="alt">            view.measure(childWidthSpec, heightMeasureSpec);  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    @Override  </li><li class="">    protected void onLayout(boolean changing, int left, int top, int right, int bottom) {  </li><li class="alt">        LogOut.out(this, "onLayout");  </li><li class="">        int childLeft = 0;  </li><li class="alt">        final int count = getChildCount();  </li><li class="">        for (int i = 0; i < count; i++) {  </li><li class="alt">            final View view = getChildAt(i);  </li><li class="">            if (view.getVisibility() != View.GONE) {  </li><li class="alt">                int childWidth = view.getMeasuredWidth();  </li><li class="">                view.layout(childLeft, 0, childLeft + childWidth, view.getMeasuredHeight());  </li><li class="alt">                childLeft += childWidth;  </li><li class="">            }  </li><li class="alt">        }  </li><li class="">  </li><li class="alt">        if (isFirstLayout) {  </li><li class="">            scrollTo(getScrollXByPage(currentPage), 0);  </li><li class="alt">            isFirstLayout = false;  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public boolean onInterceptTouchEvent(MotionEvent event) {  </li><li class="">        LogOut.out(this, "onInterceptTouchEvent action=" + event.getAction());  </li><li class="alt">        final int action = event.getAction();  </li><li class="">        if (action == MotionEvent.ACTION_MOVE && state != STATE_STATIC) {  </li><li class="alt">            // MOVE及非静止情况下，返回TRUE阻止将此事件传递给子组件，  </li><li class="">            // 而是执行onTouchEvent()来实现滑动  </li><li class="alt">            return true;  </li><li class="">        }  </li><li class="alt">        final float x = event.getX();  </li><li class="">        switch (action) {  </li><li class="alt">        case MotionEvent.ACTION_DOWN:  </li><li class="">            lastMotionX = x;  </li><li class="alt">            // 点击按钮时，此处设置状态为静止。  </li><li class="">            state = scroller.isFinished() ? STATE_STATIC : STATE_SCROLLING;  </li><li class="alt">            break;  </li><li class="">        case MotionEvent.ACTION_MOVE:  </li><li class="alt">            if (state == STATE_STATIC) {  </li><li class="">                // 由于已静止，在点击按钮后进行拖拉，则根据拖拉位移大小决定是否需要改变状态进而进一步拦截此事件。  </li><li class="alt">                checkScrolling(x);  </li><li class="">            }  </li><li class="alt">            break;  </li><li class="">        case MotionEvent.ACTION_UP:  </li><li class="alt">        case MotionEvent.ACTION_CANCEL:  </li><li class="">            enableChildrenCache(false);  </li><li class="alt">            state = STATE_STATIC;  </li><li class="">            break;  </li><li class="alt">        }  </li><li class="">        // 非静止状态，将此事件交由onTouchEvent()处理。  </li><li class="alt">        return state != STATE_STATIC;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public boolean onTouchEvent(MotionEvent event) {  </li><li class="alt">        LogOut.out(this, "onTouchEvent");  </li><li class="">        super.onTouchEvent(event);  </li><li class="alt">        final int action = event.getAction();  </li><li class="">        final float x = event.getX();  </li><li class="alt">        switch (action) {  </li><li class="">        case MotionEvent.ACTION_DOWN:  </li><li class="alt">            lastMotionX = x;  </li><li class="">            if (scroller.isFinished() == false) {  </li><li class="alt">                scroller.abortAnimation();  </li><li class="">            }  </li><li class="alt">            break;  </li><li class="">        case MotionEvent.ACTION_MOVE:  </li><li class="alt">            if (state == STATE_STATIC) {  </li><li class="">                checkScrolling(x);  </li><li class="alt">            } else if (state == STATE_SCROLLING) {  </li><li class="">                int moveX = (int) (lastMotionX - x);  </li><li class="alt">                lastMotionX = x;  </li><li class="">                if (getScrollX() < 0 || getScrollX() > getChildAt(getChildCount() - 1).getLeft()) {  </li><li class="alt">                    // 对于越界的拖拉，则将位移减半。  </li><li class="">                    moveX = moveX >> 1;  </li><li class="alt">                }  </li><li class="">                scrollBy(moveX, 0);  </li><li class="alt">            }  </li><li class="">            break;  </li><li class="alt">        case MotionEvent.ACTION_UP:  </li><li class="">        case MotionEvent.ACTION_CANCEL:  </li><li class="alt">            if (state == STATE_SCROLLING) {  </li><li class="">                final int startX = getScrollXByPage(currentPage);  </li><li class="alt">                // 默认选择回到手指滑动之前的当前页  </li><li class="">                int whichPage = currentPage;  </li><li class="alt">                int xSpace = getWidth() / 8;  </li><li class="">                if (getScrollX() < startX - xSpace) {  </li><li class="alt">                    whichPage = Math.max(0, whichPage - 1);  </li><li class="">                } else if (getScrollX() > startX + xSpace) {  </li><li class="alt">                    whichPage = Math.min(getChildCount() - 1, whichPage + 1);  </li><li class="">                }  </li><li class="alt">                scroll2page(whichPage);  </li><li class="">            }  </li><li class="alt">            state = STATE_STATIC;  </li><li class="">            break;  </li><li class="alt">        }  </li><li class="">        return true;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    /** 让拖拉、动画过程中界面过渡顺滑。 */  </li><li class="">    protected void dispatchDraw(Canvas canvas) {  </li><li class="alt">        final long drawingTime = getDrawingTime();  </li><li class="">  </li><li class="alt">        final int count = getChildCount();  </li><li class="">        for (int i = 0; i < count; i++) {  </li><li class="alt">            drawChild(canvas, getChildAt(i), drawingTime);  </li><li class="">        }  </li><li class="alt">  </li><li class="">        if (slidingListener != null) {  </li><li class="alt">            int adjustedScrollX = getScrollX() + getPagePadding();  </li><li class="">            slidingListener.onSliding(adjustedScrollX);  </li><li class="alt">            if (adjustedScrollX % pageWidth == 0) {  </li><li class="">                slidingListener.onSlidingEnd(adjustedScrollX / pageWidth, adjustedScrollX);  </li><li class="alt">            }  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    /** 与Scroller相匹配，实现动画效果中每一帧的界面更新。 */  </li><li class="">    public void computeScroll() {  </li><li class="alt">        if (scroller.computeScrollOffset()) {  </li><li class="">            scrollTo(scroller.getCurrX(), scroller.getCurrY());  </li><li class="alt">            postInvalidate();  </li><li class="">        } else if (nextPage != INVALID_SCREEN) {  </li><li class="alt">            currentPage = nextPage;  </li><li class="">            nextPage = INVALID_SCREEN;  </li><li class="alt">            enableChildrenCache(false);  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">  </li><li class="">    public static interface OnSlidingListener {  </li><li class="alt">        public void onSliding(int scrollX);  </li><li class="">  </li><li class="alt">        public void onSlidingEnd(int pageIdx, int scrollX);  </li><li class="">    }  </li><li class="alt">}</pre>   </li><li class="">   </li><li class="alt">SlidingIndicator.java   </li><li class="">  </li><li class="alt"><pre name="code" class="java">package lab.sodino.sliding;  </li><li class="">  </li><li class="alt">import android.content.Context;  </li><li class="">import android.content.res.TypedArray;  </li><li class="alt">import android.graphics.Canvas;  </li><li class="">import android.graphics.Paint;  </li><li class="alt">import android.graphics.RectF;  </li><li class="">import android.util.AttributeSet;  </li><li class="alt">import android.view.View;  </li><li class="">import android.view.animation.AlphaAnimation;  </li><li class="alt">import android.view.animation.Animation;  </li><li class="">import android.view.animation.AnimationUtils;  </li><li class="alt">import android.view.animation.LinearInterpolator;  </li><li class="">  </li><li class="alt">/** </li><li class=""> * @author Sodino E-mail:sodinoopen@hotmail.com </li><li class="alt"> * @version Time：2012-1-18 下午03:31:08 </li><li class=""> */  </li><li class="alt">public class SlidingIndicator extends View {  </li><li class="">    public static final int BAR_COLOR = 0xaa777777;  </li><li class="alt">    public static final int HIGHLIGHT_COLOR = 0xaa999999;  </li><li class="">    public static final int FADE_DELAY = 2000;  </li><li class="alt">    public static final int FADE_DURATION = 500;  </li><li class="">  </li><li class="alt">    private int amount, currentPage, position;  </li><li class="">    private Paint barPaint, highlightPaint;  </li><li class="alt">    private int fadeDelay, fadeDuration;  </li><li class="">    private float ovalRadius;  </li><li class="alt">    private Animation animFadeout;  </li><li class="">    /** RectF比Rect是精度上更精确。 */  </li><li class="alt">    private RectF rectFBody, rectFIndicator;  </li><li class="">  </li><li class="alt">    public SlidingIndicator(Context context, AttributeSet attrs, int defStyle) {  </li><li class="">        super(context, attrs, defStyle);  </li><li class="alt">        // 预设值。  </li><li class="">        int barColor = BAR_COLOR, highlightColor = HIGHLIGHT_COLOR;  </li><li class="alt">        fadeDelay = FADE_DELAY;  </li><li class="">        fadeDuration = FADE_DURATION;  </li><li class="alt">        if (attrs != null) {  </li><li class="">            TypedArray typedArr = context.obtainStyledAttributes(attrs, R.styleable.sliding_SlidingIndicator);  </li><li class="alt">            barColor = typedArr.getColor(R.styleable.sliding_SlidingIndicator_barColor, BAR_COLOR);  </li><li class="">            highlightColor = typedArr.getColor(R.styleable.sliding_SlidingIndicator_highlightColor, HIGHLIGHT_COLOR);  </li><li class="alt">            fadeDelay = typedArr.getInteger(R.styleable.sliding_SlidingIndicator_fadeDelay, FADE_DELAY);  </li><li class="">            fadeDuration = typedArr.getInteger(R.styleable.sliding_SlidingIndicator_fadeDuration, FADE_DURATION);  </li><li class="alt">            ovalRadius = typedArr.getDimension(R.styleable.sliding_SlidingIndicator_roundRectRadius, 0f);  </li><li class="">            typedArr.recycle();  </li><li class="alt">        }  </li><li class="">        initialization(barColor, highlightColor, fadeDuration);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingIndicator(Context context, AttributeSet attrs) {  </li><li class="">        this(context, attrs, 0);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingIndicator(Context context) {  </li><li class="">        super(context);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    private void initialization(int barColor, int highlightColor, int fadeDuration) {  </li><li class="">        barPaint = new Paint();  </li><li class="alt">        barPaint.setColor(barColor);  </li><li class="">  </li><li class="alt">        highlightPaint = new Paint();  </li><li class="">        highlightPaint.setColor(highlightColor);  </li><li class="alt">  </li><li class="">        animFadeout = new AlphaAnimation(1f, 0f);  </li><li class="alt">        animFadeout.setDuration(fadeDuration);  </li><li class="">        animFadeout.setRepeatCount(0);  </li><li class="alt">        animFadeout.setInterpolator(new LinearInterpolator());  </li><li class="">        // 设置动画结束后，本组件保持动画结束时的最后状态，即全透明不可见。  </li><li class="alt">        animFadeout.setFillEnabled(true);  </li><li class="">        animFadeout.setFillAfter(true);  </li><li class="alt">  </li><li class="">        rectFBody = new RectF();  </li><li class="alt">        rectFIndicator = new RectF();  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setPageAmount(int num) {  </li><li class="alt">        if (num < 0) {  </li><li class="">            throw new IllegalArgumentException("num must be positive.");  </li><li class="alt">        }  </li><li class="">        amount = num;  </li><li class="alt">        invalidate();  </li><li class="">        fadeOut();  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    private void fadeOut() {  </li><li class="">        if (fadeDuration > 0) {  </li><li class="alt">            clearAnimation();  </li><li class="">            // 设置动画的延时时间，此时间段内正好指示当前页位置。  </li><li class="alt">            animFadeout.setStartTime(AnimationUtils.currentAnimationTimeMillis() + fadeDelay);  </li><li class="">            setAnimation(animFadeout);  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public int getCurrentPage() {  </li><li class="alt">        return currentPage;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setCurrentPage(int idx) {  </li><li class="alt">        if (currentPage < 0 || currentPage >= amount) {  </li><li class="">            throw new IllegalArgumentException("currentPage parameter out of bounds");  </li><li class="alt">        }  </li><li class="">        if (this.currentPage != idx) {  </li><li class="alt">            this.currentPage = idx;  </li><li class="">            this.position = currentPage * getPageWidth();  </li><li class="alt">            invalidate();  </li><li class="">            fadeOut();  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setPosition(int position) {  </li><li class="alt">        if (this.position != position) {  </li><li class="">            this.position = position;  </li><li class="alt">            invalidate();  </li><li class="">            fadeOut();  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public int getPageWidth() {  </li><li class="alt">        return getWidth() / amount;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    protected void onDraw(Canvas canvas) {  </li><li class="alt">        rectFBody.set(0, 0, getWidth(), getHeight());  </li><li class="">        canvas.drawRoundRect(rectFBody, ovalRadius, ovalRadius, barPaint);  </li><li class="alt">        rectFIndicator.set(position, 0, position + getPageWidth(), getHeight());  </li><li class="">        canvas.drawRoundRect(rectFIndicator, ovalRadius, ovalRadius, highlightPaint);  </li><li class="alt">    }  </li><li class="">}</pre>   </li><li class="alt">末尾，自己推荐另一个左右滑屏实现方法：ViewPager   </li><li class="">http://my.oschina.net/kzhou/blog/29157   </li><li class="alt"><pre></pre>  </li><li class=""><pre></pre>  </li></ol></div><pre name="code" class="java" style="background-color: rgb(255, 255, 255); display: none;"><pre></pre>


SlidingContainer.java
<div class="dp-highlighter bg_java"><div class="bar"><div class="tools">[java] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_5" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_5" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=5&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-j"><li class="alt">package lab.sodino.sliding;  </li><li class="">  </li><li class="alt">import java.util.ArrayList;  </li><li class="">  </li><li class="alt">import android.content.Context;  </li><li class="">import android.content.res.TypedArray;  </li><li class="alt">import android.graphics.Canvas;  </li><li class="">import android.graphics.Rect;  </li><li class="alt">import android.util.AttributeSet;  </li><li class="">import android.view.MotionEvent;  </li><li class="alt">import android.view.View;  </li><li class="">import android.view.ViewConfiguration;  </li><li class="alt">import android.view.ViewGroup;  </li><li class="">import android.widget.Scroller;  </li><li class="alt">  </li><li class="">/** </li><li class="alt"> * @author Sodino E-mail:sodinoopen@hotmail.com </li><li class=""> * @version Time：2012-1-18 下午02:55:59 </li><li class="alt"> */  </li><li class="">public class SlidingContainer extends ViewGroup {  </li><li class="alt">    private static final int INVALID_SCREEN = -1;  </li><li class="">    public static final int SCROLL_DURATION = 500;  </li><li class="alt">    public static final int SPEC_UNDEFINED = ViewGroup.LayoutParams.FILL_PARENT;  </li><li class="">    public static final int SNAP_VELOCITY = 500;  </li><li class="alt">    private static final int STATE_STATIC = 0;  </li><li class="">    private static final int STATE_SCROLLING = 1;  </li><li class="alt">    private int pageWidth;  </li><li class="">    /** </li><li class="alt">     * 标识是否是第一次布局。  </li><li class="">     * 第一次布局需要将第一页调居中显示在屏幕上。  </li><li class="alt">     */  </li><li class="">    private boolean isFirstLayout;  </li><li class="alt">    private int currentPage, nextPage;  </li><li class="">    private Scroller scroller;  </li><li class="alt">    /** 手指滑动过程中可理解为拖动的最小长度。 */  </li><li class="">    private int distanceSlop;  </li><li class="alt">    private int state = STATE_STATIC;  </li><li class="">    private float lastMotionX;  </li><li class="alt">    private OnSlidingListener slidingListener;  </li><li class="">  </li><li class="alt">    public SlidingContainer(Context context, AttributeSet attrs, int defStyle) {  </li><li class="">        super(context, attrs, defStyle);  </li><li class="alt">        LogOut.out(this, "SlidingContainer() 3");  </li><li class="">        initialization(context, attrs);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingContainer(Context context, AttributeSet attrs) {  </li><li class="">        super(context, attrs);  </li><li class="alt">        LogOut.out(this, "SlidingContainer() 2");  </li><li class="">        initialization(context, attrs);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingContainer(Context context) {  </li><li class="">        super(context);  </li><li class="alt">        LogOut.out(this, "SlidingContainer() 1");  </li><li class="">        initialization(context, null);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    private void initialization(Context context, AttributeSet attrs) {  </li><li class="">        if (attrs != null) {  </li><li class="alt">            TypedArray typedArr = context.obtainStyledAttributes(attrs, R.styleable.sliding_SlidingContainer);  </li><li class="">            pageWidth = typedArr.getDimensionPixelSize(R.styleable.sliding_SlidingContainer_pageWidth, SPEC_UNDEFINED);  </li><li class="alt">            typedArr.recycle();  </li><li class="">        }  </li><li class="alt">  </li><li class="">        state = STATE_STATIC;  </li><li class="alt">        isFirstLayout = true;  </li><li class="">        currentPage = 0;  </li><li class="alt">        nextPage = INVALID_SCREEN;  </li><li class="">  </li><li class="alt">        scroller = new Scroller(context);  </li><li class="">  </li><li class="alt">        final ViewConfiguration configuration = ViewConfiguration.get(context);  </li><li class="">        distanceSlop = configuration.getScaledTouchSlop();  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getCurrentPage() {  </li><li class="">        return currentPage;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getScrollXByPage(int page) {  </li><li class="">        return (page * pageWidth) - getPagePadding();  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getPagePadding() {  </li><li class="">        return (getMeasuredWidth() - pageWidth) >> 1;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public int getPageWidth() {  </li><li class="">        return pageWidth;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public boolean scroll2page(int page) {  </li><li class="">        if (page < 0) {  </li><li class="alt">            return false;  </li><li class="">        } else if (page >= getChildCount()) {  </li><li class="alt">            return false;  </li><li class="">        } else if (scroller.isFinished() == false) {  </li><li class="alt">            return false;  </li><li class="">        }  </li><li class="alt">        enableChildrenCache(true);  </li><li class="">        boolean changingPage = (page != currentPage);  </li><li class="alt">        nextPage = page;  </li><li class="">  </li><li class="alt">        View focusedChild = getFocusedChild();  </li><li class="">        if (changingPage && focusedChild != null && focusedChild == getChildAt(currentPage)) {  </li><li class="alt">            focusedChild.clearFocus();  </li><li class="">        }  </li><li class="alt">  </li><li class="">        final int nowX = getScrollX();  </li><li class="alt">        final int newX = getScrollXByPage(nextPage);  </li><li class="">        final int move = newX - nowX;  </li><li class="alt">        final int absMove = Math.abs(move);  </li><li class="">        int duration = SCROLL_DURATION;  </li><li class="alt">        if (absMove < pageWidth) {  </li><li class="">            duration = SCROLL_DURATION * absMove / pageWidth;  </li><li class="alt">        }  </li><li class="">        // 启动左右切屏动画  </li><li class="alt">        scroller.startScroll(nowX, 0, move, 0, duration);  </li><li class="">        invalidate();  </li><li class="alt">        return true;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    private void checkScrolling(float x) {  </li><li class="alt">        float diff = Math.abs(x - lastMotionX);  </li><li class="">        if (diff > distanceSlop) {  </li><li class="alt">            state = STATE_SCROLLING;  </li><li class="">            enableChildrenCache(true);  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    /** </li><li class="alt">     * 开始滑动时设置允许使用缓存。  </li><li class="">     * 结束滑动时设置取消缓存。  </li><li class="alt">     */  </li><li class="">    public void enableChildrenCache(boolean enable) {  </li><li class="alt">        setChildrenDrawingCacheEnabled(enable);  </li><li class="">        setChildrenDrawnWithCacheEnabled(enable);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    /** 在正式显示之前设置才有效。 */  </li><li class="">    public boolean setPageWidth(int width) {  </li><li class="alt">        if (isFirstLayout) {  </li><li class="">            pageWidth = width;  </li><li class="alt">            return true;  </li><li class="">        }  </li><li class="alt">        return false;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setOnSlidingListener(OnSlidingListener listener) {  </li><li class="alt">        slidingListener = listener;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  </li><li class="alt">        LogOut.out(this, "onMeasure()");  </li><li class="">        super.onMeasure(widthMeasureSpec, heightMeasureSpec);  </li><li class="alt">  </li><li class="">        pageWidth = (pageWidth == SPEC_UNDEFINED) ? getMeasuredWidth() : pageWidth;  </li><li class="alt">        pageWidth = Math.min(Math.max(0, pageWidth), getMeasuredWidth());  </li><li class="">  </li><li class="alt">        final int count = getChildCount();  </li><li class="">        for (int i = 0; i < count; i++) {  </li><li class="alt">            int childWidthSpec = MeasureSpec.makeMeasureSpec(pageWidth, MeasureSpec.EXACTLY);  </li><li class="">            View view = getChildAt(i);  </li><li class="alt">            view.measure(childWidthSpec, heightMeasureSpec);  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    @Override  </li><li class="">    protected void onLayout(boolean changing, int left, int top, int right, int bottom) {  </li><li class="alt">        LogOut.out(this, "onLayout");  </li><li class="">        int childLeft = 0;  </li><li class="alt">        final int count = getChildCount();  </li><li class="">        for (int i = 0; i < count; i++) {  </li><li class="alt">            final View view = getChildAt(i);  </li><li class="">            if (view.getVisibility() != View.GONE) {  </li><li class="alt">                int childWidth = view.getMeasuredWidth();  </li><li class="">                view.layout(childLeft, 0, childLeft + childWidth, view.getMeasuredHeight());  </li><li class="alt">                childLeft += childWidth;  </li><li class="">            }  </li><li class="alt">        }  </li><li class="">  </li><li class="alt">        if (isFirstLayout) {  </li><li class="">            scrollTo(getScrollXByPage(currentPage), 0);  </li><li class="alt">            isFirstLayout = false;  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public boolean onInterceptTouchEvent(MotionEvent event) {  </li><li class="">        LogOut.out(this, "onInterceptTouchEvent action=" + event.getAction());  </li><li class="alt">        final int action = event.getAction();  </li><li class="">        if (action == MotionEvent.ACTION_MOVE && state != STATE_STATIC) {  </li><li class="alt">            // MOVE及非静止情况下，返回TRUE阻止将此事件传递给子组件，  </li><li class="">            // 而是执行onTouchEvent()来实现滑动  </li><li class="alt">            return true;  </li><li class="">        }  </li><li class="alt">        final float x = event.getX();  </li><li class="">        switch (action) {  </li><li class="alt">        case MotionEvent.ACTION_DOWN:  </li><li class="">            lastMotionX = x;  </li><li class="alt">            // 点击按钮时，此处设置状态为静止。  </li><li class="">            state = scroller.isFinished() ? STATE_STATIC : STATE_SCROLLING;  </li><li class="alt">            break;  </li><li class="">        case MotionEvent.ACTION_MOVE:  </li><li class="alt">            if (state == STATE_STATIC) {  </li><li class="">                // 由于已静止，在点击按钮后进行拖拉，则根据拖拉位移大小决定是否需要改变状态进而进一步拦截此事件。  </li><li class="alt">                checkScrolling(x);  </li><li class="">            }  </li><li class="alt">            break;  </li><li class="">        case MotionEvent.ACTION_UP:  </li><li class="alt">        case MotionEvent.ACTION_CANCEL:  </li><li class="">            enableChildrenCache(false);  </li><li class="alt">            state = STATE_STATIC;  </li><li class="">            break;  </li><li class="alt">        }  </li><li class="">        // 非静止状态，将此事件交由onTouchEvent()处理。  </li><li class="alt">        return state != STATE_STATIC;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public boolean onTouchEvent(MotionEvent event) {  </li><li class="alt">        LogOut.out(this, "onTouchEvent");  </li><li class="">        super.onTouchEvent(event);  </li><li class="alt">        final int action = event.getAction();  </li><li class="">        final float x = event.getX();  </li><li class="alt">        switch (action) {  </li><li class="">        case MotionEvent.ACTION_DOWN:  </li><li class="alt">            lastMotionX = x;  </li><li class="">            if (scroller.isFinished() == false) {  </li><li class="alt">                scroller.abortAnimation();  </li><li class="">            }  </li><li class="alt">            break;  </li><li class="">        case MotionEvent.ACTION_MOVE:  </li><li class="alt">            if (state == STATE_STATIC) {  </li><li class="">                checkScrolling(x);  </li><li class="alt">            } else if (state == STATE_SCROLLING) {  </li><li class="">                int moveX = (int) (lastMotionX - x);  </li><li class="alt">                lastMotionX = x;  </li><li class="">                if (getScrollX() < 0 || getScrollX() > getChildAt(getChildCount() - 1).getLeft()) {  </li><li class="alt">                    // 对于越界的拖拉，则将位移减半。  </li><li class="">                    moveX = moveX >> 1;  </li><li class="alt">                }  </li><li class="">                scrollBy(moveX, 0);  </li><li class="alt">            }  </li><li class="">            break;  </li><li class="alt">        case MotionEvent.ACTION_UP:  </li><li class="">        case MotionEvent.ACTION_CANCEL:  </li><li class="alt">            if (state == STATE_SCROLLING) {  </li><li class="">                final int startX = getScrollXByPage(currentPage);  </li><li class="alt">                // 默认选择回到手指滑动之前的当前页  </li><li class="">                int whichPage = currentPage;  </li><li class="alt">                int xSpace = getWidth() / 8;  </li><li class="">                if (getScrollX() < startX - xSpace) {  </li><li class="alt">                    whichPage = Math.max(0, whichPage - 1);  </li><li class="">                } else if (getScrollX() > startX + xSpace) {  </li><li class="alt">                    whichPage = Math.min(getChildCount() - 1, whichPage + 1);  </li><li class="">                }  </li><li class="alt">                scroll2page(whichPage);  </li><li class="">            }  </li><li class="alt">            state = STATE_STATIC;  </li><li class="">            break;  </li><li class="alt">        }  </li><li class="">        return true;  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    /** 让拖拉、动画过程中界面过渡顺滑。 */  </li><li class="">    protected void dispatchDraw(Canvas canvas) {  </li><li class="alt">        final long drawingTime = getDrawingTime();  </li><li class="">  </li><li class="alt">        final int count = getChildCount();  </li><li class="">        for (int i = 0; i < count; i++) {  </li><li class="alt">            drawChild(canvas, getChildAt(i), drawingTime);  </li><li class="">        }  </li><li class="alt">  </li><li class="">        if (slidingListener != null) {  </li><li class="alt">            int adjustedScrollX = getScrollX() + getPagePadding();  </li><li class="">            slidingListener.onSliding(adjustedScrollX);  </li><li class="alt">            if (adjustedScrollX % pageWidth == 0) {  </li><li class="">                slidingListener.onSlidingEnd(adjustedScrollX / pageWidth, adjustedScrollX);  </li><li class="alt">            }  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    /** 与Scroller相匹配，实现动画效果中每一帧的界面更新。 */  </li><li class="">    public void computeScroll() {  </li><li class="alt">        if (scroller.computeScrollOffset()) {  </li><li class="">            scrollTo(scroller.getCurrX(), scroller.getCurrY());  </li><li class="alt">            postInvalidate();  </li><li class="">        } else if (nextPage != INVALID_SCREEN) {  </li><li class="alt">            currentPage = nextPage;  </li><li class="">            nextPage = INVALID_SCREEN;  </li><li class="alt">            enableChildrenCache(false);  </li><li class="">        }  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">  </li><li class="">    public static interface OnSlidingListener {  </li><li class="alt">        public void onSliding(int scrollX);  </li><li class="">  </li><li class="alt">        public void onSlidingEnd(int pageIdx, int scrollX);  </li><li class="">    }  </li><li class="alt">}  </li></ol></div><pre name="code" class="java" style="display: none;">package lab.sodino.sliding;

import java.util.ArrayList;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.widget.Scroller;

/**
* @author Sodino E-mail:sodinoopen@hotmail.com
* @version Time：2012-1-18 下午02:55:59
*/
public class SlidingContainer extends ViewGroup {
private static final int INVALID_SCREEN = -1;
public static final int SCROLL_DURATION = 500;
public static final int SPEC_UNDEFINED = ViewGroup.LayoutParams.FILL_PARENT;
public static final int SNAP_VELOCITY = 500;
private static final int STATE_STATIC = 0;
private static final int STATE_SCROLLING = 1;
private int pageWidth;
/**
* 标识是否是第一次布局。 
* 第一次布局需要将第一页调居中显示在屏幕上。 
*/
private boolean isFirstLayout;
private int currentPage, nextPage;
private Scroller scroller;
/** 手指滑动过程中可理解为拖动的最小长度。 */
private int distanceSlop;
private int state = STATE_STATIC;
private float lastMotionX;
private OnSlidingListener slidingListener;

public SlidingContainer(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
LogOut.out(this, "SlidingContainer() 3");
initialization(context, attrs);
}

public SlidingContainer(Context context, AttributeSet attrs) {
super(context, attrs);
LogOut.out(this, "SlidingContainer() 2");
initialization(context, attrs);
}

public SlidingContainer(Context context) {
super(context);
LogOut.out(this, "SlidingContainer() 1");
initialization(context, null);
}

private void initialization(Context context, AttributeSet attrs) {
if (attrs != null) {
TypedArray typedArr = context.obtainStyledAttributes(attrs, R.styleable.sliding_SlidingContainer);
pageWidth = typedArr.getDimensionPixelSize(R.styleable.sliding_SlidingContainer_pageWidth, SPEC_UNDEFINED);
typedArr.recycle();
}

state = STATE_STATIC;
isFirstLayout = true;
currentPage = 0;
nextPage = INVALID_SCREEN;

scroller = new Scroller(context);

final ViewConfiguration configuration = ViewConfiguration.get(context);
distanceSlop = configuration.getScaledTouchSlop();
}

public int getCurrentPage() {
return currentPage;
}

public int getScrollXByPage(int page) {
return (page * pageWidth) - getPagePadding();
}

public int getPagePadding() {
return (getMeasuredWidth() - pageWidth) >> 1;
}

public int getPageWidth() {
return pageWidth;
}

public boolean scroll2page(int page) {
if (page < 0) {
return false;
} else if (page >= getChildCount()) {
return false;
} else if (scroller.isFinished() == false) {
return false;
}
enableChildrenCache(true);
boolean changingPage = (page != currentPage);
nextPage = page;

View focusedChild = getFocusedChild();
if (changingPage && focusedChild != null && focusedChild == getChildAt(currentPage)) {
focusedChild.clearFocus();
}

final int nowX = getScrollX();
final int newX = getScrollXByPage(nextPage);
final int move = newX - nowX;
final int absMove = Math.abs(move);
int duration = SCROLL_DURATION;
if (absMove < pageWidth) {
duration = SCROLL_DURATION * absMove / pageWidth;
}
// 启动左右切屏动画
scroller.startScroll(nowX, 0, move, 0, duration);
invalidate();
return true;
}

private void checkScrolling(float x) {
float diff = Math.abs(x - lastMotionX);
if (diff > distanceSlop) {
state = STATE_SCROLLING;
enableChildrenCache(true);
}
}

/**
* 开始滑动时设置允许使用缓存。 
* 结束滑动时设置取消缓存。 
*/
public void enableChildrenCache(boolean enable) {
setChildrenDrawingCacheEnabled(enable);
setChildrenDrawnWithCacheEnabled(enable);
}

/** 在正式显示之前设置才有效。 */
public boolean setPageWidth(int width) {
if (isFirstLayout) {
pageWidth = width;
return true;
}
return false;
}

public void setOnSlidingListener(OnSlidingListener listener) {
slidingListener = listener;
}

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
LogOut.out(this, "onMeasure()");
super.onMeasure(widthMeasureSpec, heightMeasureSpec);

pageWidth = (pageWidth == SPEC_UNDEFINED) ? getMeasuredWidth() : pageWidth;
pageWidth = Math.min(Math.max(0, pageWidth), getMeasuredWidth());

final int count = getChildCount();
for (int i = 0; i < count; i++) {
int childWidthSpec = MeasureSpec.makeMeasureSpec(pageWidth, MeasureSpec.EXACTLY);
View view = getChildAt(i);
view.measure(childWidthSpec, heightMeasureSpec);
}
}

@Override
protected void onLayout(boolean changing, int left, int top, int right, int bottom) {
LogOut.out(this, "onLayout");
int childLeft = 0;
final int count = getChildCount();
for (int i = 0; i < count; i++) {
final View view = getChildAt(i);
if (view.getVisibility() != View.GONE) {
int childWidth = view.getMeasuredWidth();
view.layout(childLeft, 0, childLeft + childWidth, view.getMeasuredHeight());
childLeft += childWidth;
}
}

if (isFirstLayout) {
scrollTo(getScrollXByPage(currentPage), 0);
isFirstLayout = false;
}
}

public boolean onInterceptTouchEvent(MotionEvent event) {
LogOut.out(this, "onInterceptTouchEvent action=" + event.getAction());
final int action = event.getAction();
if (action == MotionEvent.ACTION_MOVE && state != STATE_STATIC) {
// MOVE及非静止情况下，返回TRUE阻止将此事件传递给子组件，
// 而是执行onTouchEvent()来实现滑动
return true;
}
final float x = event.getX();
switch (action) {
case MotionEvent.ACTION_DOWN:
lastMotionX = x;
// 点击按钮时，此处设置状态为静止。
state = scroller.isFinished() ? STATE_STATIC : STATE_SCROLLING;
break;
case MotionEvent.ACTION_MOVE:
if (state == STATE_STATIC) {
// 由于已静止，在点击按钮后进行拖拉，则根据拖拉位移大小决定是否需要改变状态进而进一步拦截此事件。
checkScrolling(x);
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
enableChildrenCache(false);
state = STATE_STATIC;
break;
}
// 非静止状态，将此事件交由onTouchEvent()处理。
return state != STATE_STATIC;
}

public boolean onTouchEvent(MotionEvent event) {
LogOut.out(this, "onTouchEvent");
super.onTouchEvent(event);
final int action = event.getAction();
final float x = event.getX();
switch (action) {
case MotionEvent.ACTION_DOWN:
lastMotionX = x;
if (scroller.isFinished() == false) {
scroller.abortAnimation();
}
break;
case MotionEvent.ACTION_MOVE:
if (state == STATE_STATIC) {
checkScrolling(x);
} else if (state == STATE_SCROLLING) {
int moveX = (int) (lastMotionX - x);
lastMotionX = x;
if (getScrollX() < 0 || getScrollX() > getChildAt(getChildCount() - 1).getLeft()) {
// 对于越界的拖拉，则将位移减半。
moveX = moveX >> 1;
}
scrollBy(moveX, 0);
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
if (state == STATE_SCROLLING) {
final int startX = getScrollXByPage(currentPage);
// 默认选择回到手指滑动之前的当前页
int whichPage = currentPage;
int xSpace = getWidth() / 8;
if (getScrollX() < startX - xSpace) {
whichPage = Math.max(0, whichPage - 1);
} else if (getScrollX() > startX + xSpace) {
whichPage = Math.min(getChildCount() - 1, whichPage + 1);
}
scroll2page(whichPage);
}
state = STATE_STATIC;
break;
}
return true;
}

/** 让拖拉、动画过程中界面过渡顺滑。 */
protected void dispatchDraw(Canvas canvas) {
final long drawingTime = getDrawingTime();

final int count = getChildCount();
for (int i = 0; i < count; i++) {
drawChild(canvas, getChildAt(i), drawingTime);
}

if (slidingListener != null) {
int adjustedScrollX = getScrollX() + getPagePadding();
slidingListener.onSliding(adjustedScrollX);
if (adjustedScrollX % pageWidth == 0) {
slidingListener.onSlidingEnd(adjustedScrollX / pageWidth, adjustedScrollX);
}
}
}

/** 与Scroller相匹配，实现动画效果中每一帧的界面更新。 */
public void computeScroll() {
if (scroller.computeScrollOffset()) {
scrollTo(scroller.getCurrX(), scroller.getCurrY());
postInvalidate();
} else if (nextPage != INVALID_SCREEN) {
currentPage = nextPage;
nextPage = INVALID_SCREEN;
enableChildrenCache(false);
}
}

public static interface OnSlidingListener {
public void onSliding(int scrollX);

public void onSlidingEnd(int pageIdx, int scrollX);
}
}</pre> 
 
SlidingIndicator.java 

<div class="dp-highlighter bg_java"><div class="bar"><div class="tools">[java] <a href="#" class="ViewSource" title="view plain" onclick="dp.sh.Toolbar.Command('ViewSource',this);return false;">view plain</a><a href="#" class="CopyToClipboard" title="copy" onclick="dp.sh.Toolbar.Command('CopyToClipboard',this);return false;">copy</a><a href="#" class="PrintSource" title="print" onclick="dp.sh.Toolbar.Command('PrintSource',this);return false;">print</a><a href="#" class="About" title="?" onclick="dp.sh.Toolbar.Command('About',this);return false;">?</a><div style="position: absolute; left: 0px; top: 0px; 0px; height: 0px; z-index: 99;"><embed id="ZeroClipboardMovie_6" src="http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="0" height="0" name="ZeroClipboardMovie_6" align="middle" allowscriptaccess="always" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="id=6&width=0&height=0" wmode="transparent"></div></div></div><ol start="1" class="dp-j"><li class="alt">package lab.sodino.sliding;  </li><li class="">  </li><li class="alt">import android.content.Context;  </li><li class="">import android.content.res.TypedArray;  </li><li class="alt">import android.graphics.Canvas;  </li><li class="">import android.graphics.Paint;  </li><li class="alt">import android.graphics.RectF;  </li><li class="">import android.util.AttributeSet;  </li><li class="alt">import android.view.View;  </li><li class="">import android.view.animation.AlphaAnimation;  </li><li class="alt">import android.view.animation.Animation;  </li><li class="">import android.view.animation.AnimationUtils;  </li><li class="alt">import android.view.animation.LinearInterpolator;  </li><li class="">  </li><li class="alt">/** </li><li class=""> * @author Sodino E-mail:sodinoopen@hotmail.com </li><li class="alt"> * @version Time：2012-1-18 下午03:31:08 </li><li class=""> */  </li><li class="alt">public class SlidingIndicator extends View {  </li><li class="">    public static final int BAR_COLOR = 0xaa777777;  </li><li class="alt">    public static final int HIGHLIGHT_COLOR = 0xaa999999;  </li><li class="">    public static final int FADE_DELAY = 2000;  </li><li class="alt">    public static final int FADE_DURATION = 500;  </li><li class="">  </li><li class="alt">    private int amount, currentPage, position;  </li><li class="">    private Paint barPaint, highlightPaint;  </li><li class="alt">    private int fadeDelay, fadeDuration;  </li><li class="">    private float ovalRadius;  </li><li class="alt">    private Animation animFadeout;  </li><li class="">    /** RectF比Rect是精度上更精确。 */  </li><li class="alt">    private RectF rectFBody, rectFIndicator;  </li><li class="">  </li><li class="alt">    public SlidingIndicator(Context context, AttributeSet attrs, int defStyle) {  </li><li class="">        super(context, attrs, defStyle);  </li><li class="alt">        // 预设值。  </li><li class="">        int barColor = BAR_COLOR, highlightColor = HIGHLIGHT_COLOR;  </li><li class="alt">        fadeDelay = FADE_DELAY;  </li><li class="">        fadeDuration = FADE_DURATION;  </li><li class="alt">        if (attrs != null) {  </li><li class="">            TypedArray typedArr = context.obtainStyledAttributes(attrs, R.styleable.sliding_SlidingIndicator);  </li><li class="alt">            barColor = typedArr.getColor(R.styleable.sliding_SlidingIndicator_barColor, BAR_COLOR);  </li><li class="">            highlightColor = typedArr.getColor(R.styleable.sliding_SlidingIndicator_highlightColor, HIGHLIGHT_COLOR);  </li><li class="alt">            fadeDelay = typedArr.getInteger(R.styleable.sliding_SlidingIndicator_fadeDelay, FADE_DELAY);  </li><li class="">            fadeDuration = typedArr.getInteger(R.styleable.sliding_SlidingIndicator_fadeDuration, FADE_DURATION);  </li><li class="alt">            ovalRadius = typedArr.getDimension(R.styleable.sliding_SlidingIndicator_roundRectRadius, 0f);  </li><li class="">            typedArr.recycle();  </li><li class="alt">        }  </li><li class="">        initialization(barColor, highlightColor, fadeDuration);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingIndicator(Context context, AttributeSet attrs) {  </li><li class="">        this(context, attrs, 0);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    public SlidingIndicator(Context context) {  </li><li class="">        super(context);  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    private void initialization(int barColor, int highlightColor, int fadeDuration) {  </li><li class="">        barPaint = new Paint();  </li><li class="alt">        barPaint.setColor(barColor);  </li><li class="">  </li><li class="alt">        highlightPaint = new Paint();  </li><li class="">        highlightPaint.setColor(highlightColor);  </li><li class="alt">  </li><li class="">        animFadeout = new AlphaAnimation(1f, 0f);  </li><li class="alt">        animFadeout.setDuration(fadeDuration);  </li><li class="">        animFadeout.setRepeatCount(0);  </li><li class="alt">        animFadeout.setInterpolator(new LinearInterpolator());  </li><li class="">        // 设置动画结束后，本组件保持动画结束时的最后状态，即全透明不可见。  </li><li class="alt">        animFadeout.setFillEnabled(true);  </li><li class="">        animFadeout.setFillAfter(true);  </li><li class="alt">  </li><li class="">        rectFBody = new RectF();  </li><li class="alt">        rectFIndicator = new RectF();  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setPageAmount(int num) {  </li><li class="alt">        if (num < 0) {  </li><li class="">            throw new IllegalArgumentException("num must be positive.");  </li><li class="alt">        }  </li><li class="">        amount = num;  </li><li class="alt">        invalidate();  </li><li class="">        fadeOut();  </li><li class="alt">    }  </li><li class="">  </li><li class="alt">    private void fadeOut() {  </li><li class="">        if (fadeDuration > 0) {  </li><li class="alt">            clearAnimation();  </li><li class="">            // 设置动画的延时时间，此时间段内正好指示当前页位置。  </li><li class="alt">            animFadeout.setStartTime(AnimationUtils.currentAnimationTimeMillis() + fadeDelay);  </li><li class="">            setAnimation(animFadeout);  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public int getCurrentPage() {  </li><li class="alt">        return currentPage;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setCurrentPage(int idx) {  </li><li class="alt">        if (currentPage < 0 || currentPage >= amount) {  </li><li class="">            throw new IllegalArgumentException("currentPage parameter out of bounds");  </li><li class="alt">        }  </li><li class="">        if (this.currentPage != idx) {  </li><li class="alt">            this.currentPage = idx;  </li><li class="">            this.position = currentPage * getPageWidth();  </li><li class="alt">            invalidate();  </li><li class="">            fadeOut();  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public void setPosition(int position) {  </li><li class="alt">        if (this.position != position) {  </li><li class="">            this.position = position;  </li><li class="alt">            invalidate();  </li><li class="">            fadeOut();  </li><li class="alt">        }  </li><li class="">    }  </li><li class="alt">  </li><li class="">    public int getPageWidth() {  </li><li class="alt">        return getWidth() / amount;  </li><li class="">    }  </li><li class="alt">  </li><li class="">    protected void onDraw(Canvas canvas) {  </li><li class="alt">        rectFBody.set(0, 0, getWidth(), getHeight());  </li><li class="">        canvas.drawRoundRect(rectFBody, ovalRadius, ovalRadius, barPaint);  </li><li class="alt">        rectFIndicator.set(position, 0, position + getPageWidth(), getHeight());  </li><li class="">        canvas.drawRoundRect(rectFIndicator, ovalRadius, ovalRadius, highlightPaint);  </li><li class="alt">    }  </li><li class="">}  </li></ol></div><pre name="code" class="java" style="display: none;">package lab.sodino.sliding;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.AlphaAnimation;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.LinearInterpolator;

/**
* @author Sodino E-mail:sodinoopen@hotmail.com
* @version Time：2012-1-18 下午03:31:08
*/
public class SlidingIndicator extends View {
public static final int BAR_COLOR = 0xaa777777;
public static final int HIGHLIGHT_COLOR = 0xaa999999;
public static final int FADE_DELAY = 2000;
public static final int FADE_DURATION = 500;

private int amount, currentPage, position;
private Paint barPaint, highlightPaint;
private int fadeDelay, fadeDuration;
private float ovalRadius;
private Animation animFadeout;
/** RectF比Rect是精度上更精确。 */
private RectF rectFBody, rectFIndicator;

public SlidingIndicator(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// 预设值。
int barColor = BAR_COLOR, highlightColor = HIGHLIGHT_COLOR;
fadeDelay = FADE_DELAY;
fadeDuration = FADE_DURATION;
if (attrs != null) {
TypedArray typedArr = context.obtainStyledAttributes(attrs, R.styleable.sliding_SlidingIndicator);
barColor = typedArr.getColor(R.styleable.sliding_SlidingIndicator_barColor, BAR_COLOR);
highlightColor = typedArr.getColor(R.styleable.sliding_SlidingIndicator_highlightColor, HIGHLIGHT_COLOR);
fadeDelay = typedArr.getInteger(R.styleable.sliding_SlidingIndicator_fadeDelay, FADE_DELAY);
fadeDuration = typedArr.getInteger(R.styleable.sliding_SlidingIndicator_fadeDuration, FADE_DURATION);
ovalRadius = typedArr.getDimension(R.styleable.sliding_SlidingIndicator_roundRectRadius, 0f);
typedArr.recycle();
}
initialization(barColor, highlightColor, fadeDuration);
}

public SlidingIndicator(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public SlidingIndicator(Context context) {
super(context);
}

private void initialization(int barColor, int highlightColor, int fadeDuration) {
barPaint = new Paint();
barPaint.setColor(barColor);

highlightPaint = new Paint();
highlightPaint.setColor(highlightColor);

animFadeout = new AlphaAnimation(1f, 0f);
animFadeout.setDuration(fadeDuration);
animFadeout.setRepeatCount(0);
animFadeout.setInterpolator(new LinearInterpolator());
// 设置动画结束后，本组件保持动画结束时的最后状态，即全透明不可见。
animFadeout.setFillEnabled(true);
animFadeout.setFillAfter(true);

rectFBody = new RectF();
rectFIndicator = new RectF();
}

public void setPageAmount(int num) {
if (num < 0) {
throw new IllegalArgumentException("num must be positive.");
}
amount = num;
invalidate();
fadeOut();
}

private void fadeOut() {
if (fadeDuration > 0) {
clearAnimation();
// 设置动画的延时时间，此时间段内正好指示当前页位置。
animFadeout.setStartTime(AnimationUtils.currentAnimationTimeMillis() + fadeDelay);
setAnimation(animFadeout);
}
}

public int getCurrentPage() {
return currentPage;
}

public void setCurrentPage(int idx) {
if (currentPage < 0 || currentPage >= amount) {
throw new IllegalArgumentException("currentPage parameter out of bounds");
}
if (this.currentPage != idx) {
this.currentPage = idx;
this.position = currentPage * getPageWidth();
invalidate();
fadeOut();
}
}

public void setPosition(int position) {
if (this.position != position) {
this.position = position;
invalidate();
fadeOut();
}
}

public int getPageWidth() {
return getWidth() / amount;
}

protected void onDraw(Canvas canvas) {
rectFBody.set(0, 0, getWidth(), getHeight());
canvas.drawRoundRect(rectFBody, ovalRadius, ovalRadius, barPaint);
rectFIndicator.set(position, 0, position + getPageWidth(), getHeight());
canvas.drawRoundRect(rectFIndicator, ovalRadius, ovalRadius, highlightPaint);
}
}</pre> 
末尾，自己推荐另一个左右滑屏实现方法：ViewPager 
http://my.oschina.net/kzhou/blog/29157 
<pre></pre>
<pre></pre>

</pre>

查看全文

相关阅读:
Java 概述
 vue组件事件
 小程序注册
 小程序基础知识梳理
 小程序简介
 公众号
 jeecg-boot
小程序背景图
 bootstrap-select采坑
 存取cookie

原文地址：https://www.cnblogs.com/nan325/p/3030576.html