自定义控件概述

立即下载用AI写一个

发布时间：2018-12-19

0人 | 浏览：3709次 | 收藏 |

技术：android+自定义view

运行环境：androidstudio

概述

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

详细

####前言
在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>
```
#####三.项目结构图和效果图
> 项目结构图

![](/contentImages/image/20181219/WpQGr5oY5pzmB59ZM3W.png)
> 运行效果图

![](/contentImages/image/20181219/pT5uqp3Nj73YIyA3sbO.jpg)

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

自定义控件概述

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子