菜鸟一枚,搬运工一个,搬轮子还算熟能生巧,突然让根据业务自定义UI了,瞬间懵逼。只能说运气好罢了,在GitHub里找到了一个算是过去了,过之今日,如果还是不会自定义view的话,只靠运气找能用的轮子也不是一个长久之计, 所以开一个博客慢慢记录和学习自定义。
对于那种动不动就是源码和原理的大牛真的是好生羡慕同时也是可望而不可即,只能眼巴巴的看着,我也就不考虑什么源码什么原理那种高大上的东西,低俗一点,今天我只要知道
1:什么是自定义view
2:自定义view的流程
3:尝试着看着资料画一个自定义的圆圈吧。
什么是自定义view
低俗解释:算是一个很高大上的,看起来逼格高于源生的控件,在Android中自定义一个View类并不一定是直接继承View类,也可以是View类的子类比如TextView、Button之类的
自定义view的流程
在简书中:wusp该作者已经描述的特别清楚了,同时该博客也是写给自己看和记录的,当然,能帮助到某个同学那是最好,就不在多逼逼了,直接放传送门
关于自定义view的流程和绘制简书链接,作者:wusp:流浪光头开大传送
尝试着看着资料画一个自定义的圆圈吧
该代码参考使用的是csdn博主:AigeStudio的代码,自己进行小部分修改
/**
* Created by muziyan on 2017/3/13.
* 自定义一个圆圈
*/
/**
* 自定义其实简单理解,就他娘是画东西,只是用程序画而已
* 用"笔"在"纸上"画你需要的东西就好了
* 在代码里笔就是Paint
* 纸就是Canvas
*/
public class CircleView extends View {
//画笔
private Paint mPaint;
private Context mContext;// 上下文环境引用
private int radiu;// 圆环半径
/**
* 这个是从代码中创建自定义控件时间调用
*
* @param context
*/
public CircleView(Context context) {
super(context, null);
}
/**
* 这个是从xml中创建自定义控件时间调用
*
* @param context
* @param attrs
*/
public CircleView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
InitPaint();
}
/***
* 这个是从xml中创建自定义控件时间调用,并且带有Style
* AttributeSet 可以得到这个控件的所有属性
*
* @param context
* @param attrs
* @param defStyleAttr
*/
public CircleView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
/**
* 初始化画笔
*/
public void InitPaint() {
/***
* 在画图的时候,图片如果旋转或缩放之后,总是会出现锯齿.看着像打了马赛克一样模糊
*/
// 实例化画笔并打开抗锯齿
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
//防抖
mPaint.setDither(true);
//设置画笔样式为描边
/**
* 画笔样式分三种:
* 1.Paint.Style.STROKE:描边
* 2.Paint.Style.FILL_AND_STROKE:描边并填充
* 3.Paint.Style.FILL:填充
*/
mPaint.setStyle(Paint.Style.STROKE);
// 设置画笔颜色为浅灰色
mPaint.setColor(Color.LTGRAY);
/*
* 设置描边的粗细,单位:像素px
* 注意:当setStrokeWidth(0)的时候描边宽度并不为0而是只占一个像素
*/
mPaint.setStrokeWidth(10);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 绘制圆环
/**
* 参数一:圆心的x坐标
* 参数二:圆心的y坐标。
* 参数三:圆的半径。
* 参数四:绘制时所使用的画笔。
*/
canvas.drawCircle(350, 350, 70, mPaint);
}
}
备注:不管是画圆形还是什么,都是再canvas的api中,其他的API方法:请参考csdn博主BigBee3.的canvas各个API的总结和使用方法
一个圆形就这样画好了
网友评论