【系列推荐】Android自定义控件三部曲文章索引

电玩女神 2022-06-05 05:47 172阅读 0赞

前言：在我从C++转到Android时，就被Android里炫彩斑斓的自定义控件深深折服，想知道如果想利用C++实现这些功能，那是相当困难的。从那时候起，我就想，等我学会了自定义控件，一定要写一篇系列出来，方便后来者能更系统完善地掌握它。今天，这个系列就这样默默地诞生了，希望它能够完成它的使命，在你读完这系列博客时，发现定自义控件也不过如此！如果，顺便能给个评论，加个关注，我将不胜感激——启舰

## 一、自定义控件三部曲之动画篇 ##

[1、《自定义控件三部曲之动画篇（一）——alpha、scale、translate、rotate、set的xml属性及用法》][1_alpha_scale_translate_rotate_set_xml]  
[2、《自定义控件三部曲之动画篇（二）——Interpolator插值器》][2_Interpolator]  
[3、《自定义控件三部曲之动画篇（三）—— 代码生成alpha、scale、translate、rotate、set及插值器动画》][3_ _alpha_scale_translate_rotate_set]  
[4、《自定义控件三部曲之动画篇(四)——ValueAnimator基本使用》][4_ValueAnimator]

*  初识ValueAnimator:ofInt,ofFloat以及监听器用法

[5、《自定义控件三部曲之动画篇(五)——ValueAnimator高级进阶（一）》][5_ValueAnimator]

*  这一节非常重要，讲解了插值器与Evaluator的使用与如何自定义知识
 *  这节中有如何做到背景色渐变的特效

[6、《自定义控件三部曲之动画篇(六)——ValueAnimator高级进阶（二）》][6_ValueAnimator]

*  这节着重讲解了ValueAnimator的ofObject函数用法
 *  可以看到自定义弹性圆的伸缩特效
 *  如何给A-Z字母变化添加上插值器效果

[7、《自定义控件三部曲之动画篇(七)——ObjectAnimator基本使用》][7_ObjectAnimator]

*  这节讲了ObjectAnimator的用法及如何利用ObjectAnimator来实现前几节的效果

[8、《自定义控件三部曲之动画篇(八)——PropertyValuesHolder与Keyframe》][8_PropertyValuesHolder_Keyframe]

*  这节主要讲了如何自定义关键帧的知识
 *  使用关键帧实现电话振铃效果

[9、《自定义控件三部曲之动画篇(九)——联合动画的代码实现》][9]

*  这节讲解了如何实现组合动画的知识包括顺序播放、同时播放和自由定义顺序播放以及动画监听器相关的知识

[10、《自定义控件三部曲之动画篇(十)——联合动画的XML实现与使用示例》][10_XML]

*  利用XML来实现组合动画的知识
 *  实现了路径菜单动画

[11、《 自定义控件三部曲之动画篇(十一)——layoutAnimation与gridLayoutAnimation》][11_ _layoutAnimation_gridLayoutAnimation]

*  讲解了容器类中控件的进入动画的实现方式

[12、《自定义控件三部曲之动画篇(十二)——animateLayoutChanges与LayoutTransition》][12_animateLayoutChanges_LayoutTransition]

*  自定义容器类中控件进入、退出等相关动画的实现方式

[13、《自定义控件三部曲之动画篇(十三)——实现ListView Item进入动画》][13_ListView Item]

*  讲解了一个实例：如何实现listview中各个item进场时的动画

在动画篇中，从一到十篇是必须要掌握的，11-13篇不是必须掌握的，有个印象就行

## 二、自定义控件三部曲之绘图篇 ##

[1、《自定义控件三部曲之绘图篇（一）：概述及基本几何图形绘制》][1]  
[2、《自定义控件三部曲之绘图篇（二）：路径及文字》][2]  
[3、《自定义控件三部曲之绘图篇（三）：区域（Range）》][3_Range]  
[4、《自定义控件三部曲之绘图篇（四）：canvas变换与操作》][4_canvas]  
[5、《自定义控件三部曲之绘图篇（ 五）：drawText()详解》][5_ _drawText]  
[6、《 自定义控件三部曲之绘图篇（六）——Path之贝赛尔曲线和手势轨迹、水波纹效果》][6_ _Path]

