评论

收藏

[Android] Android自定义View学习(1)——基础知识介绍

移动开发 移动开发 发布于:2022-08-12 15:41 | 阅读数:553 | 评论:0

原文:Android自定义View学习(1)——基础知识介绍 - Stars-One的杂货小窝
准备学习自定义View,介绍一下先了解了下相关的前置基础知识,特此总结
本系列集合文章链接可访问Android自定义View学习系列教程
坐标系
屏幕坐标系
不管是Android设备,还是PC设备,屏幕坐标原点都是在左上角
DSC0000.png
只需要记住一点:屏幕的y坐标与数学中的坐标系相反的!
View的坐标
getTop();     //获取子View左上角距父View顶部的距离
getLeft();    //获取子View左上角距父View左侧的距离
getBottom();  //获取子View右下角距父View顶部的距离
getRight();   //获取子View右下角距父View左侧的距离
图例:
DSC0001.png

事件中的触摸点坐标
Android自定义View中,肯定会涉及到关于事件,一般Android使用MotionEvent类来装载定义的触摸点坐标
event.getX();     //触摸点相对于其所在组件坐标系的坐标
event.getY();
event.getRawX();  //触摸点相对于屏幕默认坐标系的坐标
event.getRawY();
图例:
DSC0002.png
颜色
颜色常用RGB,需要透明度的则是ARGB格式
A:从0x00到0xff表示从透明到不透明。
RGB:从0x00到0xff表示颜色从浅到深。
当RGB全取最小值(0或0x000000)时颜色为黑色,全取最大值(255或0xffffff)时颜色为白色
透明色
关于透明色的设置,Android和前端Css有所区别 Android这边是前两位,而Css中是后两位
Android设置颜色透明度,范围大小为00-FF,如FF代表设置不透明度为100%
DSC0003.png

css中,后两位设置颜色透明度,范围也是00-FF
DSC0004.png

不透度对应16进制大全(0-100)不透明度16进制0%001%032%053%084%0A5%0D6%0F7%128%149%1710%1A11%1C12%1F13%2114%2415%2616%2917%2B18%2E19%3020%3321%3622%3823%3B24%3D25%4026%4227%4528%4729%4A30%4D31%4F32%5233%5434%5735%5936%5C37%5E38%6139%6340%6641%6942%6B43%6E44%7045%7346%7547%7848%7A49%7D50%8051%8252%8553%8754%8A55%8C56%8F57%9158%9459%9660%9961%9C62%9E63%A164%A365%A666%A867%AB68%AD69%B070%B371%B572%B873%BA74%BD75%BF76%C277%C478%C779%C980%CC81%CF82%D183%D484%D685%D986%DB87%DE88%E089%E390%E691%E892%EB93%ED94%F095%F296%F597%F798%FA99%FC100%FF颜色定义
1.通过Color类
int color = Color.GRAY;   //灰色
int color = Color.argb(127, 255, 0, 0);   //半透明红色
2.直接定义16进制数值
//相当于#aaff0000
int color = 0xaaff0000;           //带有透明度的红色
3.在xml文件中定义颜色
这种相信各位经常用,方便管理
<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="red">#ff0000</color>
  <color name="green">#00ff00</color>
</resources>
补充#定义颜色:
#f00      //低精度 - 不带透明通道红色
#af00       //低精度 - 带透明通道红色
#ff0000     //高精度 - 不带透明通道红色
#aaff0000     //高精度 - 带透明通道红色
在Java中引用:
int color = getResources().getColor(R.color.mycolor);
注:getResources()方法是由Activity提供
在xml中引用
android:background="@color/red"
图像叠加
通过前面介绍我们知道颜色一般都是四个通道(ARGB)的,其中(RGB)控制的是颜色,而A(Alpha)控制的是透明度。
因为我们的显示屏是没法透明的,因此最终显示在屏幕上的颜色里可以认为没有Alpha通道。Alpha通道主要在两个图像混合的时候生效。
实际上,上述我们所说的透明效果,其实是通过图像叠加原理来实现
图像叠加有多种不同的模式,我们可以使用其他效果,比如说常见的橡皮檫功能
其实还可以有不同的混合模式供我们选择,可以使用用Paint.setXfermode(),指定不同的PorterDuff.Mode
Paint paint =  new Paint();
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));//设置xfermode
xfermode模式图解:
DSC0005.png

角度与弧度
单位换算:
DSC0006.png
在常见的数学坐标系中角度增大方向为逆时针,
在默认的屏幕坐标系中角度增大方向为顺时针。
DSC0007.png

参考

  • 安卓自定义View基础-角度与弧度
  • 安卓自定义View基础-坐标系
  • 安卓自定义View基础-颜色
  • Android自定义View教程目录
  • Android开发——绘图基础 - Stars-one - 博客园

    提问之前,请先看提问须知点击右侧图标发起提问 DSC0008.jpg 或者加入QQ群一起学习 DSC0009.png TornadoFx学习交流群:1071184701 DSC00010.png DSC00011.gif

   
   
   
                        

关注下面的标签,发现更多相似文章