自定义View(1)

Posted 2023-04-04

参考技术A

经历过前面三篇啰啰嗦嗦的基础篇之后，终于到了进阶篇，正式进入解析自定义View的阶段。

至于本章节为什么要叫进阶篇(虽然讲的是基础的内容)，因为从本篇开始，将会逐渐揭开自定义View的神秘面纱，每一篇都将比上一篇内容更加深入，利用所学的知识能够制作更加炫酷自定义View，就像在台阶上一样，每一篇都更上一层， 帮助大家一步步走向人生巅峰，出任CEO，赢取白富美。 误，是帮助大家更加了解那些炫酷的自定义View是如何制作的，达到举一反三的效果。

作为一个<b>有(hui)追(zhuang)求(B)</b>的程序员，肯定想做一些让人眼前一亮的程序效果，但是系统提供的那些一般很难满足，为了<b>梦(zhuang)想(B)</b>就必须要学习一些自定义View。下面我们就了解一些自定义View相关的东西。

自定义ViewGroup一般是利用现有的组件根据特定的布局方式来组成新的组件，大多继承自ViewGroup或各种Layout，包含有子View。

例如：一个应用内的底部导航条中的条目，一般都是上面为图标，下面是文字，那么这两个就可以用自定义ViewGroup组合成为一个Veiw，提供两个属性分别用来设置文字和图片即可，这样使用起来会方便很多。

在没有现成的View，需要自己实现的时候，就使用自定义View，一般继承自View，SurfaceView或其他的View，不包含子View。

例如：定义一个支持自动加载网络图片的ImageView，或制作一种特殊的动画效果。

<b>一般来说，自定义View在大多数情况下都有替代方案，利用图片或者组合动画来实现，但是使用后者可能会面临内存耗费过大，制作麻烦更诸多问题。</b>

View的构造函数有四种重载分别如下

可以看出，关于View构造函数的参数有多有少，先排除几个不常用的，留下常用的再研究。

<b>有四个参数的构造函数在API21的时候才添加上，我一般不使用，暂不考虑。</b>

有三个参数的构造函数中第三个参数是默认的Style，这里的默认的Style是指它在当前Application或Activity所用的Theme中的默认Style，且只有在明确调用的时候才会生效，以系统中的ImageButton为例说明：

<b>注意：即使你在View中使用了Style这个属性也不会调用三个参数的构造函数，所调用的依旧是两个参数的构造函数。</b>

<b>由于三个参数的构造函数第三个参数一般不用，暂不考虑，第三个参数的具体用法会在以后用到的时候详细介绍。</b>

排除了两个之后，只剩下一个参数和两个参数的构造函数，他们的详情如下：

以下方法调用的是<b>一个参数</b>的构造函数：

以下方法调用的是<b>两个参数</b>的构造函数：

关于构造函数先讲这么多，关于如何自定义属性和使用attrs中的内容，在后面会详细讲解，目前只需要知道这两个构造函数在何时调用即可。

========

测量View大小使用的是onMeasure函数，我们可以从这两个参数取出宽高的相关数据：

从上面可以看出 onMeasure 函数中有 widthMeasureSpec 和 heightMeasureSpec 这两个 int 类型的参数， 毫无疑问他们是和宽高相关的， <b>但它们其实不是宽和高， 而是由宽、高和各自方向上对应的模式来合成的一个值：</b>

在int类型的32位二进制位中，31-30这两位表示模式,29~0这三十位表示宽和高的实际值。

以数值1080(二进制为: 1111011000)为例(其中模式和实际数值是连在一起的，为了展示我将他们分开了)：

实际上关于上面的东西了解即可，在实际运用之中只需要记住有三种模式，用 MeasureSpec 的 getSize是获取数值， getMode是获取模式即可。

如果对View的宽高进行修改了，<b>不要调用super.onMeasure(widthMeasureSpec,heightMeasureSpec);</b>
要调用<b>setMeasuredDimension(widthsize,heightsize);</b> 这个函数。

======

