小Demo大知识-通过控制Button移动来学习Android坐标

今天分享一个简单的Demo。Demo实现的功能就是，用鼠标点中button的时候，然后拖动Button。这时候Button会根据你鼠标的移动而移动，同时，你鼠标点中的Button的位置也不会改变。比如你点在Button的左上角，那移动的时候。鼠标还是在Button的左上角

索县网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、响应式网站设计等网站项目制作，到程序开发，运营维护。创新互联建站自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

一言不合上效果图 

 

大家不要介意上面那么模糊的gif图，毕竟我是用手机拍的。(介意你又能拿我怎么办。哈哈)

我们先来打个预防针，先学习基本的知识点：

涉及到的方法一共有下面几个：

  • view获取自身坐标：getLeft(),getTop(),getRight(),getBottom()
  • view获取自身宽高：getHeight(),getWidth()
  • motionEvent获取坐标：getX(),getY(),getRawX(),getRawY()

1.view获取自身坐标

如上图所以，绿色区域的父视图是黄色区域，所以left是55，top是55。

黄色区域的父视图是蓝色区域，所以left是60，top是115。 

2.view获取自身宽高

没错。从字面意思看就能理解，就是获取View的宽高。

这里提到一个以前遇到的一个问题，就是在Activity中有时候获取某个View的width和height会为0。

3.motionEvent获取坐标

  • getX()：获取点击事件相对控件左边的x轴坐标，即点击事件距离控件左边的距离
  • getY()：获取点击事件相对控件顶边的y轴坐标，即点击事件距离控件顶边的距离
  • getRawX()：获取点击事件相对整个屏幕左边的x轴坐标，即点击事件距离整个屏幕左边的距离
  • getRawY()：获取点击事件相对整个屏幕顶边的y轴坐标，即点击事件距离整个屏幕顶边的距离

所以当我们用鼠标点击Button中间时候，那这时候getX()就是我们鼠标点击的位置与Button左边边界的距离。getY()就是点击的位置与Button顶边边界的距离。

其实设置Button跟着鼠标滑动，很简单，就是在鼠标滑动的时候，重新设置Button的x和y坐标。即使用setX()和setY()。这时候就有问题了。那二个方法中该填入的值是多少呢。让我们画个图来看下就知道了。

首先我们比如对一个Button设置setX(200),setY(200),这时候是如下图所示这样： 

所以实际上对一个Button设置setX(m),setY(n),实际上是这个Button的左上角的坐标为(m,n)。所以我们在拖动的时候不能简单的把我们点击的X和Y坐标传过去。  

如上图所示，假如我们点中红色的区域，来准备移动这个Button，并且鼠标移动了绿色区域那个地方，那么这个Button也会移到图上所示那样。这样才是我们所期望的样子。

但是如果单纯把绿色区域的X和Y坐标传过去，让Button来进行setX和setY 。则会出现如下那个Button所示位置。所以发现比我们期望的位置更靠右边及下边了。   

这时候我们发现多的位置正好是绿色区域在这个Button内部中相对位置的X和Y坐标。

这下我们是不是就想到，对Button设置setX(getRawX()-getX())和setY(getRawY()- getY())，如果这时候你已经这么想到了。恭喜你，你已经距离最后的成功差一小步了。当你高兴的这么写后，你会发现你移动后的Button总是在鼠标点击的下方。你会发现。X轴的的确已经正确了。但是Y轴还是错误。如下图所示：  

这时候你一定会问，WHY???

原来这么分析是没问题的。But这个我们前面的假设都是在这个坐标系中，但是这个坐标系的位置在哪里???  

错误原因：

因为我们调用的getRawY()方法获取到的是屏幕左上角到我们点的区域的Y轴的距离，也就是以蓝色坐标系来做参考。而我们对Button设置setY()方法的时候是绿色区域的左上角到我们点的区域的Y轴距离，也就是以红色坐标系来做参考。所以我们知道了。我们在Y轴上还要减去状态栏的高度及应用标题栏的高度才可以。

那么又有新的问题了。如何获取状态栏的高度，和应用标题栏的高度：

获取状态栏高度

 
 
 
 
    
  
  
  
  
  1. int statusBarHeight = -1;   
    2. 
  
  
  
  
  2. //获取status_bar_height资源的ID   
    3. 
  
  
  
  
  3. int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "Android");   
    4. 
  
  
  
  
  4. if (resourceId > 0) {   
    5. 
  
  
  
  
  5.     //根据资源ID获取响应的尺寸值   
    6. 
  
  
  
  
  6.     statusBarHeight = getResources().getDimensionPixelSize(resourceId);   
    7. 
  
  
  
  
  7. }  
    8.

获取标题栏高度

 
 
 
 
    
  
  
  
  
  1. // 获取标题栏高度   
    2. 
  
  
  
  
  2. Window window = getWindow();   
    3. 
  
  
  
  
  3. int contentViewTop = getWindow()   
    4. 
  
  
  
  
  4.         .findViewById(Window.ID_ANDROID_CONTENT).getTop();   
    5. 
  
  
  
  
  5. // statusBarHeight是上面所求的状态栏的高度   
    6. 
  
  
  
  
  6. titleBarHeight = contentViewTop - statusBarHeight;  
    7.

结论：

所以最后我们再拖动Button的时候，会对它setX(getRawX()-getX())及setY(getRawY()-getY()-状态栏高度-标题栏高度)。其中getX()和getY()是在你点击下去的时候就获取的。也就是在motionEvent.getAction() == MotionEvent.ACTION_DOWN的时候去获取这二个值即可。因为在motionEvent.getAction() == MotionEvent.ACTION_MOVE的时候去获取getX()和getY()可能因为你拖动的速度原因造成值不同，比如你拖动很快，鼠标先过去了。Button后面才跟随着过来。这时候的getX()及getY()都不同。

