首页 > 技术文章 > Android自定义控件之对原生控件的拓展

JarvisHuang 2016-06-01 16:43 原文

在Android开发中,原生控件时常会无法满足我们的需要。这时,我们就需要进行自定义控件了,而对原生控件的拓展即是解决方法之一。

对原生控件的拓展

对原生控件的拓展是指在Android提供的控件的基础上进行修改,实现符合需求的控件。做法是通过创建一个自定义的控件类,继承要进行拓展的控件的类。在继承来的方法中进行拓展。这样的好处在于,不仅控件的展示能符合要求,使用方法也和所继承的原生控件的使用方法一致。

案例

案例都是来源于最近正在看的书————《Android群英传》。

带矩形边框的文本

  1. 创建一个自定义的CustomTextView继承TextView
public class CustomTextView extends TextView {
	private Paint paint1,paint2;
	public CustomTextView(Context context) {
		super(context);
		initView();
	}

	public CustomTextView(Context context, AttributeSet attrs) {

		super(context, attrs);
		initView();
	}

	public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		initView();
	}
	private void initView(){
		paint1 = new Paint();
		paint1.setColor(Color.BLUE);
		paint1.setStyle(Paint.Style.FILL);

		paint2 = new Paint();
		paint2.setColor(Color.YELLOW);
		paint2.setStyle(Paint.Style.FILL);
	}
	@Override
	protected void onDraw(Canvas canvas) {
		//绘制外层矩形
		canvas.drawRect(0,0,getMeasuredWidth()+6,getMeasuredHeight()+6,paint1);
		//绘制内层矩形
		canvas.drawRect(3, 3, getMeasuredWidth() - 3, getMeasuredHeight() - 3, paint2);

		canvas.save();
		//绘制文字前平移3个像素
		canvas.translate(3, 0);
		//父类完成的方法,绘制文本
		super.onDraw(canvas);
		canvas.restore();
	}
}
  1. 在布局中使用
<custom.CustomTextView
        android:id="@+id/customTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="自定义带矩形的边框" />

其实从上面的代码也可以看出,带边框就是一个小矩形叠在一个稍大点的矩形上形成的效果。

闪动的文字

渐变闪动,使用的是LinearGradient(又称线性渲染)来实现的。

public class CustomTextView2 extends TextView {

	private LinearGradient mLinearGradient;
	private Matrix mMatrix;
	private Paint paint;
	private int mViewWidth = 0;
	private int mTranslate = 0; 
	public CustomTextView2(Context context, AttributeSet attrs) {
		super(context, attrs);
	}
	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		if(mViewWidth == 0){
			mViewWidth = getMeasuredWidth();
			  if (mViewWidth>0){
	                paint = getPaint();
	                mLinearGradient = new LinearGradient(
	                        0,
	                        0,
	                        mViewWidth,
	                        0,
	                        new int[]{Color.BLUE,0xffffffff,
	                                Color.BLUE},
	                        null,
	                        Shader.TileMode.CLAMP);
	                paint.setShader(mLinearGradient);
	                mMatrix = new Matrix();
	            }
	        }
	}
	
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		  if (mMatrix != null){
	            mTranslate += mViewWidth / 5 ;
	            if (mTranslate > 2 * mViewWidth){
	                mTranslate = - mViewWidth;
	            }
	            mMatrix.setTranslate(mTranslate,0);
	            mLinearGradient.setLocalMatrix(mMatrix);
	            postInvalidateDelayed(100);
	        }
	}
}

使用方法参照上一个案例,对原生控件进行拓展的学习就到这里结束了,至于如何灵活运用呢?有待以后实战开发中来挖掘。

更多文章也可关注我的静态博客,更新相对会优先些传送门

推荐阅读