六.Android自定义控件

1.继承并在绘制前后添加 法

一句话：

继承常用的控件后，在绘制之前或之后进行逻辑添加。

关键代码

  @Override    public void onDraw(Canvas canvas){        //绘制前进行自己绘制。        super.onDraw(canvas);        //绘制后进行自己绘制。    }

例子：

• 继承一个TextView，然后先绘制一个矩形，然后显示字。

public class MyFirstView extends TextView{    private Paint mpain;    public MyFirstView(Context context) {        super(context);    }    public MyFirstView(Context context, AttributeSet attrs) {        super(context, attrs);    }    public MyFirstView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);    }    @Override    public void onDraw(Canvas canvas){        mpain=new Paint();        mpain.setColor(Color.LTGRAY);        mpain.setStyle(Paint.Style.FILL);        canvas.drawRect(0,0,getMeasuredWidth(),getMeasuredHeight(),mpain);        super.onDraw(canvas);    }}

覆盖onDraw方法，在super.onDraw(canvas)前绘制一个灰色矩形。

2.添加额外属性组合控件 法

一句话：

自己定义在xml的属性，然后覆盖构造函数获取属性并赋值。

要满足两点：

• 创建attrs.xml。
• 覆盖一个构造函数获取attrs.xml里的属性并赋值。

创建attrs.xml，并设定每个属性名和数据类型。
这里设定两个textview的四个属性。

<resources>    <declare-styleable name="MySecondView">        <attr name="leftText" format="string"/>        <attr name="leftTextSize" format="dimension"/>        <attr name="leftTextColor" format="color"/>        <attr name="leftBackground" format="reference|color"/>        <attr name="rightText" format="string"/>        <attr name="rightTextSize" format="dimension"/>        <attr name="rightTextColor" format="color"/>        <attr name="rightBackground" format="reference|color"/>    </declare-styleable></resources>

覆盖构造函数获取上述的属性,并且将上述属性的值放入具体的属性。

public MySecondView(Context context, AttributeSet attrs) {        super(context, attrs);        TypedArray ta=context.obtainStyledAttributes(attrs, R.styleable.MySecondView);        leftText=ta.getString(R.styleable.MySecondView_leftText);        leftTextSize=ta.getDimension(R.styleable.MySecondView_leftTextSize,10);        leftTextColor=ta.getColor(R.styleable.MySecondView_leftTextColor,0);        leftBackground=ta.getDrawable(R.styleable.MySecondView_leftBackground);        rightText=ta.getString(R.styleable.MySecondView_rightText);        rightTextSize=ta.getDimension(R.styleable.MySecondView_rightTextSize,10);        rightTextColor=ta.getColor(R.styleable.MySecondView_rightTextColor,0);        rightBackground=ta.getDrawable(R.styleable.MySecondView_rightBackground);        ta.recycle();        leftTextView =(TextView)new TextView(context);        leftTextView.setText(leftText);        leftTextView.setTextSize(leftTextSize);        leftTextView.setTextColor(leftTextColor);        leftTextView.setBackground(leftBackground);        rightTextView=(TextView)new TextView(context);        rightTextView.setText(rightText);        rightTextView.setTextSize(rightTextSize);        rightTextView.setTextColor(rightTextColor);        rightTextView.setBackground(rightBackground);        LeftParams=new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);        LeftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT,TRUE);        RightParams=new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);        RightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,TRUE);        this.addView(leftTextView,LeftParams);        this.addView(rightTextView,RightParams);    }

然后在具体的布局xml中使用：

<com.example.myview.MyView.MySecondView        android:layout_width="match_parent"        android:layout_height="match_parent"        two:leftText="这是左边"        two:leftTextColor="#0288D1"        two:leftTextSize="20sp"        two:rightText="这是右边"        two:rightTextColor="#FF5722"        two:rightTextSize="20sp"/>

显示如下：

3.彻底自己绘制 法

一句话:

继承View后覆盖onDraw()各凭本事0.0

自己绘制一个阶梯状的小正方形~

关键代码：

  @Override    public void onDraw(Canvas canvas) {        mpaint.setColor(0xff03A9F4);        mpaint.setStyle(Paint.Style.FILL);        for (int i = 0; i < 5; i++) {            canvas.drawRect(i * 100, i * 100, i * 100 + 100, i * 100 + 100, mpaint);        }    }

其实这个功能是最强的，所有的view都可以靠自己的想象力绘制出来，所以说，各！凭！本！事！哈哈。

Demo源码地址