自定义View基础一延伸

上一篇讲的自定义view说的不够精简,这篇说的详细点,简单点,大家一起学习

自定义绘制的方式是重写绘制方法,绘制方法不是一个,其中最常用的是 onDraw(),onDraw()负责的是View的整体绘制,具体执行绘制操作的是onDraw()里面的canvas参数

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

绘制的关键是 Canvas 的使用
Canvas 的绘制类方法: drawXXX() (关键参数:Paint)
Canvas 的辅助类方法:范围裁切和几何变换
这里就使用canvas来画一个圆跟一个正方形
先自定义一个TextView(随便写的,不要计较),构造函数都要实现

public class MyTextView extends TextView {

    Paint paint = new Paint();

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

    public MyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public MyTextView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(450,450,50,paint);   //画圆 其中450表示坐标位置,圆的x、y轴坐标位置都是圆心的位置,50表示圆的半径
        canvas.drawRect(300,250,400,350,paint); 画正方形
    }
}

上面用到了paint对象,paint可以设置颜色,设置线条的粗细,阴影啊一系列东西。

下面再讲两个方法
Canvas.drawXXX()是针对整个画布进行操作
Paint是对你画出来的东西进行操作,比如刚才画的圆,我们可以通过paint.setColor(Color.parseColor("#88880000"));来设置圆的背景色

Paint 类的几个最常用的方法。具体是:
Paint.setStyle(Style style) 设置绘制模式
Paint.setColor(int color) 设置颜色
Paint.setStrokeWidth(float width) 设置线条宽度
Paint.setTextSize(float textSize) 设置文字大小
Paint.setAntiAlias(boolean aa) 设置抗锯齿开关

我去。。。。。。。。。。。说自定义View我怎么把坐标系这个概念忘了说,f**k。
赶紧百度一下
View 提供了如下 5 种方法获取 View 的坐标:

  1. View.getTop()、View.getLeft()、View.getBottom()、View.getRight();
  2. View.getX()、View.getY();
  3. View.getTranslationX()、View.getTranslationY();
  4. View.getLocationOnScreen(int[] position);
  5. View.getLocationInWindow(int[] position);
    1.png

    好了,图是拷贝来的,作者的博客链接是https://blog.csdn.net/u013872857/article/details/53750682
    可以去学习下View的坐标系概念,我就是懒,忘了去总结下,就不多说了这个,百度一下有很多人讲的比我详细的多,2333333333

上面说过了怎么给圆设置背景,接下来就设置一个红色的圆吧
onDraw()方法里这样操作就好啦

paint.setColor(Color.RED); // 设置为红色  
canvas.drawCircle(300, 300, 200, paint);  

如果要设置一个空心圆的话,上面已经说过了,通过paint对象就可以啦
把绘制模式改为画线模式就好啦
paint.setStyle(Paint.Style.STROKE);
这里是通过paint对象的style方法对画的内容来设置一个style


2.png

通过代码可以看到,style有三种,之前的代码告诉我们这里style默认使用的是FILL这种填充模式,STROKE就是。。。啥呢,不填充模式(画线模式),FILL_AND_STROKE就是既画线也填充
这样问题又来了,马丹UI喜欢设计一下,这个线要多粗多粗,怎么办?
Paint.setStrokeWidth(float width)这个方法一下子就把UI的要求解决了,我们可以通过这个方法来设置线条的宽度
这里的单位是像素。

经常遇到写按钮的时候,按钮需要一个弧度,圆角矩形。一般自己定义个shape,然后设置颜色啊什么的,遇到变态的,颜色不一致还要设置多个shape。
下面就来画一下圆角矩形
canvas.drawRoundRect(100, 100, 500, 300, 50, 50, paint);
其中,left, top, right, bottom 是四条边的坐标,rx、ry是圆角的弧度,就是圆角的横向半径和纵向半径

画椭圆就是canvas.drawOval(50, 50, 350, 200, paint);都是canvas的方法堆砌啦
画线canvas.drawLine(200, 200, 800, 500, paint); 方法里的参数startX, startY, stopX, stopY 分别是线的起点和终点坐标。

下面再说一下 绘制扇形和弧形图


3.png

left, top, right, bottom 描述的是这个弧形所在的椭圆;startAngle 是弧形的起始角度(x 轴的正向,即正右的方向,是 0 度的位置;顺时针为正角度,逆时针为负角度),sweepAngle 是弧形划过的角度;useCenter 表示是否连接到圆心,如果不连接到圆心,就是弧形,如果连接到圆心,就是扇形。

这篇就说这些简单的利用canvas画一些简单的图吧~~~

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容

  • 系列文章之 Android中自定义View(一)系列文章之 Android中自定义View(二)系列文章之 And...
    YoungerDev阅读 4,387评论 3 11
  • HenCoder 原文 关键点 自定义绘制方法的重写,其中最常用的是onDraw 绘制的关键是Canvas的使用C...
    李小神不偷懒阅读 505评论 4 1
  • 记录下自己学习自定义View的过程。共勉 首先,在我们创建的自定义View中 重写onDraw()方法。如下 @O...
    万有引力丶阅读 942评论 0 1
  • 听朋友说,最近有个地方因中国游客的蜂拥而至变得很热火,这个地方就是但丁故居,它在欧洲文艺复兴之都,佛罗伦萨。 老照...
    安三七阅读 563评论 0 0
  • Another character appeared in chapter nine, it was Stuart...
    青丫_阅读 180评论 0 1