码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-07-18 23:12:07      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   使用   

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

 

首先,我们得新建一个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" >

Android自定义控件的实现步骤(二),布布扣,bubuko.com

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

标签:android   style   blog   http   color   使用   

原文地址:http://www.cnblogs.com/zds-song/p/3850082.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!