自定义控件概述

代码地址如下:
http://www.demodashi.com/demo/14705.html

前言

在android开发过程中,我们不免会遇到一些特殊的情况,有时系统给的ui控件并不能满足我们的开发需求,于是自定义view就显得十分紧迫了,这篇文章就是让大家步入自定义控件的殿堂,让大家了解自定义控件的基本步骤

今天要讲的内容包括:

  1. 自定义控件的基本步骤
    1.1 继承View,并实现它的几个主要构造方法
    1.2 重写View的onDraw(Canvas canvas)方法
  2. 自定义圆圈控件的示例
  3. 项目结构图和效果图
一.自定义控件的基本步骤
1.1 继承View,并实现它的几个主要构造方法

view有几个重要的构造方法:

View(Context context);
View(Context context, AttributeSet attrs);
View(Context context, AttributeSet attrs, int defStyleAttr);

当然,view的构造方法不只这几个,这里只是重写这几个会用到的。
下面我们以自定义一个CustomerView类来做讲解,CustomerView需要继承view,那么在CustomerView类中就要有这么一句代码:

public class CustomerView extends View{
     //中间代码省略
}

然后重写view的几个重要的构造方法,于是于是代码扩充成这样:

public class CustomerView extends View{

    public CustomerView(Context context) {
        super(context);
    }

    public CustomerView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
}
1.2 重写View的onDraw(Canvas canvas)方法

View类的方法有很多,但自定义view的话,基本要重写view的onDraw(Canvas canvas)方法,于是代码继续扩充:

public class CustomerView extends View{

    public CustomerView(Context context) {
        super(context);
    }

    public CustomerView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
       //实现你的业务逻辑
       //......
    }
}
二.自定义圆圈控件的示例

在这里,我们写了一个自定义圆圈的控件CustomerView,具体代码在demo有详细解释,这里就不赘述了,下面讲下CustomerView在mainActivity中的引用。
在MainActivity对应的activity_main.xml中引用控件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    tools:context="com.android.testdemo.main.MainActivity">

    <com.android.testdemo.animation.CustomerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</android.support.constraint.ConstraintLayout>
三.项目结构图和效果图

项目结构图

运行效果图

自定义控件概述

代码地址如下:
http://www.demodashi.com/demo/14705.html

原文地址:https://www.cnblogs.com/demodashi/p/10480012.html