浅谈Android自定义View

当我们开发中遇到原生的组件无法满足需求时，我们这时候就应该写自定义View来满足一些特殊的组件需求。

自定义View

个人总结自定义View的概念分为两种：

1、在同一个样式的控件组合多处要使用到，我们可以采用原生控件组合一个View供其他地方调用，减少重复代码。

举个栗子：最常见的空白提示页面，一般都是上面是图标下面是文字就可以考虑以上方式。下面直接上代码：

/**
*我们这里因为是空白提示页面，上下结构，所以我们选用的是LinearLayout
*/
<span style="font-size:18px;">public class NavigationView extends LinearLayout {
	private ImageView iv_nva;
	private TextView tv_nva_title;
	public NullDateView(Context context) {
		super(context);
		LayoutInflater inflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		inflater.inflate(R.layout.view_nulldate, this);//引用你自己写的xml布局文件
		tv_nva_title = (TextView) findViewById(R.id.tv_nva_title);
		iv_nva = (ImageView) findViewById(R.id.iv_nva);
	}
	/*
	*这样我们就可以传入不同的参数，实现不同显示的空白提示页面了
	*/
	public void setData(int ivID,String title){
		tv_nva_title.setText(title);
		iv_nva.set.setImageResource(ivID);
	}
}</span>

2、这种就比较相对复杂一些，不过这种方式更加的自定义，完全由你控制，控件可以绘制成你想要的任何样式。

一般的只需重写两个函数：onMeasure()、onDraw()。

onMeasure负责对当前View的尺寸进行测量。

onDraw负责把当前这个View绘制出来。

还得写至少写2个构造函数：

<span style="font-size:18px;">public MyView(Context context) {
   super(context);
}

public MyView(Context context, AttributeSet attrs) {
   super(context, attrs);
}</span>

重写OnMeasure方法：

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)

参数中的widthMeasureSpec和heightMeasureSpec包含宽和高的信息、还包含测量模式。

也就是说，一个int整数，里面放了测量模式和尺寸大小，接下来我们解释一下为什么一个int可以同时存放两个信息。

那么Google是怎么把一个int同时放测量模式和尺寸信息呢？我们知道int型数据占用32个bit，而google实现的是，将int数据的前面2个bit用于区分不同的布局模式，后面30个bit存放的是尺寸的数据。

那我们怎么从int数据中提取测量模式和尺寸呢？放心，不用你每次都要写一次移位<<和取且&操作，Android内置类MeasureSpec帮我们写好了，我们只需按照下面方法就可以拿到啦：

int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);

我们在设置宽高时有3个选择：wrap_content、match_parent以及指定固定尺寸。

测量模式也有3种：UNSPECIFIED，EXACTLY，AT_MOST，这三种模式后面会详细介绍。

UNSPECIFIED：父容器没有对当前View有任何限制，当前View可以任意取尺寸

EXACTLY：当前的尺寸就是当前View应该取的尺寸

AT_MOST：当前尺寸是当前View能取的最大尺寸

例子：

如果我们要自定义一个View，并且是一个正方形的长宽都是100：

<span style="font-size:18px;">private int getMySize(int defaultSize, int measureSpec) {
        int mySize = defaultSize;

        int mode = MeasureSpec.getMode(measureSpec);
        int size = MeasureSpec.getSize(measureSpec);

        switch (mode) {
            case MeasureSpec.UNSPECIFIED: {//如果没有指定大小，就设置为默认大小
                mySize = defaultSize;
                break;
            }
            case MeasureSpec.AT_MOST: {//如果测量模式是最大取值为size
                //我们将大小取最大值,你也可以取其他值
                mySize = size;
                break;
            }
            case MeasureSpec.EXACTLY: {//如果是固定的大小，那就不要去改变它
                mySize = size;
                break;
            }
        }
        return mySize;
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getMySize(100, widthMeasureSpec);
        int height = getMySize(100, heightMeasureSpec);

        if (width < height) {
            height = width;
        } else {
            width = height;
        }

        setMeasuredDimension(width, height);
}</span>
<span style="font-size:18px;"><com.ljw.MyView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:background="#ff0000" /></span>

如果我们不重写OnMeasure那么他就会是宽铺满整个屏幕高为100dp，但是我们重写了OnMeasure，并且设置了其宽高为100dp，所以你不居中设置的android:layout_width="match_parent"是没用的。

重写onDraw（）

看方法名就知道，是绘制View的形状。我们可以直接在画板Canvas对象上绘制。

例子：

假设我们需要一个圆形View，结合我们上面重写的onMeasure方法设置的宽高尺寸相等。

<span style="font-size:18px;">@Override
protected void onDraw(Canvas canvas) {
	//调用父View的onDraw函数，因为View这个类帮我们实现了一些
	// 基本的而绘制功能，比如绘制背景颜色、背景图片等
	super.onDraw(canvas);
	int r = getMeasuredWidth() / 2;//也可以是getMeasuredHeight()/2,本例中我们已经将宽高设置相等了
	//圆心的横坐标为当前的View的左边起始位置+半径
	int centerX = getLeft() + r;
	//圆心的纵坐标为当前的View的顶部起始位置+半径
	int centerY = getTop() + r;
	Paint paint = new Paint();
	paint.setColor(Color.GREEN);
	 //开始绘制
	canvas.drawCircle(centerX, centerY, r, paint);
}</span>

