拓展控件——拓展TextView

在先前的文章自定义控件——初识自定义控件中,我们已经对自定义控件的进行了描述和分类,其分类分别是

  • 自制控件
  • 组合控件
  • 拓展控件

而且也对几类控件编写了一些博文
自制控件1 开关按钮
自制控件2 —— 自制控件 仿qq侧滑菜单
组合控件1—— 设置框
组合控件2——海贼王选项菜单

本文将对 拓展控件 进行一个简单demo编写。

何谓拓展控件?
拓展控件 : 继承自系统已提供的控件并且加上新的功能或者特性。

我们先来做一个最简单的例子,拓展TextView,让新建的TextView都有一个蓝色边框,黄色底色。


效果.png

一、拓展TextView

其实要做的很简单,新建一个类继承自TextView,然后复写onDraw方法。

在onDraw里面画上去两个矩形,蓝色的占据整个View,黄色的小一些。

代码页非常简单

ExpandTextView

public class ExpandTextView extends TextView{

    private Paint mPaint;
    private Paint inPaint;

    public ExpandTextView(Context context) {
        super(context);
        mPaint = new Paint();
        inPaint = new Paint();
    }

    public ExpandTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        inPaint = new Paint();
    }


    @Override
    protected void onDraw(Canvas canvas) {
        mPaint.setColor(Color.BLUE);
        mPaint.setStrokeWidth(20); // 笔划大小
        mPaint.setStyle(Paint.Style.FILL);

        inPaint.setColor(Color.YELLOW);
        inPaint.setStrokeWidth(20); // 笔划大小
        inPaint.setStyle(Paint.Style.FILL);


        // 绘制一个蓝色的矩形
        canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint);
        // 绘制一个黄色的矩形,比蓝色的小一点
        canvas.drawRect(8, 8, getMeasuredWidth()-8, getMeasuredHeight()-8, inPaint);


        // 这个super在这里必须调用,才能成功绘制文字
        super.onDraw(canvas);

    }
}

.
.
实用这个拓展控件
activity_main




    

    

.
.

MainActivity

public class MainActivity extends Activity {

    private ExpandTextView mEtv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        mEtv = (ExpandTextView) findViewById(R.id.mEtv);
        mEtv.setText("Hello");
    }
    
}

运行效果图:

拓展控件——拓展TextView_第1张图片
运行效果图.png

就这样,一个最简单的拓展控件就做好了。
肯定有人说,我还不如直接在TextView直接弄一张背景图,灵活又直接。没错,的确是这样。
但是上面这个非常简答的小demo只是为了演示拓展自原生的控件是如何拓展的,通过这个大可以举一反三。

比如拓展ListView,让ListView具备左侧弹出删除选项的。郭大婶有例子

再比如,我们知道ScrollView会和ListView产生冲突,我们常常会在ListView里面重写onMeasure,改变原生自带的计算方法,避免两者的冲突,这样的其实也算拓展控件。
为了避免冲突我们常常会写上这么一个拓展ListView

/**
 * 重写ListView,避免在SrollView里面的ListView无法全部展示数据,(避免只能展示一行,必须靠滚动条来滚动查看所有数据)
 * 
 *
 */
public class ListViewForScrollView extends ListView {
    public ListViewForScrollView(Context context) {
        super(context);
    }

    public ListViewForScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ListViewForScrollView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    /**
     * 重写该方法,达到使ListView适应ScrollView的效果
     *
     */
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }

}

拓展控件的简单demo就到这里,以后有时间会补上其他比较更好一些的demo。

本篇完。

你可能感兴趣的:(拓展控件——拓展TextView)