哥哥手把手教你安卓自定义view,来了老弟

先总结下自定义View的步骤:

1、自定义View的属性

2、在View的构造方法中获得我们自定义的属性

[3、重写onMeasure]

4、重写onDraw

闲话少叙,直奔主题:

1.首先在我们的res/values/目录下建立一个attrs.xml文件,然后在里面声明我们我们需要的自定义属性

我们定义了矩形的颜色,矩形的高度,矩形的宽度3个属性,format是指该属性的取值类型:

一共有:string,color,demension,integer,enum,reference,float,boolean,fraction,flag;

不太明白的可以google一下

然后在布局中声明我们的自定义View

需要引入xmls:app="http://schemas.android.com/apk/res-auto"这样就会自动查找我们的自定义属性,也可以采用另外一种引入方式,xmlns:app="http://schemas.android.com/apk/res/com.example.administrator.demoone.customeview.CustomeRectView"我们的命名空间,后面的包路径指的是项目的package

2.在View的构造方法里获取我们的自定义属性

publicclassCustomeRectView extendsView {

 privatePaint mPiant;//定义画笔对象

 privateintrectColor;//矩形的颜色

 privateintrectHeight;//矩形的高度

 privateintrectWidth;//矩形的宽度

 publicCustomeRectView(Context context) {

  this(context, null);

 }

 publicCustomeRectView(Context context, @NullableAttributeSet attrs) {

  this(context, attrs, 0);

 }

 publicCustomeRectView(Context context, @NullableAttributeSet attrs, intdefStyleAttr) {

  super(context, attrs, defStyleAttr);

  /**

   * 获取我们自定义的属性

   */

  TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.CustomeRectView, defStyleAttr, 0);

  intarrayCount = array.getIndexCount();

  for(inti = 0; i < arrayCount; i++) {

   intindex = array.getIndex(i);

   switch(index) {

    caseR.styleable.CustomeRectView_rectColor:

     //getColor(int index,int defaultValue)

     rectColor=array.getColor(R.styleable.CustomeRectView_rectColor, Color.BLACK);

     break;

    caseR.styleable.CustomeRectView_rectHeight:

     /**

      * 获取dimension值得时候会有3个不同的方法getDimension()、getDimensionPixelSize()和getDimenPixelOffset()

      * 结果值都是将资源文件中定义的dip值乘以屏幕密度,即rectHeight*屏幕密度,只是getDimension()返回的是float,

      * 其余两个返回的是int, 其中getDimensionPixelSize()返回的是实际数值的四舍五入,

      * 而getDimensionPixelOffset返回的是实际数值去掉后面的小数点;

      */

     rectHeight=array.getDimensionPixelOffset(R.styleable.CustomeRectView_rectHeight,200);

     break;

    caseR.styleable.CustomeRectView_rectWidth:

     rectWidth=array.getDimensionPixelOffset(R.styleable.CustomeRectView_rectWidth,200);

     break;

   }

  }

  array.recycle();

 }

}

我们重写了3个构造方法,默认的布局文件调用的是两个参数的构造方法,所以记得让所有的构造调用我们的三个参数的构造,我们在三个参数的构造中获得自定义属性。

3.重写OnDraw,调用系统的onMeasure

@Override

protectedvoidonDraw(Canvas canvas) {

 super.onDraw(canvas);

 mPiant=newPaint();

 mPiant.setColor(rectColor);//设置画笔的颜色

 mPiant.setStyle(Paint.Style.FILL);//设置画笔的样式

 mPiant.setAntiAlias(true);//去除锯齿

 /**

  * Draw the specified Rect using the specified paint. The rectangle will

  * be filled or framed based on the Style in the paint.

  * @param left The left side of the rectangle to be drawn

  * @param top The top side of the rectangle to be drawn

  * @param right The right side of the rectangle to be drawn

  * @param bottom The bottom side of the rectangle to be drawn

  * @param paint The paint used to draw the rect

  */

 canvas.drawRect(0,0,getWidth(),getHeight(),mPiant);

}

@Override

protectedvoidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {

 super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

效果图

但是此时如果我们把布局文件的宽和高写成wrap_content,去掉我们自定义的宽高属性

新的效果

系统帮我们测量的高度和宽度都是MATCH_PARNET,当我们设置明确的宽度和高度时,系统帮我们测量的结果就是我们设置的结果,当我们设置为WRAP_CONTENT,或者MATCH_PARENT系统帮我们测量的结果就是MATCH_PARENT的长度。

所以,当设置了WRAP_CONTENT时,我们需要自己进行测量,即重写onMesure方法”:

重写之前先了解MeasureSpec的specMode,一共三种类型:

EXACTLY:一般是设置了明确的值或者是MATCH_PARENT

AT_MOST:表示子布局限制在一个最大值内,一般为WARP_CONTENT

UNSPECIFIED:表示子布局想要多大就多大,很少使用

@Override

 protectedvoidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {

  super.onMeasure(widthMeasureSpec, heightMeasureSpec);

  intwidthMode=MeasureSpec.getMode(widthMeasureSpec);

  intwidthSize=MeasureSpec.getSize(widthMeasureSpec);

  intheightMode=MeasureSpec.getMode(heightMeasureSpec);

  intheightSize=MeasureSpec.getSize(heightMeasureSpec);

  intwidth;

  intheight;

  //如果设置了明确的大小

  if(widthMode==MeasureSpec.EXACTLY){

   width=widthSize;

  }else{

   //设置宽

   width=dpToPx(getContext(),200);

  }

  if(heightMode==MeasureSpec.EXACTLY){

  height=heightSize;

  }else{

  //设置高

   height=dpToPx(getContext(),200);

  }

  setMeasuredDimension(width,height);

 }

 * 根据手机的分辨率从 dp 的单位 转成为 px(像素)

 publicintdpToPx(Context context, floatdpValue){

  finalfloatscale=context.getResources().getDisplayMetrics().density;

  return(int)(dpValue*scale+0.5f);

 }

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

推荐阅读更多精彩内容