自定义View-初体验

本篇主要面向初学者,已熟悉自定义 View 的童鞋可以飘过了。

自定义 View 很难么?

刚学习安卓不久后,也会关注一下高级开发需要的技能, 基本上都是要求会自定义View,当时还不知道自定义View是啥,就是觉得很高大上的东西。直到现在,算是有了一点理解。也是看了很多的文章,因为这部分涉及的东西确实很多,自定义 View 的样式五花八门,这都是产品和UI的奇思妙想。说白了,都是被逼的。。。

反过来,虽然样式很多,但是对于我们自己来说,需要掌握最基本的流程和原理,这样,就不至于拿到一个需求时没有思路。即使找到开源的 Demo,也能够快速的看懂代码,作出修改,实现自己的需求。注意:这个过程是渐进的,对于初学者,就像我一样,很难掌握的很熟练,注意积累的过程,不要心急,觉得它很难。开发过程中进行自定义View时,可能都是找来 Demo 修改的,这时需要过后总结和仔细分析代码,然后再看些写的比较好的文章和书籍。多重复这样的过程,慢慢就有了自己的理解,也能够掌握的差不多,以上是个人对这部分学习的一个看法,仅供参考。

涉及的点

自定义View-初体验_第1张图片
主要涉及的点

稍微列举了下自定义 View 涉及的一些东西,发现东西也还是相对比较有规律的,其实基本的也就是这些。但是学起来也是需要花费很多时间的,因为需要灵活运用才行。

(1)基础部分 (自定义 View - 基础) 在上一篇提到了,可以翻翻。

(2)自定义 View 的分类,一般就是两种:

  • 有组合出现的时候,进行自定义 ViewGroup,通过集成现有的 >Layout,然后里面添加子View,或者完全自己设计一个 >ViewGroup,这个就比较难了,写代码时需要考虑的很多,不过大多数情况下还是集成现有的 Layout,如 >LinearLayout。

  • 单纯的绘制一些形状,文字,路径,图片时,就是自定义一个单 View,主要就是完成 onDraw 函数,其中画笔(Paint)和画布(Canvas)是比较重要的两个东西,需要掌握的,后面会详细介绍。

(3)构造函数有4个,常用的基本上是 1 和 2,1不适用 XML文件,2使用 XML 文件。

  public void View(Context context) {}
  public void View(Context context, AttributeSet attrs) {}
  public void View(Context context, AttributeSet attrs, int defStyleAttr) {}
  public void View(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {}

(4)三个主要过程

onMeasure:测量过程,这个过程主要是确定 View 的大小,怎么确定,不仅需要自己,还需要和父 View 一起来确定,通过 View.MeasureSpec 这样一个规格参数来确定,这里先不细讲。

onLayout:有了大小,还需要确定位置,在屏幕那个位置显示出来,过程其实和测量过程类似,同样需要和父 View 一起来确定。

onDraw:最主要的部分,也是实现各种样式的关键,通过在画布(Canvas)上使用画笔(Paint)来绘制,慢慢你也会成为一个画家。

(5)交互动作

最后就是交互部分,有时用户需要在你的自定义View上做出一些交互,所以需要自己处理一些手势动作,如果 View 涉及到嵌套时,就需要做一些分发、拦截处理,确保动作有需要的那个View来做出反应。

过程大致就是这样的一个过程,说的相对笼统,对于初学者,现有这这样一个印象

onDraw

绘制这部分内容很多,下面给出主要的一些点,开始时需要手动练习一下各个 API,大脑中留个印象,实际使用过程中能够快速查询就可以了。下面就来主要来试试简单的自定义单一的View。

自定义View-初体验_第2张图片
绘制的主要内容

1、颜色

自定义View-初体验_第3张图片
color

2、点

自定义View-初体验_第4张图片
point

3、线

自定义View-初体验_第5张图片
line

4、矩形

自定义View-初体验_第6张图片
rect

5、圆形

自定义View-初体验_第7张图片
circle

6、图片

自定义View-初体验_第8张图片
bitmap

7、文字

自定义View-初体验_第9张图片
text

8、路径

自定义View-初体验_第10张图片
path

以上就是最基本的绘制过程,自己动手试试,可以添加一些效果,如位置,大小等,后面会对各个部分详细讲解。

参考

HenCoder Android 开发进阶:自定义 View 1-1 绘制基础

Canvas之绘制基本形状

Canvas

代码地址

自定义View-练习Demo

你可能感兴趣的:(自定义View-初体验)