首页 > 代码库 > Android自定义控件的实现步骤(二)

Android自定义控件的实现步骤(二)

前天已经写了一个关于自定义控件的实现步骤的博客,这个是附上代码的详细版本

 

首先,我们得新建一个attrs.xml的资源文件,在上面添加我们将要自定义控件的额外属性,就是自定义控件的自定义属性,具体代码如下:

<resources>    <declare-styleable name="TestView">        <attr name="textColor" format="color"></attr>        <attr name="textSize" format="dimension"></attr>        <attr name="imgBackground" format="integer"></attr>        <attr name="topBorder" format="boolean"></attr>        <attr name="bottomBorder" format="boolean"></attr>        <attr name="leftBorder" format="boolean"></attr>        <attr name="rightBorder" format="boolean"></attr>    </declare-styleable></resources>

 

然后我们在定义一个自己控件的类,要继承相应的控件比如说你想自定义一个TextView控件,你就得继承TextView这个类,然后在类中定义与你上面属性相对应的变量,然后通过TypedArray类获得相应的属性的值,然后也就是最主要的一点,我们得在OnDraw函数中使用,具体代码如下:

public class MyView extends TextView {    private Paint mTextPaint;    private Paint mBorderPaint;    private Context mContext;    private boolean mTopBorder;    private boolean mBottomBorder;    private boolean mLeftBorder;    private boolean mRightBorder;    public MyView(Context context, AttributeSet attrs) {        super(context, attrs);        // TODO Auto-generated constructor stub        mContext = context;        initMyView();        // 对于我们自定义的类中,我们需要使用一个名为obtainStyledAttributes的方法来获取我们的定义。        TypedArray params = context.obtainStyledAttributes(attrs,                R.styleable.TestView);        // 得到自定义控件的属性值。        int backgroudId = params.getResourceId(                R.styleable.TestView_imgBackground, 0);        if (backgroudId != 0)            setBackgroundResource(backgroudId);        int textColor = params.getColor(R.styleable.TestView_textColor,                0XFFFFFFFF);        setTextColor(textColor);        float textSize = params.getDimension(R.styleable.TestView_textSize, 40);        setTextSize(textSize);                mTopBorder = params.getBoolean(R.styleable.TestView_topBorder, true);        mLeftBorder = params.getBoolean(R.styleable.TestView_leftBorder, true);        mBottomBorder = params.getBoolean(R.styleable.TestView_bottomBorder, true);        mRightBorder = params.getBoolean(R.styleable.TestView_rightBorder, true);            }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        if (mTopBorder == true)            canvas.drawLine(0, 0, this.getWidth() - 1, 0, mBorderPaint);        if (mRightBorder == true)            canvas.drawLine(this.getWidth() - 1, 0, this.getWidth() - 1,                    this.getHeight() - 1, mBorderPaint);        if (mBottomBorder == true)            canvas.drawLine(this.getWidth() - 1, this.getHeight() - 1, 0,                    this.getHeight() - 1, mBorderPaint);        if (mLeftBorder == true)            canvas.drawLine(0, this.getHeight() - 1, 0, 0, mBorderPaint);    }    public void initMyView() {        mTextPaint = new Paint();        mTextPaint.setColor(Color.WHITE);        mBorderPaint = new Paint();        mBorderPaint.setColor(android.graphics.Color.BLACK);    }    public void setTextColor(int textColor) {        mTextPaint.setColor(0XFFAABBCC);    }    public void setTextSize(float textSize) {        mTextPaint.setTextSize(textSize);    }    public void setTopBorder(boolean mTopBorder) {        this.mTopBorder = mTopBorder;    }    public void setBottomBorder(boolean mBottomBorder) {        this.mBottomBorder = mBottomBorder;    }    public void setLeftBorder(boolean mLeftBorder) {        this.mLeftBorder = mLeftBorder;    }    public void setRightBorder(boolean mRightBorder) {        this.mRightBorder = mRightBorder;    }    public void setPaddings(float paddingLeft, float paddingTop) {        setPadding((int) paddingLeft, (int) paddingTop, 0, 0);    }}

 

最后一步就是在你的Activity的布局中使用你所定义的控件,具体的使用方法就是你自定义控件的类所在的包的包名加上类名(使用的时候,在设置自定义属性的时候是没有提示的,得自己记住自己设定的属性)

 <myControl.MyView                    android:id="@+id/TextView_Tue"                    android:layout_width="@dimen/cell_width"                    android:layout_height="40dp"                    android:layout_weight="1"                    android:background="@drawable/solid"                    android:text="" />

 

注:最后的注意的是在使用自定义控件的时候,必须在前面加上自己属性的引用,如下代码(入第二行所示):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:myView="http://schemas.android.com/apk/res/com.zsxy_schedule"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >