美文网首页
自定义组件:前置

自定义组件:前置

作者: 滴滴滴9527 | 来源:发表于2017-09-02 14:32 被阅读0次

一、概述

Android SDK为我们提供了一套完整的组件库,当这些原生的组件满足不了我们的需求,就需要自定义组件了.

学习自定义组件最好的方式是阅读源码,最权威的自然是Google提供的API Demos,这里面包含了开发的各种知识,然后就是Githup上优秀的开源项目,这些开源项目会给我们提供不同的思路,不管是简单的组件还是复杂的组件,都是有规律的,通过阅读优秀的源码,了解别人的思维模式和编程技巧,有时候你会豁然开朗.

二、分类

1、View分类

View类是Android中所有组件的基类,也就是老祖宗,其它的组件都是View的子孙,View类还有一个重要的子类:ViewGroup类,ViewGroup通常作为其它组件的容器使用.

Android中所有UI组件都是建立在View、ViewGroup基础之上,对于一个Android应用的用户界面来说:ViewGroup作为容器来盛放其它组件,ViewGroup里面除了可以盛放普通View组件之外,还可以再次盛放ViewGroup,下图显示一个用户界面的组件层次.

2、自定义组件分类

一般来说,有4种方式用来实现自定义组件:

(1)继承View类

这种方式基本是从零开始自定义了,工作量比较大

(2)继承View子类(非ViewGroup)

比如继承TextView、ImageView

(3)继承ViewGroup类

这里ViewGroup包括ViewGroup的子类,像我们最常用的LinearLayout、RelativeLayout

(4)自定义组合控件

将多个已有组件组合形成一个新的组件

三、构造方法

public class XView extends View {

    /**
     * 含1个参数的构造方法
     */
    public XView(Context context) {
        super(context);
    }

    /**
     * 含2个参数的构造方法
     */
    public XView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 含3个参数的构造方法
     */
    public XView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    /**
     * 含4个参数的构造方法(API>=21)
     */
    public XView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
}

学习一个类是从构造方法开始,自定义组件也是如此.

自定义组件一共4个构造方法:
1、第一个构造方法:只有1个参数context,在代码中创建组件时会调用该构造,比如在Activity中:

XView  xView = new XView(this);

2、第二个构造方法:有2个参数,在layout布局文件中使用时会调用该构造,比如:

    <com.fgq.demo.XView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

PS:在布局文件中使用自定义组件的写法:完整包名+类名

参数attrs表示当前配置的属性集,在布局文件中定义的宽、高等属性都包含在attrs中.

3、第三个构造方法:有3个参数,这个构造方法系统不会调用,一般在有自定义属性时,我们会在第二个构造方法中手动调用该构造.

4、第四个构造方法:这个构造在API>=21(5.0)才能使用,除非你的minSdkVersion>=21,不然不会用到.

所以自定义组件构造方法最常见的写法像下面这样:

    public XView(Context context) {
        this(context, null);
    }

    public XView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public XView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

四、onMeasure、onDraw

在了解完构造方法之后就要介绍两个方法:onMeasure、onDraw,自定义View大部分时候需要重写这两个方法:

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }

1、onMeasure

onMeasure方法用来测量组件的大小,在Android中,组件的大小都是通过该方法进行测量,不管界面多么复杂,每个组件都负责计算自己的大小,如果不重写该方法,父类View会有默认的实现.

那么为什么要重写该方法?我们在xml布局文件中不是设置了宽、高了吗?

在初学Android时,我们就知道:在xml布局文件中,layout_width、layout_height是可以不用写具体尺寸的,比如宽高都设置为wrap_content(包裹内容),此时并没有指定组件的真正大小,但是绘制到屏幕上的View必须要有具体的宽高,所以我们需要重写onMeasure自己去测量宽高.

当然,对于测量组件大小,父类View有默认的处理,但是如果默认处理满足不了我们的需求,此时就需要重写onMeasure方法了.

2、onDraw

这个方法我们应该很熟悉了,在Graphics2D API一章中我们一直在重写该方法,该方法用来绘制组件的内容.

相关文章

  • 自定义组件:前置

    一、概述 Android SDK为我们提供了一套完整的组件库,当这些原生的组件满足不了我们的需求,就需要自定义组件...

  • 自定义组件

    创建自定义组件 使用自定义组件

  • 微信小程序-自定义组件

    一、自定义组件介绍 微信小程序提供了自定义组件扩展机制,允许我们使用自定义组件的方式来构建页面。 自定义组件可以使...

  • vue 自定义组件(一)全局、局部组件

    vue自定义组件分为局部组件和全局组件 全局组件 全局组件格式template 是模板props 是自定义组件用到...

  • vue2.0组件间传值的方法汇总

    1、组件间的传值 1.1 父组件向子组件传值 子组件自定义一个属性 父组件通过自定义属性绑定值 子组件调用自定义属...

  • 调用自定义组件中的方法

    创建自定义组件 .json .js 页面中引入自定义组件 .json .xml 页面中调用自定义组件的方法 .js

  • 小程序的自定义组件

    小程序允许我们使用自定义组件的方式来构建页面。 自定义组件 1. 创建自定义组件 类似于页面,一个自定义组件由 j...

  • 微信小程序自定义组件传值问题

    微信小程序自定义组件传值问题 自定义组件 · 小程序 父组件(引用组件的页面模板)页面 子组件页面 表示父组件页面...

  • 小程序-自定义组件 ID属性笔记

    在自定义组件的时候,组件内包含了其他自定义组件:如课程列表组件,被状态组件包含(关于状态组件主要是指:加载中,没有...

  • Angular 5 自定义文件上传组件(四)

    Angular 5 自定义文件上传组件(一)Angular 5 自定义文件上传组件(二)Angular 5 自定义...

网友评论

      本文标题:自定义组件:前置

      本文链接:https://www.haomeiwen.com/subject/qtwfjxtx.html