Scroll 滚动《Android 群英传》笔记

待我称王封你为后i 2022-09-21 13:30 128阅读 0赞

*   *  滚动效果的产生
        
         *  坐标系
     *  实现滚动的七种方法
     *  代码

## 滚动效果的产生 ##

### 坐标系 ###

*  android坐标系  
    ![这里写图片描述][20160623181603321]  
    getRawX(),getRawY()获取的就是android坐标系的坐标。
 *  视图坐标系  
    ![这里写图片描述][20160623182114153]  
    getX(),getY()所获得的坐标就是视图坐标系中的坐标。

\*获取坐标值个各种方法  
![这里写图片描述][20160623182230746]  
1. view提供的方法  
getTop(); view自身的顶边到其父布局顶边的距离；  
getLeft(); view自身的左边到其父布局左边的距离；  
getRight();view自身的右边到其父布局右边的距离  
getBottom(); view自身的`底边`到其父布局`顶边`的距离；  
2. MotionEvent提供的方法  
getX(); 获取点击事件距离控件左边的距离，即视图坐标  
getY();获取点击事件距离控件顶边的距离，即视图坐标  
getRawX();获取点击事件距离整个屏幕左边的距离，即绝对坐标  
getRawY();获取点击事件距离整个屏幕顶边的距离，即绝对坐标

## 实现滚动的七种方法 ##

> 滚动的实质就是 通过偏移量来修改view的坐标，

1.layout方法

int y= (int) event.getY();
            int x= (int) event.getX();
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    Log.e(TAG, "按下了 "+x );
                    mLasty = y;
                    mLastx = x;
                    break;
                case MotionEvent.ACTION_MOVE:
                    Log.e(TAG, "移动中 "+x );
                    int offsetx=x- mLastx;
                    int offsety=y-mLasty;
                    Log.e(TAG, "onTouchEvent: "+offsetx+","+offsety );
                    //一种方式使用 layout（）;
                    layout(getLeft()+offsetx,
                            getTop()+offsety,
                            getRight()+offsetx,
                            getBottom()+offsety);
                    Log.e(TAG, "onTouchEvent: "+getLeft());

或者使用绝对坐标

int y= (int) event.getRawY();
            int x= (int) event.getRawX();
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    mLasty = y;
                    mLastx = x;
                    break;
                case MotionEvent.ACTION_MOVE:
                    int offsetx=x- mLastx;
                    int offsety=y-mLasty;
                    Log.e(TAG, "onTouchEvent: "+offsetx+","+offsety );
                    //一种方式使用 layout（）;
                    layout(getLeft()+offsetx,
                            getTop()+offsety,
                            getRight()+offsetx,
                            getBottom()+offsety);
                    Log.e(TAG, "onTouchEvent: "+getLeft());
                    mLasty=y;//这里一定要设置
                    mLastx=x;

2 offsetLeftAndRight()与offsetTopAndBottom();  
相当于系统提供了一个对左右，上下移动的封装 和layout 一样。

// offsetLeftAndRight(offsetx);
    // offsetTopAndBottom(offsety);

3.LayoutParams  
动态的修改布局参数，从而达到改变view的效果  
“\` //方式一 根据父控件布局类型选择layoutparams 没有父控件不行  
RelativeLayout.LayoutParams layoutParams= (RelativeLayout.LayoutParams) getLayoutParams();  
layoutParams.leftMargin=getLeft()+offsetx;  
layoutParams.topMargin=getTop()+offsety;  
setLayoutParams(layoutParams);

```
    ```
      //方式二  和方式一差不多 不过摆脱了父控件布局的限制，本质一样。
                ViewGroup.MarginLayoutParams marginLayoutParams= (ViewGroup.MarginLayoutParams) getLayoutParams();
                marginLayoutParams.leftMargin=getLeft()+offsetx;
                marginLayoutParams.topMargin=getTop()+offsety;
                setLayoutParams(marginLayoutParams);
    ```

4.scrollTo与scrollBy  
\* scrollTo 移动到一个具体的坐标点  
\* scrollBy 移动的增量  
\* 这两个方法移动的是view的内容。

//想让这个view动就是 让view的父控件 执行scrollby方法
        但是view移动和父控件反向 需要加负号
           ((View)getParent()).scrollBy(-offsetx,-offsety);

5.Scroller 特点平滑移动。  
使用步骤：  
1. 初始化Scroller  
2. 重写computeScroll方法  
3. startScroll 开启

public class MyView5 extends View { 
        private static final String TAG = "MyView1";
        private int mLasty;
        private int mLastx;
        private Scroller mScroller;
    
        public MyView5(Context context) {
            super(context);
            initView(context);
        }
    
    
    
        public MyView5(Context context, AttributeSet attrs) {
            super(context, attrs);
            initView(context);
        }
    
        public MyView5(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
            initView(context);
        }
        private void initView(Context context) {
            mScroller = new Scroller(context);
        }
    
        /** * 判断是否完成了整个滑动 * computescroll不会自动调用，只能通过 * invalidate()->darw()->computescroll(); */
        @Override
        public void computeScroll() {
            super.computeScroll();
            if(mScroller.computeScrollOffset()){
                ((View)getParent()).scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
                //通过重绘来不断调用computeScroll
                invalidate();
            }
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            int y= (int) event.getY();
            int x= (int) event.getX();
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    Log.e(TAG, "按下了 "+x );
                    mLasty = y;
                    mLastx = x;
                    break;
                case MotionEvent.ACTION_MOVE:
                    Log.e(TAG, "移动中 "+x );
                    int offsetx=x- mLastx;
                    int offsety=y-mLasty;
                // Log.e(TAG, "onTouchEvent: "+offsetx+","+offsety );
    
                    ((View)getParent()).scrollBy(-offsetx,-offsety);
                 // Log.e(TAG, "onTouchEvent: "+getLeft());
                    Log.e(TAG,"偏移量："+offsetx+"scrollx"+((View)getParent()).getScrollX());
    
                    break;
                case MotionEvent.ACTION_UP:
                  View view=  ((View)getParent());
                    mScroller.startScroll(view.getScrollX(),view.getScrollY(),-view.getScrollX(),-view.getScrollY(),2000);
                    invalidate();//通知view重绘
                    break;
            }
            return true;
        }
    }

6属性动画

## 代码 ##

链接：[http://pan.baidu.com/s/1kVJE3jx][http_pan.baidu.com_s_1kVJE3jx] 密码：bthv

[20160623181603321]: /images/20220721/8c2d639fca314f8faf26b90205d2f3c5.png
[20160623182114153]: /images/20220721/22a0eb0694ea45c7a71d75c02e452c7d.png
[20160623182230746]: /images/20220721/e67f68e58689402cbae3c5b17c518005.png
[http_pan.baidu.com_s_1kVJE3jx]: http://pan.baidu.com/s/1kVJE3jx