这个函数在视图大小发生改变时调用：

onSizeChanged如下：

可以看出，它又四个参数，分别为 宽度，高度，上一次宽度，上一次高度。

这个函数比较简单，我们只需关注 宽度(w), 高度(h) 即可，这两个参数就是View最终的大小。

=========

<b>确定布局的函数是onLayout，它用于确定子View的位置，在自定义ViewGroup中会用到，他调用的是子View的layout函数。</b>

不过关于View的layout函数我们一般无需关注，因为在一般情况下我们只需关注View自身的坐标系即可，除非View状态与在父VIew所处位置相关。

在自定义ViewGroup中，onLayout一般是循环取出子View，然后经过计算得出各个子View位置的坐标值，然后用以下函数设置子View位置。

四个参数分别为：

具体可以参考 坐标系 这篇文章:

PS：关于onLayout这个函数在讲解自定义ViewGroup的时候会详细讲解。

========

onDraw是实际绘制的部分，也就是我们真正关心的部分，使用的是Canvas绘图。

关于Canvas绘图另分一章吧，本来想写一些关于Canvas基本操作的的，可是篇幅太长了QAQ， 留个尾巴下一篇再写吧，毕竟Canvas绘图也是一个比较庞大的东西，也不是三言两语就能讲明白的，就到这里吧。

======

自定义完View之后，一般会对外暴露一些接口，用于操作View的相关属性，控制View的状态等，或者需要监听View的变化，具体还是稍后再讲吧(继续挖坑)。

PS ：实际上ViewGroup是View的一个子类。

View
ViewGroup
View.MeasureSpec
onMeasure，MeasureSpec源码 流程 思路详解
android中自定义样式与View的构造函数中的第三个参数defStyle的意义
android view构造函数研究
Android View构造方法第三参数使用方法详解
Android 自定义View onMeasure方法的实现
Android API指南(二)自定义控件02之 onMeasure
Android中View的绘制过程 onMeasure方法简述

自定义View系列一 自定义View的构造函数,自定义属性

转载请标明出处：
http://blog.csdn.net/zq2114522/article/details/51147893；
本文出自:【梁大盛的博客】

自定义View系列一 自定义View的构造函数,自定义属性

引:自定义View对于Android开发者是一道坎.虽然说是坎但是也得走过去的!此系列文章作为学习自定义View的一系列学习笔记.

在进入学习自定义View的殿堂,第一件需要弄清楚的事情是该怎么定义自定义View的构造函数.因为这里就是自定义View的入口.

哪里调用自定义View的构造函数?

会调用自定义View的构造函数莫非就只有两个地方.
第一个是通过在代码创建一个自定义的View.

如:

View view = new MyView(this);

第二个就是通过在布局文件使用自定义View,当然这种情况系统会自动调用我们的构造函数.

如:

<?xml version="1.0" encoding="utf-8"?>
<com.example.dsliang.viewdemo.MyView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

这两种情况的区别:

    在代码里面创建MyView对象此时是调用只有个参数的构造函数,在布局文件里面使用MyView这情况系统默认是调用两个参数的构造函数.然而区别就是这样了.为什么通过布局文件使用MyView的时候就会使用两个参数的构造函数呢?我们理所当然的知道在布局文件里面使用一个View的时候会添加各种属性.像layout_width,layout_height等等.然而在创建View的时候就需要获取这些属性吧?事实上就是通过参数传递进去的.所以当在布局文件里面使用View,为啥调用两个参数构造函数就是这原因了!

接下来就看看构造函数的面貌.

该定义什么构造函数?

构造函数本应该不复杂,但是要完全弄清楚就真的就变得有点复杂了.从简单原则出发,我们目标是能把事情说清楚把概念讲明白即可.

一开始View的构造函数就只有三个发展到现在在Api 21引入了4个参数的构造函数(事实上我也没弄懂那是什么玩意).

(前面三个构造函数在Api 1引入,最后一个构造函数(4个参数的)在Api 21才引入)

