为了账号安全,请及时绑定邮箱和手机立即绑定

android 自定义view系列—屏幕坐标知识点总结

标签:
Android

本文主要记录自定义view时所要涉及到的位置坐标等知识点的总结。

本文主要记录自定义view时所要涉及到的位置坐标等知识点的总结。

测试机型:三星S4 GTI9508
屏幕参数:分辨率:1080*1920,尺寸: 5.0寸

参考我以前总结的文章:android view学习系列(一)基础知识

1、屏幕区域划分

一个手机的屏幕区域一般分为:状态栏、标题栏、view区域等部分。

各部分区域大小计算

1、 获取屏幕区域的宽和高

1
2
3
4
5
6




2、应用程序App区域宽高等尺寸获取
1
2
3
4
5
6
Rect rect = new Rect();
       getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);
       int appWidth = rect.width();
       int appHeight = rect.height();
       Log.d(TAG, "应用程序App区域宽: " + appWidth);
       Log.d(TAG, "应用程序App区域高: " + appHeight);

3、获取状态栏高度

1
2
3
4
Rect rectTop = new Rect();
       getWindow().getDecorView().getWindowVisibleDisplayFrame(rectTop);
       int statusBarHeight = rectTop.top;
       Log.d(TAG, "获取状态栏高度: " + statusBarHeight);


4、View布局区域宽高等尺寸获取

1
2
3
4
5
6
Rect rectView = new Rect();
       getWindow().findViewById(Window.ID_ANDROID_CONTENT).getDrawingRect(rectView);
       int viewWidth = rectView.width();
       int viewHeight = rectView.height();
       Log.d(TAG, "View布局区域宽: " + viewWidth);
       Log.d(TAG, "View布局区域高: " + viewHeight);

5、标题栏的高度

1
Log.d(TAG,"标题栏的高度等于-> 应用程序App区域高 - View布局区域高: "+(appHeight-viewHeight));

建议:以上个参数的获取最好在onWindowFocusChanged ()方法里面获取。

2、View坐标体系

View的位置属性主要有它的四个定点来决定的,分别是top、left、right、bottom

对照此图我们可以得出此view的坐标为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//返回View自身左边到父布局左边的距离
Left=getLeft();

//返回View自身顶边到父布局顶边的距离
Top=getTop();

//返回View自身右边到父布局左边的距离
Right=getRight();

//返回View自身底边到父布局顶边的距离
Bottom=getBottom();

//此view的宽和高分别为
width=right-left;
height=bottom-top;

注意 :从android3.0以上,view增加了几个额外的参数:x、y、translationX、translationY。

1
2
3
4
5
6
7
8
9
10
11
12
//view的左上角坐标
x、y

//view左上角相对于父容器的偏移量
translationX、translationY,默认为0

getX()=getLeft()+getTranslationX();
getY()=getTop()+getTranslationY();


//重要点:
view在平移过程中,getLeft()和getTop()代表原始左上角的位置信息,不会改变,此时改变的是getX()、getY()、getTranslationX()、getTranslationY()。

当我们触摸屏幕view区域时,会发生一系列事件MotionEvent,同时可以获得发生时的坐标信息,系统提供了两组方法:

1
2
3
4
5
6
7
8
9
10
11
12

//当前触摸事件点距离当前View左边的距离
getX()

//当前触摸事件点距离当前View顶边的距离
getY()

//当前触摸事件点距离整个屏幕左边的距离
getRawX()

//当前触摸事件点距离整个屏幕顶边的距离
getRawY()

验证
新建application工程、新建一个类:viewTest,创建布局如下代码所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context="com.lljjcoder.viewdemo.MainActivity">


   <com.lljjcoder.viewdemo.widget.ViewTest
       android:layout_width="200dp"
       android:layout_height="300dp"
       android:layout_marginLeft="10dp"
       android:layout_marginTop="10dp"
       android:background="@color/colorPrimary" />

</RelativeLayout>


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/**
* 作者:liji on 2016/6/24 10:46
* 邮箱:lijiwork@sina.com
*/

public class ViewTest extends View {
   private final String TAG = "自定义view";

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

   @Override
   protected void onDraw(Canvas canvas) {
       super.onDraw(canvas);

       //获取自定义view的四个坐标值
       int left = getLeft();
       int top = getTop();
       int right = getRight();
       int bottom = getBottom();
       Log.d(TAG, "left/top/right/bottom: " + left + "," + top + "," + right + "," + bottom);

       //获取自定义view的宽和高
       int viewWidth = getWidth();
       int viewHeight = getHeight();
       Log.d(TAG, "view width=(right-left): " + (right - left));
       Log.d(TAG, "view width=(getWidth()): " + viewWidth);
       Log.d(TAG, "view height=(bottom-top): " + (bottom - top));
       Log.d(TAG, "view height=(getHeight()): " + (viewHeight));

   }


由于我的手机分辨率是1080*1920,物理尺寸是5.0寸,所以算下来的ppi为480PPI,所以是基准160PPI的3倍关系,从结果也能看出来,我们在xml布局文件中设定的:

1
2
3
4
5
6
<com.lljjcoder.viewdemo.widget.ViewTest
       android:layout_width="200dp"
       android:layout_height="300dp"
       android:layout_marginLeft="10dp"
       android:layout_marginTop="10dp"
       android:background="@color/colorPrimary" />

距离左边10dp,距离上面是10dp,我们打印出来的是30px,所以是正确的。同时宽设定为200dp,也就是600px,所以

1
left/top/right/bottom,依次是:30,30,630,930

非常正确!

原文链接:http://www.apkbus.com/blog-705730-61056.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消