Android绘图系列(一)——自定义View基础
来源:互联网 发布:淘宝曼哈顿直通车真假 编辑:程序博客网 时间:2024/05/16 23:49
这个系列主要是介绍下Android自定义View和Android绘图机制,自己能力有限,如果在介绍过程中有什么错误,欢迎指正
一.自定义View常用的方法
首先用一张图来表示自定义View绘制流程函数调用链(简化版),之后在分别介绍不同的方法
1.构造函数
构造函数是View的入口,可以用于初始化一些的内容,和获取自定义属性。
View的构造函数有四种重载分别如下:
public void CustomView(Context context) {} public void CustomView(Context context, AttributeSet attrs) {} public void CustomView(Context context, AttributeSet attrs, int defStyleAttr) {} public void CustomView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}
这里需要注意下:
有四个参数的构造函数在API21的时候才添加上,暂不考虑。
有三个参数的构造函数中第三个参数是默认的Style,这里的默认的Style是指它在当前Application或Activity所用的Theme中的默认Style,且只有在明确调用的时候才会生效,以系统中的ImageButton为例说明:
public ImageButton(Context context, AttributeSet attrs) { //调用了三个参数的构造函数,明确指定第三个参数 this(context, attrs, com.android.internal.R.attr.imageButtonStyle); } public ImageButton(Context context, AttributeSet attrs, int defStyleAttr) { //此处调了四个参数的构造函数,无视即可 this(context, attrs, defStyleAttr, 0); }
注意:即使你在View中使用了Style这个属性也不会调用三个参数的构造函数,所调用的依旧是两个参数的构造函数。
由于三个参数的构造函数第三个参数一般不用,暂不考虑,第三个参数的具体用法会在以后用到的时候详细介绍。
排除了两个之后,只剩下一个参数和两个参数的构造函数,他们的详情如下:
//一般在直接New一个View的时候调用。 public void CustomView(Context context) {} //一般在layout文件中使用的时候会调用,关于它的所有属性(包括自定义属性)都会包含在attrs中传递进来。 public void CustomView(Context context, AttributeSet attrs) {}
以下方法调用的是一个参数的构造函数:
//在Avtivity中 CustomView view = new CustomView(this);
以下方法调用的是两个参数的构造函数:
//在layout文件中 - 格式为: 包名.View名 <com.hfs.study.CustomView android:layout_width="wrap_content" android:layout_height="wrap_content"/>
2.onFinishInflate()
//从XML加载组件后回调 @Override protected void onFinishInflate() { // TODO Auto-generated method stub super.onFinishInflate(); }
3.onSizeChanged()
//组件大小改变时回调 @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { // TODO Auto-generated method stub super.onSizeChanged(w, h, oldw, oldh); }
4.onMeasure()
// 回调该方法进行测量 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // TODO Auto-generated method stub super.onMeasure(widthMeasureSpec, heightMeasureSpec); }
测量View的原因:
View的大小不仅由自身所决定,同时也会受到父控件的影响,为了我们的控件能更好的适应各种情况,一般会自己进行测量。
测量View大小使用的是onMeasure函数,我们可以从onMeasure的两个参数中取出宽高的相关数据:
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int widthsize = MeasureSpec.getSize(widthMeasureSpec); //取出宽度的确切数值 int widthmode = MeasureSpec.getMode(widthMeasureSpec); //取出宽度的测量模式 int heightsize = MeasureSpec.getSize(heightMeasureSpec); //取出高度的确切数值 int heightmode = MeasureSpec.getMode(heightMeasureSpec); //取出高度的测量模式 }
从上面可以看出 onMeasure 函数中有 widthMeasureSpec 和 heightMeasureSpec 这两个 int 类型的参数, 毫无疑问他们是和宽高相关的, 但它们其实不是宽和高, 而是由宽、高和各自方向上对应的测量模式来合成的一个值:
测量模式一共有三种, 被定义在 Android 中的 View 类的一个内部类View.MeasureSpec中:
MeasureSpec类
Android系统给我们提供了一个设计小而强的工具类———MeasureSpec类
1、MeasureSpe描述了父View对子View大小的期望。里面包含了测量模式和大小。
2、MeasureSpe类把测量模式和大小组合到一个32位的int型的数值中,其中高2位表示模式,低30位表示大小而在计算中使用位运算的原因是为了提高并优化效率。
3、我们可以通过以下方式从MeasureSpec中提取模式和大小,该方法内部是采用位移计算。
int specMode = MeasureSpec.getMode(measureSpec);int specSize = MeasureSpec.getSize(measureSpec);
也可以通过MeasureSpec的静态方法把大小和模式合成,该方法内部只是简单的相加。
MeasureSpec.makeMeasureSpec(specSize,specMode);
注意:
如果对View的宽高进行修改了,不要调用super.onMeasure(widthMeasureSpec,heightMeasureSpec);要调用setMeasuredDimension(widthsize,heightsize); 这个函数。
5.onLayout()
// 回调该方法来确定显示的位置 @Override protected void onLayout(boolean changed, int left, int left, int right, int bottom) { // TODO Auto-generated method stub super.onLayout(changed, left, top, right, bottom); }
四个参数分别为:
6.onTouchEvent()
// 监听到触摸时间时回调 @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub return super.onTouchEvent(event); }
7.onDraw()
// 绘图 @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub super.onDraw(canvas); }
二.画笔Paint和画布Canvas简单介绍
1.Paint属性
setAntiAlias(); //设置画笔的锯齿效果 setColor(); //设置画笔的颜色 setARGB(); //设置画笔的A、R、G、B值 setAlpha(); //设置画笔的Alpha值 setTextSize(); //设置字体的尺寸 setStyle(); //设置画笔的风格(空心或实心) setStrokeWidth(); //设置空心边框的宽度 getColor(); //获取画笔的颜色
2.Canvas属性
//绘制直线canvas.drawLine(float startX, float startY, float stopX, float stopY, Paint paint);//绘制矩形canvas.drawRect(float left, float top, float right, float bottom, Paint paint);//绘制圆角矩形canvas.drawRoundRect(float left, float top, float right, float bottom,float radiusX,float radiusY ,Paint paint);//绘制圆形canvas.drawCircle(float cx, float cy, float radius, Paint paint);//绘制弧形,扇形canvas.drawArc(float left, float top, float right, float bottom,float startAngle,float sweepAngle,boolean useCenter, Paint paint);//绘制字符canvas.drawText(String text, float x, float y, Paint paint);//绘制图形canvas.drawBitmap(Bitmap bitmap, float left, float top, Paint paint);//绘制椭圆//通过椭圆的外界矩形来绘制椭圆canvas.drawOval(float left, float top, float right, float bottom,Paint paint);
- Android绘图系列(一)——自定义View基础
- Android绘图系列(三)——自定义View绘制仪表盘
- Android绘图机制(一)——自定义View的基础属性和方法
- Android绘图机制(一)——自定义View的基础属性和方法
- Android自定义View绘图基础
- android自定义View基础系列一
- 自定义view—绘图基础Canvas+Paint
- Android 自定义View绘图篇之基础
- Android绘图系列(二)——自定义View绘制基本图形
- Android绘图系列(六)——自定义View之Path基本使用
- android 自定义view 基础(一)
- Android 自定义View基础(一)
- 自定义View系列(一)基础篇
- Android 绘图基础:Canvas画布——自定义View基础(绘制表盘、矩形、圆形、弧、渐变)
- Android 绘图基础:Canvas画布——自定义View基础(绘制表盘、矩形、圆形、弧、渐变)
- 0916Android基础自定义View(Canvas绘图)
- Android自定义View绘图基础(摘自技术前沿)
- android-----自定义View实现系列(一)
- 内存编址,寻址和内存对齐
- Maya的坑(顺序)
- 【工作中学到的小技巧】hard link not allowed for directory 目录不能硬链接
- CSS3 选择器
- 1095. Cars on Campus (30)
- Android绘图系列(一)——自定义View基础
- Apache安装冲突
- uoj 279: 数据分块鸡 动态规划+可持久化线段树
- 洛谷 P1134 阶乘问题
- 编写一个程序,获取10个1-20的随机数,要求随机数不能重复
- register all media file container muxers in ffmpeg
- 【c++】类模板
- web架构网站演变过程
- JavaScript之函数