小结：以上两个方法就可以实现自定义大小、自定义形状的View了，当然我们真实的需求不仅仅是这些，我们还需要在布局文件中加入自定义的属性例如（android:layout_width）这样的属性。

自定义View的属性attr

首先需要声明自定义属性，在res/values/styles.xml文件里面声明（没有该文件请自行新建）：

<span style="font-size:18px;"><resources>
    <!--name为声明的"属性集合"名，可以随便取，但是最好是设置为跟我们的View一样的名称-->
    <declare-styleable name="MyView">
        <!--声明我们的属性，名称为default_size,取值类型为尺寸类型（dp,px等）-->
        <attr name="default_size" format="dimension" />
    </declare-styleable>
</resources></span>

属性定义好，我们就可以直接在布局里面直接使用了：

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:jw="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.ljw.MyView
        android:layout_width="match_parent"
        android:layout_height="100dp"
        jw:default_size="100dp" />
</LinearLayout></span>

注意：需要在根标签（LinearLayout）里面设定命名空间，命名空间名称可以随便取，比如"jw"，命名空间后面取得值是固定的："http://schemas.android.com/apk/res-auto"

自定义的MyView里的构造函数中，利用AttributeSet属性把布局里面的自定义属性取出来：

private int defalutSize;
public MyView(Context context, AttributeSet attrs) {
      super(context, attrs);
      //第二个参数就是我们在styles.xml文件中的<declare-styleable>标签，即属性集合的标签，在R文件中名称为R.styleable+name
      TypedArray tArr = context.obtainStyledAttributes(attrs, R.styleable.MyView);

      //第一个参数为属性集合里面的属性，R文件名称：R.styleable+属性集合名称+下划线+属性名称
      //第二个参数为默认值
      defalutSize = tArr.getDimensionPixelSize(R.styleable.MyView_default_size, 100);

      //最后记得将TypedArray对象释放回收
      a.recycle();
}

总结：综合自定义View三点要素（重写onMeasure()、onDraw()、自定义布局属性）基本可以完成自定义View了！

以下是MyView的完整代码：

/**
 * @Arthur Jovial
 * 2016-06-15
 */
public class MyView extends View {
    private int defalutSize;
    public MyView(Context context) {
        super(context);
    }
    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
        //第二个参数就是我们在styles.xml文件中的<declare-styleable>标签，即属性集合的标签，在R文件中名称为R.styleable+name
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyView);
        //第一个参数为属性集合里面的属性，R文件名称：R.styleable+属性集合名称+下划线+属性名称
        //第二个参数为默认值
        defalutSize = a.getDimensionPixelSize(R.styleable.MyView_default_size, 100);
        //将TypedArray对象释放回收
        a.recycle();
    }
    private int getMySize(int defaultSize, int measureSpec) {
        int mySize = defaultSize;
        int mode = MeasureSpec.getMode(measureSpec);
        int size = MeasureSpec.getSize(measureSpec);
        switch (mode) {
            case MeasureSpec.UNSPECIFIED: {//如果没有指定大小，就设置为默认大小
                mySize = defaultSize;
                break;
            }
            case MeasureSpec.AT_MOST: {//如果测量模式是最大取值为size
                //我们将大小取最大值,你也可以取其他值
                mySize = size;
                break;
            }
            case MeasureSpec.EXACTLY: {//如果是固定的大小，那就不要去改变它
                mySize = size;
                break;
            }
        }
        return mySize;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getMySize(defalutSize, widthMeasureSpec);
        int height = getMySize(defalutSize, heightMeasureSpec);
        if (width < height) {
            height = width;
        } else {
            width = height;
        }
        setMeasuredDimension(width, height);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);//调用父类的onDraw函数，父类已经帮我们实现了一些比如绘制背景颜色、背景图片等
		//也可以是getMeasuredHeight()/2,本例中我们已经将宽高设置相等了
        int r = getMeasuredWidth() / 2;
        //圆心的横坐标为当前的View的左边起始位置+半径
        int centerX = getLeft() + r;
        //圆心的纵坐标为当前的View的顶部起始位置+半径
        int centerY = getTop() + r;
        Paint paint = new Paint();
        paint.setColor(Color.GREEN);
        //开始绘制
        canvas.drawCircle(centerX, centerY, r, paint);
    }
}

总结：自定义View就讲到这里，相信大家也有所了解。其实并不复杂，看完这篇相信你也迫不及待想去尝试绘制一些自己的View了吧！

自定义View了解了，下一篇我们将讲解一下自定义ViewGroup！

时间： 2024-08-28 21:38:48

浅谈Android自定义View的相关文章

