在先前的文章自定义控件——初识自定义控件中，我们已经对自定义控件的进行了描述和分类，其分类分别是
- 自制控件
- 组合控件
- 拓展控件
而且也对几类控件编写了一些博文
自制控件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
<?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");
}
}
运行效果图：
运行效果图.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。
本篇完。
