Android-手把手教你自定义view

相信很多新手刚开始学android开发的时候都很惆怅，系统提供的控件不足以实现自己的效果，但是自定义又不会。本文以ImageButton为例子，通过重载ImageButton，对ImageButton进行扩展，实现ImageButton可以显示文字。

实现的效果图

现在来看看我的代码：

<span style="font-size:14px;">package com.hjhrq1991.mimagebutton;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Paint.Align;import android.util.AttributeSet;import android.util.Log;import android.widget.ImageButton;/** *  *  * @Filename: mImageButton→com.hjhrq1991.mimagebutton→ImageButtonText.java * @Description: Copyright: Copyright (c)2014 *  * @author hjhrq1991 * @version v1.0 Created at 2014-12-4 下午10:18:01 */public class ImageButtonText extends ImageButton {private static final String TAG = "ImageButton_withText";private String mText = "a";private int mColor = 0;private float mTextsize = 0f;private Paint mPatin;public ImageButtonText(Context context, AttributeSet attrs) {super(context, attrs);initAttrs(attrs);}/** * 解析attrs参数，在xml里使用自定义属性 *  * @param attrs */private void initAttrs(AttributeSet attrs) {TypedArray array = getContext().obtainStyledAttributes(attrs,R.styleable.ButtonAttrs);mText = array.getString(R.styleable.ButtonAttrs_textValue);mColor = array.getColor(R.styleable.ButtonAttrs_textColor, 230);mTextsize = array.getDimension(R.styleable.ButtonAttrs_textSize, 25.0f);array.recycle(); // 回收资源mPatin = new Paint();mPatin.setTextAlign(Align.CENTER);Log.d(TAG, "mtextsize = " + mTextsize);}public void setText(String text) {this.mText = text;}public void setColor(int color) {this.mColor = color;}public void setTextSize(float textsize) {this.mTextsize = textsize;}/** * 复写onDraw方法，在Button中间绘制文字 */@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);mPatin.setColor(mColor);mPatin.setTextSize(mTextsize);canvas.drawText(mText, canvas.getWidth() / 2, canvas.getHeight() / 2,mPatin);}}</span>

查看上面的代码是否发现initAttrs()和onDraw()方法比较特别一点------都加了注释，是的，这两个方法是自定义时必须要注意的。

首先是initAttrs()，这个方法的作用是解析attrs参数实现在xml里添加自定义的属性

<span style="font-size:14px;"><!-- ?xml version="1.0" encoding="utf-8"? --><resources>    <!-- 自定义按钮控件属性 -->    <declare-styleable name="ButtonAttrs">        <attr name="textColor" format="color" />        <attr name="textSize" format="dimension" />        <attr name="textValue" format="string" />    </declare-styleable></resources></span>

我添加了这三个属性，字符串内容、字符串颜色、字符串字号。

写到这里自定义控件基本上写好了，但是自定义的控件要如何使用？

<span style="font-size:14px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:custom="http://schemas.android.com/apk/res/com.hjhrq1991.mimagebutton"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin" >    <com.hjhrq1991.mimagebutton.ImageButtonText        android:id="@+id/button1"        style="@style/BtnStyle1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="8dip"        custom:textValue="@string/test" />    <com.hjhrq1991.mimagebutton.ImageButtonText        android:id="@+id/button2"        style="@style/BtnStyle2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@id/button1"        android:layout_margin="8dip"        custom:textValue="@string/test" /></RelativeLayout></span>

如果你细心看的话，会发现有三个命名空间。

多了一行：

xmlns:custom="http://schemas.android.com/apk/res/com.hjhrq1991.mimagebutton"

这行命名空间的作用是为了让你使用自定义的使用，其规则我就不说，自行百度把xml命名空间规则，说得比我详细多了：

前缀:自定义后缀=“uri”，安卓里通常是

前缀:自定义后缀="http://schemas.android.com/apk/res/你的包名"

添加了命名空间后我们就可以在xml里使用之前定义的属性了：

<span style="font-size:14px;"><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:custom="http://schemas.android.com/apk/res/com.hjhrq1991.mimagebutton"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin" >    <com.hjhrq1991.mimagebutton.ImageButtonText        android:id="@+id/button1"        style="@style/BtnStyle1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_margin="8dip"        custom:textValue="@string/test" />    <com.hjhrq1991.mimagebutton.ImageButtonText        android:id="@+id/button2"        style="@style/BtnStyle2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_below="@id/button1"        android:layout_margin="8dip"        custom:textValue="@string/test" /></RelativeLayout></span>

我这里只展示使用了一个自定义属性，其他都是用style的形式。

其中我们的控件名需使用完整的，详细到如下图一样，而自定义属性的使用则如最下面的红色圈中：命名空间的后缀(自定义属性的前缀):属性名

我在这里小提一下，重写onDraw方法时要注意，不要在方法内使用new去创建对象，不然会有警告出来。因为在很多情况下都会执行onDraw方法，不断的重新new一下对象会造成资源的浪费，不利于系统的回收。

随文附上我的demo：demo下载地址

如有转载，请注明出处:http://blog.csdn.net/hjhrq1991

如有不懂，欢迎大家评论和关注，相互学习！