自定义组件的简单使用—View

自定义组件的简单使用—View

1、 控件是怎么来的？
每一个控件都是使用绘图的方式绘制出来的

2、开发自定义组件的几种方法
A、从0开始开发自定义组件，从View或ViewGroup类继承，难度最大
B、从已有组件继承，比如定义ImageView、ListView继承，为已有组件添加新的功能
C、将多个已有的组件组合成一个新的组件

3、View类
A、构造方法
public MyView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
如果给组件定义了样式和主题，则会调用该方法。

 public MyView(Context context, AttributeSet attrs) {      super(context, attrs); } 在layout文件中使用组件，则调用该方法。会自动将组件的属性传递给attrs参数，从该参数中可以获取定义在xml的属性。 <com.trkj.dept12_customer1.MyView    android:layout_width="wrap_content"    android:layout_height="wrap_content" /> public MyView(Context context) {      super(context); } 直接代码创建组件，一般会调用该方法，所以属性都使用默认值 Button btn = new Button(this);

B、onDraw()方法
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
}

用于组件的绘制

C、onMeasure()方法
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
该方法用于确定组件的大小

A、参数：
widthMeasureSpec：保存了宽度的模式（match_parent、wrap_content、具体值）和大小
heightMeasureSpec：保存了高度的模式（match_parent、wrap_content、具体值）和大小

绝大部分情况下，我们只需要计算wrap_content（跟随内容）的情况

B、关于测量模式，一共有三种：
MeasureSpec.AT_MOST：是最大尺寸，当控件的layout_width或layout_height指定为WRAP_CONTENT时，控件大小一般随着控件的子空间或内容进行变化，此时控件尺寸只要不超过父控件允许的最大尺寸即可。该模式必须要通过编程计算。

 MeasureSpec.EXACTLY：是精确尺寸，当我们将控件的layout_width或layout_height指定为具体数值时如andorid:layout_width="50dip"，或者为match_parent是，都是控件大小已经确定的情况，都是精确尺寸。 MeasureSpec.UNSPECIFIED：是未指定尺寸，这种情况不多，一般都是父控件是AdapterView，通过measure方法传入的模式。

C、如何获取组件的测量模式和大小？
//获取宽度使用的模式
int wmode = MeasureSpec.getMode(widthMeasureSpec);
//获取宽度大小
int wsize = MeasureSpec.getSize(widthMeasureSpec);

 //获取高度使用的模式 int hmode = MeasureSpec.getMode(heightMeasureSpec); //获取高度大小 int hsize = MeasureSpec.getSize(heightMeasureSpec);

D、测量出组件的宽度和高度之后，如果应用该大小？
//下面的方法一定要调用，用于应用计算出来的宽度和高度
setMeasuredDimension(wsize, hsize);

E、onMeasure()的完整写法：
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//获取宽度使用的模式
int wmode = MeasureSpec.getMode(widthMeasureSpec);
//获取宽度大小
int wsize = MeasureSpec.getSize(widthMeasureSpec);

      //组件的实际宽度      int width = 0;      if(wmode == MeasureSpec.AT_MOST){           //计算宽度      }else{           //wsize就是父容器的大小，在EXACTLY模式下，父窗口的大小的组件的大小           width = wsize;      }        //获取高度使用的模式      int hmode = MeasureSpec.getMode(heightMeasureSpec);      //获取高度大小      int hsize = MeasureSpec.getSize(heightMeasureSpec);      int height = 0;      if(hmode == MeasureSpec.AT_MOST){           //计算高度      }else{           height = hsize;      }      //下面的方法一定要调用，用于应用计算出来的宽度和高度      setMeasuredDimension(width, height); }

4、案例：模拟TextView，角为圆角

/** * qq:2286502415 * @time:2016-1-16 * @author Administrator * */public class MyView extends View {    private String text = "中华文艺复兴";    private Paint paint;    public MyView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);    }    public MyView(Context context, AttributeSet attrs) {        super(context, attrs);        paint = new Paint();        paint.setAntiAlias(true);        paint.setColor(Color.WHITE);        paint.setTextSize(40);    }    public MyView(Context context) {        super(context);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        int width = getMeasuredWidth();        int height = getMeasuredHeight();        Log.e("tag: ", "onDraw");        // 画填充的圆角矩形        Paint p = new Paint();        p.setColor(Color.RED);        canvas.drawRoundRect(new RectF(1, 1, width - 1, height - 1), 15, 15, p);        // 画文字        // 计算出文字所占的大小        Rect bounds = new Rect();        paint.getTextBounds(text, 0, text.length(), bounds);//从第一个到最后一个文字的距离        int left = (width - bounds.width()) / 2;//居中        int top = (height - bounds.height()) / 2;        Log.i("MyView", "top:" + top);        Log.i("MyView", "height:" + bounds.height());        canvas.drawText(text, left, top + bounds.height(), paint);        //各参数意义（文本，字符串的左边在屏幕的位置，字符串下边线距离屏幕顶端的距离，画笔。参考：http://blog.csdn.net/sirnuo/article/details/21165665）    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        // 计算出文字所占的大小        Rect bounds = new Rect();        paint.getTextBounds(text, 0, text.length(), bounds);        Log.e("tag: ", "onMeasure");        // 获取宽度使用的模式        int wmode = MeasureSpec.getMode(widthMeasureSpec);        // 获取宽度大小        int wsize = MeasureSpec.getSize(widthMeasureSpec);        // 组件的实际宽度        int width = 0;        if (wmode == MeasureSpec.AT_MOST) {            // 计算宽度            width = bounds.width();        } else {            // wsize就是父容器的大小，在EXACTLY模式下，父窗口的大小的组件的大小            width = wsize;        }        // 获取高度使用的模式        int hmode = MeasureSpec.getMode(heightMeasureSpec);        // 获取高度大小        int hsize = MeasureSpec.getSize(heightMeasureSpec);        int height = 0;        if (hmode == MeasureSpec.AT_MOST) {            // 计算高度            height = bounds.height();        } else {            height = hsize;        }        // 下面的方法一定要调用，用于应用计算出来的宽度和高度        setMeasuredDimension(width, height);    }}

效果图：