*  本篇将讲述手势轨迹捕捉、波浪纹效果实现的几种方法

[7、《 自定义控件三部曲之绘图篇(七)——Paint之函数大汇总》][7_ _Paint]

*  本篇将讲述路径的各种效果，比如铁锈路径、自定义图形路径、虚线路径等

[8、《自定义控件三部曲之绘图篇（八）——Paint之ColorMatrix与滤镜效果》][8_Paint_ColorMatrix]

*  本篇将讲述各种滤镜效果的实现方法：包括黑白滤镜、反古滤镜、色彩增强滤镜、色彩替换等

[9、《自定义控件三部曲之绘图篇（九）——Paint之setColorFilter》][9_Paint_setColorFilter]

*  按钮点击时，动态加深图片色彩（简易方法）
 *  可以学到针对不同主题动态设置不同色彩图片的方法(setTint())

[10、《自定义控件三部曲之绘图篇（十）——Paint之setXfermode(一)》][10_Paint_setXfermode]

*  硬件加速的原理与禁用方法
 *  选区颜色替换、溶合图片、反向选区颜色替换

[11、《自定义控件三部曲之绘图篇（十一）——Paint之setXfermode(二)》][11_Paint_setXfermode]

*  书架中书本选中灯光效果
 *  Twiter标识中空效果实现
 *  图片圆角实现
 *  图片倒影实现
 *  橡皮擦效果实现
 *  刮刮卡效果实现

[12、《自定义控件三部曲之绘图篇（十二）——Paint之setXfermode(三)》][12_Paint_setXfermode]

*  区域波纹动画效果
 *  心电图动画
 *  不规则波纹
 *  刷刷卡、图片倒影等另种实现方式

[13、《自定义控件三部曲之绘图篇（十三）——Canvas与图层(一)》][13_Canvas]

*  这篇文章中没有任何特效，但这是绘图篇中非常重要的一篇，对于理解Canvas绘图起着重要作用

[14、《自定义控件三部曲之绘图篇（十四）——Canvas与图层（二）》][14_Canvas]

*  上一篇的续篇，讲解了save、saveLayer、saveLayerAlpha中所使用的FLAG的具体意义

[15、《自定义控件三部曲之绘图篇（十五）——QQ红点拖动删除效果实现（基本原理篇）》][15_QQ]

*  对以往知识点进行总结复习，涉及有Canvas绘图、SaveLayer图层、贝赛尔曲线、手势监听和逐帧动画等
 *  初步实现了QQ红点拖动效果

[16、《自定义控件三部曲之绘图篇（十六）——给控件添加阴影效果与发光效果》][16]

*  传统地给按钮添加阴影的方法
 *  如何给已有控件添加阴影
 *  如何给控件添加发光效果

[17、《自定义控件三部曲之绘图篇（十七）——为Bitmap添加阴影并封装控件》][17_Bitmap]

*  如何给图片添加阴影
 *  如何自定义控件属性
 *  控件如何自测量
 *  如何最终封装成控件

[18、《自定义控件三部曲之绘图篇（十八）——BitmapShader与望远镜效果》][18_BitmapShader]

*  实现望远镜效果
 *  封装不规则头像控件

[19、《自定义控件三部曲之绘图篇(十九)——LinearGradient与闪动文字效果》][19_LinearGradient]

*  讲解了LinearGradient的意义
 *  实现了闪动文字效果控件

[20、《自定义控件三部曲之绘图篇(二十)——RadialGradient与水波纹按钮效果》][20_RadialGradient]

*  讲解了RradialGradient知识
 *  实现了按钮水波纹效果

## 三、自定义控件三部曲之视图篇 ##

[1、《自定义控件三部曲视图篇（一）——测量与布局》][1 1]

*  讲解onMeasure、onLayout的区别与用法
 *  讲解margin的计算方法

