Android View的三种移动方式

forauir 8年前
   <p>Android开发中,View一直是Android开发人员的一块心病,一方面想要进阶,一方面又害怕进阶,可以说Android的View是进阶路上的最大绊脚石,因为它涉及的东西太多了,比如本次我们此次要写的View移动,另外还包括View的触摸事件的传递,创建自定义View,这些都是极其重要且不得不面对的难题。但是无论如何,现在不克服的困难将来就会被困难克服。</p>    <h2><strong>Let's begin!</strong></h2>    <p>在此之前,我们还是先了解Android坐标系的定义规则以及View的一些位置参数。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/82ffc583c173a659a158f0115f29d8f3.png"></p>    <p style="text-align:center">Android坐标系</p>    <ul>     <li>View的位置及大小是由四个参数决定,即left、top、right、bottom,并且这四个参数都是相对于其父View的。</li>    </ul>    <pre>  <code class="language-java">int width = right-left;    int height = bottom-top;</code></pre>    <p>在Activity中布局完成后,我们可以通过View一些方法获取这些参数信息:</p>    <pre>  <code class="language-java">//left,top,right,bottom值的获取    int left = getLeft();    int top = getTop();    int right = getRight();    int bottom = getBottom();</code></pre>    <ul>     <li>另外Android 3.0以后加入x,y,translationX,translationY等参数。(x,y)表示为View在ViewGroup中左上角的x,y的值,translationX,translationY在用于平移一个View。默认是都为0,在调用了View的setTranslationX()/setTranslationY()之后发生改变。</li>    </ul>    <pre>  <code class="language-java">//x,y,translationX,translationY参数的获取    int x = getX();    int y = getY();    int translationX = getTranslationX();    int translationY = getTranslationY();</code></pre>    <p>PS:调用View的setTranslationX()和setTranslationY()方法虽然可以使得View平移指定距离,但是这一过程是瞬间完成的。为了使View的移动使得更为平滑,因此可以使用View的属性动画来指定translationX和translationY。</p>    <pre>  <code class="language-java">ObjectAnimator valueAnimator = ObjectAnimator.ofFloat(textView, "translationX", 200);    valueAnimator.setDuration(2000);    valueAnimator.start();</code></pre>    <p>另外,如果给View设置setTranslationX()和setTranslationY()后,如果设置的值没有发生变化,那么其只会移动一次,即首次指定的移动距离。查看源码后我们发现原因:原来在设置值之后其会将设置进去的值和当前的translationX,translationY进行对比,不一致时才进行移动。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/d88959ab42e1beabd0d665596648e50a.png"></p>    <p style="text-align:center">Paste_Image.png</p>    <p>了解了View的一些基本参数之后,我们看关于View的三种移动方式。</p>    <h2><strong>一、使用Android系统提供的scrollTo()/scrollBy()方法实现View的移动。</strong></h2>    <ul>     <li> <p>不管是scrollTo()还是scrollBy()其移动的本质都是View/ViewGroup中的内容。并且其移动的过程是瞬间完成的,因此,为了实现更好的移动效果,他需要与Scroller类结合使用。另外,它不同于上面的Translation,移动的是View本身,这一点需要好好理解一下。</p> </li>     <li> <p>scrollTo()和scrollBy()都是View中的方法, <strong>不是Scroller中的方法</strong> ,但是控制View的平滑移动与Scroller类密不可分。</p> </li>    </ul>    <p>scrollTo() :指是的移动的绝对位置,如果位置没有变化,多次调用则不会起作用。</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/3c7cd165b9daba9ea3e90b3aeda0850c.png"></p>    <p style="text-align:center">scrollTo移动过程示意图</p>    <p>scrollBy() :其本质依然是调用的scrollTo(),指的的移动当前位置的相对距离(每次都是先将当前的位置和设置的距离相加之和调用scrollTo(),这样如果你多次调用,你就会发现其每次都会移动一段距离,这是和scrollTo()的本质区别)</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/a755638298491052e659c4fa68a3ce2e.png"></p>    <p style="text-align:center">scrollBy移动过程示意图</p>    <p>PS:关于上面两张图,其实一直以来,我自己都没完全搞明白什么相对绝对,所以两张手图可能会让人更容易理解。还有就是scrollTo()和scrollBy()移动方向问题,上面我们已经画过Android的坐标系,x轴左→右为正,y轴从上→下为正。但是这并不适用于scrollTo和scrollBy,scrollTo和scrollBy刚好相反,即x轴左→右为负,y轴从上→下为负,简直是有点坑爹啊。O__O "…</p>    <ul>     <li>Scroller类分析:而为什么使用Scroller类中的方法可以对View/ViewGroup的内容进行移动呢?下面我们试着分析一下。</li>    </ul>    <p>首先</p>    <p>我们创建一个Scroller类的对象mScroller。</p>    <p>然后</p>    <p>要使View在规定的时间中移动到指定的位置,我们会调用startScroll()方法,startScroll()是Scroller类中的方法,另外Scroller类中还有一个filing()方法也是很常用的,它主要是处理平滑的移动,一般营造滑动之后的惯性效果,使得View的移动更逼真。下面我们看startScroll()的源码:</p>    <pre>  <code class="language-java">//其接收四个/五个参数。如果duration不设置,则为默认。这四个参数都不难理解,这里不再做解释。   public void startScroll(int startX, int startY, int dx, int dy, int duration) {         ...   }</code></pre>    <p>而一般我们调用这个方法后都要去调View的 invalidate(),这个方法可以触发View的draw()方法。而draw()中调用了 computeScroll(),源码中我们发现computeScroll()是个空方法,这也是为什么我们需要重写 computeScroll()方法的原因。因为正在的移动操作就是在computeScroll()中进行的。</p>    <pre>  <code class="language-java">@Override      public void computeScroll() {          if (mScroller.computeScrollOffset()) {              scrollTo(mScroller.getCurrX(), mScroller.getCurrY());              //必须调用View的postInvalidate()/invalidate(),如果不加会导致View的移动只会第一帧。              postInvalidate();          }          super.computeScroll();      }</code></pre>    <p>上面我们看到Scroller类中还有一个computeScrollOffset()方法,它又是干啥的呢?它的主要作用就是判断mCurrX,和mCurrY是否有改变,有则返回true,无则返回false。通过这个方法的判断可以指点是否需要持续的调用scrollTo()去移动View。这里再给出一个示例,使用scrollTo()让View跟着手指移动:</p>    <pre>  <code class="language-java">public class CuView extends LinearLayout {        private float mStartX;      private float mStartY;      private Scroller mScroller;      /**       * 第一次滑动是否完成       */      private boolean isFirstFinish;        public CuView(Context context) {          super(context);          init(context);      }        public CuView(Context context, AttributeSet attrs) {          super(context, attrs);          init(context);      }        private void init(Context context) {          mScroller = new Scroller(context);      }        public CuView(Context context, AttributeSet attrs, int defStyleAttr) {          super(context, attrs, defStyleAttr);          init(context);      }        @TargetApi(Build.VERSION_CODES.LOLLIPOP)      public CuView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {          super(context, attrs, defStyleAttr, defStyleRes);          init(context);      }          /**       * 让View跟着你的手指走吧       * @param event       * @return       */      @Override      public boolean onTouchEvent(MotionEvent event) {          int action = event.getAction();          switch (action) {              case MotionEvent.ACTION_DOWN:                  /**                   * 第一次移动完成后,我们不需要再去拿开始的位置了,否则造成View重新移动的最起始的位置。                   */                  if (!isFirstFinish) {                      mStartX = event.getRawX();                      mStartY = event.getRawY();                  }                  break;              case MotionEvent.ACTION_MOVE:                  scrollTo((int) (mStartX - event.getRawX()), (int) (mStartY - event.getRawY()));                  break;              case MotionEvent.ACTION_UP:                  //第一次移动完成                  isFirstFinish = true;                  break;          }          return true;      }        /**       * 测试startScroll       */      public void startScroll() {          /**           * 注意Scroller移动方向,           */          mScroller.startScroll(20, 20, -500, -500, 5000);          invalidate();      }        @Override      public void computeScroll() {          if (mScroller.computeScrollOffset()) {              scrollTo(mScroller.getCurrX(), mScroller.getCurrY());              invalidate();          }          super.computeScroll();      }  }</code></pre>    <h2><strong>二、使用动画实现View的移动。</strong></h2>    <ul>     <li>这里包括View的Tween Animation/Frame Animation,以及3.0之后加入的Property Animation。其移动的是View的一个映像,View本身的位置及大小并没有发生任何改变。</li>    </ul>    <h2><strong>三、设置View的LayoutParams来移动View</strong></h2>    <pre>  <code class="language-java">LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) textView.getLayoutParams();   layoutParams.leftMargin = 50;   textView.requestLayout();</code></pre>    <p> </p>    <p>来自:http://www.jianshu.com/p/4d69caebf718</p>    <p> </p>