既然点击按钮后可以拖动Button，那肯定对Button设置了OnTouch监听。直接上关键代码： 

 
 
 
 
    
  
  
  
  
  1. package yunyuan.androiddemo.coordinatelayout;
    2. 
  
  
  
  
  2. import android.app.Activity; 
    3. 
  
  
  
  
  3. import android.os.Bundle; 
    4. 
  
  
  
  
  4. import android.view.MotionEvent; 
    5. 
  
  
  
  
  5. import android.view.View; 
    6. 
  
  
  
  
  6. import android.view.Window; 
    7. 
  
  
  
  
  7. import android.widget.Button; 
    8. 
  
  
  
  
  8.  
    9. 
  
  
  
  
  9. import butterknife.BindView; 
    10. 
  
  
  
  
  10. import butterknife.ButterKnife; 
    11. 
  
  
  
  
  11. import yunyuan.androiddemo.R; 
    12. 
  
  
  
  
  12.  
    13. 
  
  
  
  
  13. /** 
    14. 
  
  
  
  
  14.  * Created by willy on 16/12/19. 
    15. 
  
  
  
  
  15.  */ 
    16. 
  
  
  
  
  16.  
    17. 
  
  
  
  
  17. public class Act_CoordinateLayout extends Activity{ 
    18. 
  
  
  
  
  18.  
    19. 
  
  
  
  
  19.     @BindView(R.id.btn) 
    20. 
  
  
  
  
  20.     Button btn; 
    21. 
  
  
  
  
  21.  
    22. 
  
  
  
  
  22.     float dx,dy; 
    23. 
  
  
  
  
  23.  
    24. 
  
  
  
  
  24.  
    25. 
  
  
  
  
  25.     @Override 
    26. 
  
  
  
  
  26.     protected void onCreate(Bundle savedInstanceState) { 
    27. 
  
  
  
  
  27.         super.onCreate(savedInstanceState); 
    28. 
  
  
  
  
  28.         setContentView(R.layout.act_coordinatelayout); 
    29. 
  
  
  
  
  29.         ButterKnife.bind(this); 
    30. 
  
  
  
  
  30.  
    31. 
  
  
  
  
  31.         btn.setOnTouchListener(new Button.OnTouchListener() { 
    32. 
  
  
  
  
  32.             @Override 
    33. 
  
  
  
  
  33.             public boolean onTouch(View view, MotionEvent motionEvent) { 
    34. 
  
  
  
  
  34.                 if(motionEvent.getAction() == MotionEvent.ACTION_DOWN){ 
    35. 
  
  
  
  
  35.                     dx = motionEvent.getX(); 
    36. 
  
  
  
  
  36.                     dy = motionEvent.getY(); 
    37. 
  
  
  
  
  37.  
    38. 
  
  
  
  
  38.                 } else if(motionEvent.getAction() == MotionEvent.ACTION_MOVE){ 
    39. 
  
  
  
  
  39.  
    40. 
  
  
  
  
  40.                     view.setX(motionEvent.getRawX() - dx); 
    41. 
  
  
  
  
  41.                     view.setY(motionEvent.getRawY()- dy - getStatusBarHeight() - getTitleBarHeight()); 
    42. 
  
  
  
  
  42.                 } 
    43. 
  
  
  
  
  43.                 return true; 
    44. 
  
  
  
  
  44.             } 
    45. 
  
  
  
  
  45.         }); 
    46. 
  
  
  
  
  46.     } 
    47. 
  
  
  
  
  47.  
    48. 
  
  
  
  
  48.  
    49. 
  
  
  
  
  49.     public int getStatusBarHeight(){ 
    50. 
  
  
  
  
  50.         int result = 0; 
    51. 
  
  
  
  
  51.         int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android"); 
    52. 
  
  
  
  
  52.         if (resourceId > 0) { 
    53. 
  
  
  
  
  53.             result = getResources().getDimensionPixelSize(resourceId); 
    54. 
  
  
  
  
  54.         } 
    55. 
  
  
  
  
  55.         return result; 
    56. 
  
  
  
  
  56.     } 
    57. 
  
  
  
  
  57.  
    58. 
  
  
  
  
  58.  
    59. 
  
  
  
  
  59.     public int getTitleBarHeight(){ 
    60. 
  
  
  
  
  60.         Window window = getWindow(); 
    61. 
  
  
  
  
  61.         int contentViewTop = getWindow() 
    62. 
  
  
  
  
  62.                 .findViewById(Window.ID_ANDROID_CONTENT).getTop(); 
    63. 
  
  
  
  
  63.         // statusBarHeight是上面所求的状态栏的高度 
    64. 
  
  
  
  
  64.         int titleBarHeight = contentViewTop - getStatusBarHeight(); 
    65. 
  
  
  
  
  65.         return titleBarHeight; 
    66. 
  
  
  
  
  66.     } 
    67. 
  
  
  
  
  67. }  
    68.

分享题目：小Demo大知识-通过控制Button移动来学习Android坐标
文章网址：http://www.shufengxianlan.com/qtweb/news41/111691.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

营销型网站建设知识

同城分类信息

网站优化排名　　 　成都网站建设推广　　 　宜宾网站营销推广　　 　新都四新网站建设　　 　简阳电信机房　　 　德阳网站建设　　 　成都外贸网站建设　　 　成都免费自助建站　　 　定制网站设计　　 　成都防护栏　　 　全网整合营销推广　　 　app软件开发公司　　 　成都SEO优化公司　　 　成都成品网站　　 　华川商务　　 　名片印刷厂　　 　新网创想　　 　虚拟主机　　 　成都气球装饰　　 　大吉雪茄