拓展控件 - 拓展的TextView

在先前的文章自定义控件——初识自定义控件中，我们已经对自定义控件的进行了描述和分类，其分类分别是
* 自制控件
* 组合控件
* 拓展控件

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

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

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

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

一、拓展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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.amqr.extendsview.MainActivity">

    <com.amqr.extendsview.ExpandTextView
        android:id="@+id/mEtv"
        android:text="123123"
        android:layout_width="100dp"
        android:layout_height="60dp"
        android:gravity="center"
        android:layout_centerInParent="true"
        >

    </com.amqr.extendsview.ExpandTextView>
</RelativeLayout>

.
.

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直接弄一张背景图，灵活又直接。没错，的确是这样。
但是上面这个非常简答的小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。

本篇完。