【腾讯Bugly干货分享】浅谈Android自定义锁屏页的发车姿势

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57875330c9da73584b025873 一.为什么需要自定义锁屏页 锁屏作为一种黑白屏时代就存在的手机功能,至今仍发挥着巨大作用,特别是触屏时代的到来,锁屏的功用被发挥到了极致.多少人曾经在无聊的时候每隔几分钟划开锁屏再关上,孜孜不倦,其酸爽程度不亚于捏气泡膜.确实,一款漂亮的锁屏能为手机增色不少,但锁屏存在的核心目的主要是三个:保护自己手机的隐私,防止误操作,在不关闭

浅谈 Android 自定义锁屏页的发车姿势

作者:blowUp,原文链接:http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653577446&idx=2&sn=940cfe45f8da91277d1046d90368d440&scene=4#wechat_redirect 锁屏作为一种黑白屏时代就存在的手机功能,至今仍发挥着巨大作用,特别是触屏时代的到来,锁屏的功用被发挥到了极致.多少人曾经在无聊的时候每隔几分钟划开锁屏再关上,孜孜不倦,其酸爽程度不亚于捏气

浅谈Android多屏幕的事

浅谈Android多屏幕的事 一部手机可以同时看片.聊天,还可以腾出一支手来撸!这么吊的功能(非N版本,非第三方也能实现,你不知道吧)摆在你面前,你不享用?不关注它是怎样实现的?你来,我就满足你的欲望! 一部手机可以同时看片.聊天,还可以腾出一支手来撸＝＝!就像这样: 是时候告别来回切换应用屏幕的酸爽了,还可以在分屏模式下两Activity间直接拖放数据! 好高大上的样子!这是怎么实现的?别急,我们一一道来: kitkat(4.4)版本对多任务分屏的实现 由于相关的代码和功能被封装及隐藏起来,所

浅谈Android保护技术__代码混淆

浅谈Android保护技术__代码混淆 代码混淆 代码混淆(Obfuscated code)亦称花指令,是将计算机程序的代码,转换成一种功能上等价,但是难于阅读和理解的形式的行为.将代码中的各种元素,如变量,函数,类的名字改写成无意义的名字.比如改写成单个字母,或是简短的无意义字母组合,甚至改写成"__"这样的符号,使得阅读的人无法根据名字猜测其用途.对于支持反射的语言,代码混淆有可能与反射发生冲突.代码混淆并不能真正阻止反向工程,只能增大其难度.因此,对于对安全性要求很高的场合,仅仅

Android自定义View（CustomCalendar－定制日历控件）

转载请标明出处: http://blog.csdn.net/xmxkf/article/details/54020386 本文出自:[openXu的博客] 目录: 1分析 2自定义属性 3onMeasure 4onDraw 绘制月份 绘制星期 绘制日期及任务 5事件处理 源码下载 ??应项目需求,需要做一个日历控件,效果图如下: ???? ??接到需求后,没有立即查找是否有相关开源日历控件可用.系统日历控件是否能满足 ,第一反应就是这个控件该怎么画?谁叫咱自定义控件技术牛逼呢O(∩_∩)O哈哈~

浅谈Android onClick与onLongClick事件触发的问题

之前做按钮的点击事件一直没有注意一些细节,今天做了一个按钮需要有点击和长点击触发不同效果,直接让Activity implements OnClickListener, OnLongClickListener然后添加了相应的处理函数. @Override public void onClick(View v) { // TODO Auto-generated method stub } @Override public boolean onLongClick(View v) { // TODO

Android 自定义View合集

自定义控件学习 https://github.com/GcsSloop/AndroidNote/tree/master/CustomView 小良自定义控件合集 https://github.com/Mr-XiaoLiang 自定义控件三部曲 http://blog.csdn.net/harvic880925?viewmode=contents Android 从0开始自定义控件之View基础知识与概念 http://blog.csdn.net/airsaid/article/details/5

安卓开发_浅谈Android动画（四）

Property动画 概念:属性动画,即通过改变对象属性的动画. 特点:属性动画真正改变了一个UI控件,包括其事件触发焦点的位置 一.重要的动画类及属性值: 1.  ValueAnimator 基本属性动画类 方法 描述 setDuration(long duration) 设置动画持续时间的方法 setEvaluator(TypeEvaluator value) 设置插值计算的类型 setInterpolator(TimeInterpolator value) 设置时间插值器的类型 addUp

浅谈Android 事件分发机制（一）

在上一篇文章中,浅谈Android 事件分发机制(一),简要分析了一下事件分发机制的原理,总结一下就是事件层层传递,直到被消费,原理看似简单,但是在实际使用过程中,场景各不相同,复杂程度也就因产品而异,这篇文章就通过给view加移动来模拟事件分发. 触摸事件 这里涉及到几个与手指触摸相关的常见事件: 坐标系对于单指触控移动来说,一次简单的交互流程是这样的:手指落下(ACTION_DOWN) -> 移动(ACTION_MOVE) -> 离开(ACTION_UP) 坐标系 Android坐标系以手