[2、《自定义控件三部曲视图篇（二）——FlowLayout自适应容器实现》][2_FlowLayout]

*  实现了自适应的派生自ViewGroup的容器FlowLayout

[3、《自定义控件三部曲视图篇（三）——瀑布流容器WaterFallLayout实现》][3_WaterFallLayout]

*  讲解了自定义LayoutParams并使用的方法
 *  能够了解派生自ViewGroup的控件如何定义与使用的方法

这个系列还在继续，记得持续关注哦

如果你喜欢我的文章，那么你将会更喜欢我的微信公众号，将定期推送博主最新文章与收集干货分享给大家（一周一次）

![20160418091232228][]

[1_alpha_scale_translate_rotate_set_xml]: http://blog.csdn.net/harvic880925/article/details/39996643
[2_Interpolator]: http://blog.csdn.net/harvic880925/article/details/40049763
[3_ _alpha_scale_translate_rotate_set]: http://blog.csdn.net/harvic880925/article/details/40117115
[4_ValueAnimator]: http://blog.csdn.net/harvic880925/article/details/50525521
[5_ValueAnimator]: http://blog.csdn.net/harvic880925/article/details/50546884
[6_ValueAnimator]: http://blog.csdn.net/harvic880925/article/details/50549385
[7_ObjectAnimator]: http://blog.csdn.net/harvic880925/article/details/50598322
[8_PropertyValuesHolder_Keyframe]: http://blog.csdn.net/harvic880925/article/details/50752838
[9]: http://blog.csdn.net/harvic880925/article/details/50759059
[10_XML]: http://blog.csdn.net/harvic880925/article/details/50763286
[11_ _layoutAnimation_gridLayoutAnimation]: http://blog.csdn.net/harvic880925/article/details/50785786
[12_animateLayoutChanges_LayoutTransition]: http://blog.csdn.net/harvic880925/article/details/50985596
[13_ListView Item]: http://blog.csdn.net/harvic880925/article/details/50988685
[1]: http://blog.csdn.net/harvic880925/article/details/38875149
[2]: http://blog.csdn.net/harvic880925/article/details/38926877
[3_Range]: http://blog.csdn.net/harvic880925/article/details/39056701
[4_canvas]: http://blog.csdn.net/harvic880925/article/details/39080931
[5_ _drawText]: http://blog.csdn.net/harvic880925/article/details/50423762
[6_ _Path]: http://blog.csdn.net/harvic880925/article/details/50995587
[7_ _Paint]: http://blog.csdn.net/harvic880925/article/details/51010839
[8_Paint_ColorMatrix]: http://blog.csdn.net/harvic880925/article/details/51187277
[9_Paint_setColorFilter]: http://blog.csdn.net/harvic880925/article/details/51253944
[10_Paint_setXfermode]: http://blog.csdn.net/harvic880925/article/details/51264653
[11_Paint_setXfermode]: http://blog.csdn.net/harvic880925/article/details/51284710
[12_Paint_setXfermode]: http://blog.csdn.net/harvic880925/article/details/51288006
[13_Canvas]: http://blog.csdn.net/harvic880925/article/details/51317746
[14_Canvas]: http://blog.csdn.net/harvic880925/article/details/51332494
[15_QQ]: http://blog.csdn.net/harvic880925/article/details/51615221
[16]: http://blog.csdn.net/harvic880925/article/details/51818489
[17_Bitmap]: http://blog.csdn.net/harvic880925/article/details/51889104
[18_BitmapShader]: http://blog.csdn.net/harvic880925/article/details/52039081
[19_LinearGradient]: http://blog.csdn.net/harvic880925/article/details/52350154
[20_RadialGradient]: http://blog.csdn.net/harvic880925/article/details/52653811
[1 1]: http://blog.csdn.net/harvic880925/article/details/47029169
[2_FlowLayout]: http://blog.csdn.net/harvic880925/article/details/47035455
[3_WaterFallLayout]: http://blog.csdn.net/harvic880925/article/details/69787359
[20160418091232228]: /images/20220605/28732a4ac8334ef8bf77c688ab0542fa.png