着重说前面两个构造函数.(方面后面阐述,只有一个参数的构造函数叫C1,两个参数的叫C2如此类推)
前面讨论通过在代码里面创建MyView就是调用C1构造函数.布局使用MyView就是调用C2构造函数.
理解起来也是很简单的.看看最简单的自定义MyView代码吧.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<com.example.dsliang.viewdemo.MyView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FFFFFF00"/>

MyView.java

package com.example.dsliang.viewdemo;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

/**
 * Created by dsliang on 2016/4/8.
 */
public class MyView extends View 

    static final String TAG = MyView.class.getSimpleName();

    public MyView(Context context) 
        super(context);
        Log.d(TAG, "ViewDemo(1)");
    

    public MyView(Context context, AttributeSet attrs) 
        super(context, attrs);
        Log.d(TAG, "ViewDemo(2)");
    

MainActivity.java

import android.support.v7.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity 

    private static final String TAG = MainActivity.class.getSimpleName();

    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    

效果图:

(Logcat可以看到是调用了C2)

就简单几句代码已经实现了自定义View了!是不是觉得自定义View也不就那样了?接下来是本章的最后一个内容,怎么自定义属性.

怎么自定义属性

我们自定义View在很多时候都需要自定义一些属于此View的一些属性.用一个简单笼统的理解.怎么把布局文件里面使用的属性传递到代码里面.这就是自定义属性所使用的场景.

在这里提出一个场景:在布局文件使用我们的自定义View.并且通过debug_text属性传递一句话,在自定义View里面获取debug_text并且通过Logcat输出相应的文本.

定义属性

在布局文件里面不是想使用debug_text就能使用,必须先定义以后才能使用.
定义属性步骤:
1.在values包下新建attrs.xml文件
2.定义相应的属性
如:

attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyView">
        <attr name="debug_text" format="string" />
    </declare-styleable>
</resources>

接下来我们就可以在自定义View里面使用我们已经定义的属性.

使用属性

已经定义属性以后使用属性是很简单的事情.
1.添加xml命名空间
2.通过相应的命名空间使用属性

<?xml version="1.0" encoding="utf-8"?>

<com.example.dsliang.viewdemo.MyView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto/com.example.dsliang.viewdemo"
    <!--app 是可以随意命名的-->
    <!--http://schemas.android.com/apk/res-auto/com.example.dsliang.viewdemo 格式是固定的-->
    <!--http://schemas.android.com/apk/res-auto/ 加包名-->
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FFFFFF00"
    <!-- 引用自定义属性 -->
    app:debug_text="hello,,MyView"
    />

获取属性

到最后一步了.这里是介绍怎么在MyView代码里面获取在布局文件定义的属性.不知道你激动不激动,反正我现在是很激动!

首先必须知道我们必须在C2里面获取布局文件传递进来的属性.
这里就通过贴出代码并且在代码里面添加注解的方式解说.

MyView.java部分代码

public MyView(Context context, AttributeSet attrs) 
        super(context, attrs);
        Log.d(TAG, "ViewDemo(2)");

        //通过attrs,R.styleable.MyView获取一个TypedArray实实例
        //TypedArray实例里面已经存放好我们需要或许的属性了
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyView);
        //使用R.styleable.MyView_debug_text索引我们需要的属性
        String debugText = a.getString(R.styleable.MyView_debug_text);
        //释放TypedArray实例,使用完必须释放
        a.recycle();

        Log.d(TAG, "debug_text: " + debugText);
    

效果图:

总结:
到此自定义View的构造函数和自定义属性基本用法都介绍了一遍.当然是本着点到即止的宗旨出发.然后发现一个细节吗?我么MyView的witdh和height属性均为wrap_content,但是Demo确实填充整个父布局了.当然这一个问题就是下一篇要详尽介绍的onMeasure方法了.

注意:例子都是很简单的例子,只是希望能把问题说清楚.

参考

---

attr属性 http://blog.csdn.net/dalancon/article/details/9701855
View http://android.xsoftlab.net/reference/android/view/View.html