源自梦想 自定义ViewGroup的整理_1

　　　今天说说自定义控件，稍微偏底层一点的东西。今天的主要任务是自己完全写代码，写一个ViewGroup，实现一个类似ViewPager这样的一个功能。

　　　大家自定义View肯定写过，不过估计写的也不多。等大家上班以后，全都是自定义的View和ViewGroup。

　　　实现这样滑动的效果可以使用ViewPager。其实像ViewPager，ListView，SlidingMenu或者popupWindow，他们都有个共同点，就是界面上的View（大小）是不变的，只是位置在变，而只要是位置在变，通通都是使用的一样的技术。它们的底层原理都是一样的。但是这些组件，不管你学多少，永远都学不完。一开始学这些组件的时候，是一种知识的积累，但学多了以后我们就要回头想一想，它们是怎么实现的。如果我们自己来做，我们怎么去实现。等到上班的时候，那些系统的组件有可能无法实现我们的要求。

　　　

　　　其中一个技术点是scrollTo和scrollBy这两个方法，以下面的Demo为例。

 

　　　下面的控制按钮能控制上面View的移动。

　　　scrollBy这个方法是View的一个方法，是一个底层的方法，所以我们在Android中看到的所有的元素都有这样的方法。这个方法是干嘛的呢，scrollBy方法使得这个View整体的移动一个距离，比如有一个viewGroup里面有很多子View，如果要想改变这些子View的位置的话，那么有几种方法呢？两种，一种是改变这个View真实的的位置，但是这样改的话，如果ViewGroup里面的子View有很多，就要把每一个子View都要做改动，像listView就是这样实现的；而如果我想将ViewGroup里面的子View整体移动，这样就不需要将每个子View都做改变了，而是可以将他们做一个整体的偏移。对ViewGroup做scrollBy，就可以使ViewGroup中的所有子View都实现偏移。

　　　scrollBy的源码：(由当前位置再移动（x,y）的偏移量)

    /**

     * Move the scrolled position of your view. This will cause a call to

     * {@link #onScrollChanged(int, int, int, int)} and the view will be

     * invalidated.

     * @param x the amount of pixels to scroll by horizontally

     * @param y the amount of pixels to scroll by vertically

     */

    public void scrollBy(int x, int y) {

        scrollTo(mScrollX + x, mScrollY + y);

　　}

　　scrollTo的源码:（移动到（x,y）位置）

    /**

     * Set the scrolled position of your view. This will cause a call to

     * {@link #onScrollChanged(int, int, int, int)} and the view will be

     * invalidated.

     * @param x the x position to scroll to

     * @param y the y position to scroll to

     */

    public void scrollTo(int x, int y) {

        if (mScrollX != x || mScrollY != y) {

            int oldX = mScrollX;

            int oldY = mScrollY;

            mScrollX = x;

            mScrollY = y;

            invalidateParentCaches();

            onScrollChanged(mScrollX, mScrollY, oldX, oldY);

            if (!awakenScrollBars()) {

                postInvalidateOnAnimation();

            }

        }

　　 }

　　这两个方法，偏移的是View中的内容，而View自己的位置是不变的。

　　

　　BaiHeTest例子：（包含歌词例子）

　　是一个侧边栏滑动菜单，工作中一定会去实现这样的一个效果。有的可能想到使用SlidingMenu这个开源框架，有的可能想到使用Animation。

　　Animation动画实现的方式，Animation的特点是只改变我们看到的效果，而不改变其真实的物理属性，所以例子中Button的物理位置是不改变的。Animation只能看做是动画，而不能做出交互式的效果。因此，使用Animation不能（准确）实现侧边栏菜单。

　　scrollTo和scrollBy方法实现：

　　帧布局，上面包含按钮，下面是侧边菜单。直接上面布局scrollTo到一个位置（-200,0），（负值往右偏移），使用一个flag判断是否已经打开了。这样可以实现。如果想看起来有个类似动画的效果，可以使用下面两句代替scrollTo：

　　　scroller.startScroll(layout2.getScrollX(), layout2.getScrollY(), -200, 0);

　　 handler.sendEmptyMessage(FLUSH);

　　这时候就需要看看Scroller这个类，它就类似一个计算中心，通常是用Scroller对象记录或计算View滚动的位置，当我们点击Button的时候，Scroller调用startScroll方法，这个方法中的四个参数分别是基准点位置及偏移量，这个方法里只是记录了这些参数，

public void startScroll(int scrollX, int scrollY, int distanceX, int distanceY) {

startX = scrollX;

startY = scrollY;

this.distanceX = distanceX;

this.distanceY = distanceY;

isFinish = false;

startTime = SystemClock.uptimeMillis();

　　 }

　　然后再发送handler信息，handler里先判断scroller.computeScrollOffset()，这个返回true时表示还在移动，

/**

 * 计算偏移量，这个方法得出当前执行到哪个位置了

 * @return true 还在移动  false：移动已经停止，duration = 1000l

 */

public boolean computeScrollOffset() {

 

if (isFinish) {

return false;

}

 

long timePassed = SystemClock.uptimeMillis()- startTime;

 

if (timePassed < duration) {

 

currentX = (int) (startX + distanceX  * timePassed / duration);

currentY = (int) (startY + distanceY * timePassed/ duration );

 

System.out.println("currentX:::" + currentX);

} else if (timePassed >= duration) {

currentX = startX + distanceX;

currentY = startY + distanceY;

isFinish = true;

}

return true;

　　 }

　　

　　定义的handler：

private Handler handler = new Handler(){

 

@Override

public void handleMessage(Message msg) {

if(msg.what == FLUSH){

if(scroller.computeScrollOffset()){

layout2.scrollTo(scroller.getCurrX(), 0);

handler.sendEmptyMessage(FLUSH);

}

}

}

};