android 自定义view流程,Android自定义View入门及实战案例分析

原标题：Android自定义View入门及实战案例分析

前言

上次我们讲了，这次我们来看看自定义View控件，在Android应用开发过程中，固定的一些控件和属性可能满足不了开发的需求，所以在一些特殊情况下，我们需要自定义控件与属性，同样，这也是面试中面试官问的几率比较高的问题，也是由初级工程师通向中高级工程师必备的。

一、实现步骤1.继承View类或其子类

2.复写view中的一些函数

3.为自定义View类增加属性(两种方式)

4.绘制控件(导入布局)

5.响应用户事件

6.定义回调函数(根据自己需求来选择)二、哪些方法需要被重写

onDraw()

view中onDraw()是个空函数，也就是说具体的视图都要覆写该函数来实现自己的绘制。对于ViewGroup则不需要实现该函数，因为作为容器是“没有内容“的(但必须实现dispatchDraw()函数，告诉子view绘制自己)。

onLayout()

主要是为viewGroup类型布局子视图用的，在View中这个函数为空函数。

onMeasure()

用于计算视图大小(即长和宽)的方式，并通过setMeasuredDimension(width, height)保存计算结果。

onTouchEvent

定义触屏事件来响应用户操作。

还有一些不常用的方法：

onKeyDown()当按下某个键盘时

onKeyUp()当松开某个键盘时

onTrackballEvent()当发生轨迹球事件时

onSizeChange()当该组件的大小被改变时

onFinishInflate()回调方法，当应用从XML加载该组件并用它构建界面之后调用的方法

onWindowFocusChanged(boolean)当该组件得到、失去焦点时

onAttachedToWindow()当把该组件放入到某个窗口时

onDetachedFromWindow()当把该组件从某个窗口上分离时触发的方法

onWindowVisibilityChanged(int)当包含该组件的窗口的可见性发生改变时触发的方法

View的绘制流程

绘制流程函数调用关系如下图：

我们调用requestLayout()的时候，会触发measure 和 layout 过程，调用invalidate,会执行 draw 过程。

三.自定义控件的三种方式

１. 继承已有的控件

当要实现的控件和已有的控件在很多方面比较类似, 通过对已有控件的扩展来满足要求。

２. 继承一个布局文件

一般用于自定义组合控件，在构造函数中通过inflater和addView()方法加载自定义控件的布局文件形成图形界面(不需要onDraw方法)。

３.继承view

通过onDraw方法来绘制出组件界面。

四.自定义属性的两种方法

１．在布局文件中直接加入属性，在构造函数中去获得。

布局文件：

获取属性值：

publicmyView(Context context, AttributeSet attrs){

super(context, attrs);

// TODO Auto-generated constructor stub

inttextId = attrs.getAttributeResourceValue(null, "Text", 0);String text = context.getResources().getText(textId).toString();}

２．在res/values/ 下建立一个attrs.xml 来声明自定义view的属性。

可以定义的属性有：

//参考某一资源ID (name可以随便命名)

//颜色值

//布尔值

//尺寸值

//浮点值

//整型值

//字符串

//百分数

//枚举值

//位或运算

//多类型

attrs.xml进行属性声明

添加到布局文件

这里注意命名空间：

xmlns:前缀="http://schemas.android.com/apk/res/包名(或res-auto)"，

前缀:TextColor 使用属性。

在构造函数中获取属性值publicmyView(Context context, AttributeSet attrs){

super(context, attrs);

// TODO Auto-generated constructor stubTypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myView); String text = a.getString(R.styleable.myView_text); inttextColor = a.getColor(R.styleable.myView_textColor, Color.WHITE); a.recycle(); }

或者：

publicmyView(Context context, AttributeSet attrs){

super(context, attrs);

// TODO Auto-generated constructor stubTypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myView); intn = a.getIndexCount();

for(inti=0;i

intattr = a.getIndex(i);

switch(attr) {

caseR.styleable.myView_text: break;

caseR.styleable.myView_textColor: break; } } a.recycle(); }五. 自定义随手指移动的小球(小例子)

实现上面的效果我们大致需要分成这几步:

- 在res/values/ 下建立一个attrs.xml 来声明自定义view的属性

- 一个继承View并复写部分函数的自定义view的类

- 一个展示自定义view 的容器界面

1.自定义view命名为myView，它有一个属性值，格式为color:

2.在构造函数获取获得view的属性配置和复写onDraw和onTouchEvent函数实现绘制界面和用户事件响应。

publicclassmyViewextendsView{

//定义画笔和初始位置Paint p = newPaint();

publicfloatcurrentX = 50;

publicfloatcurrentY = 50;

publicinttextColor;

publicmyView(Context context, AttributeSet attrs){

super(context, attrs);

//获取资源文件里面的属性，由于这里只有一个属性值，不用遍历数组，直接通过R文件拿出color值//把属性放在资源文件里，方便设置和复用TypedArray array = context.obtainStyledAttributes(attrs,R.styleable.myView); textColor = array.getColor(R.styleable.myView_TextColor,Color.BLACK); array.recycle(); }

@OverrideprotectedvoidonDraw(Canvas canvas){

super.onDraw(canvas);

//画一个蓝色的圆形p.setColor(Color.BLUE); canvas.drawCircle(currentX,currentY,30,p);

//设置文字和颜色，这里的颜色是资源文件values里面的值p.setColor(textColor); canvas.drawText("BY finch",currentX-30,currentY+50,p); }

‍‍@OverridepublicbooleanonTouchEvent(MotionEvent event){ currentX = event.getX(); currentY = event.getY(); invalidate();//重新绘制图形returntrue; }}

这里通过不断的更新当前位置坐标和重新绘制图形实现效果，要注意的是使用TypedArray后一定要记得recycle(). 否则会对下次调用产生影响。

３．把myView加入到activity_main.xml布局里面

４．最后是MainActivity

publicclassMainActivityextendsAppCompatActivity{

@OverrideprotectedvoidonCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }}

具体的view要根据具体的需求来，比如我们要侧滑删除的listview我们可以继承listview，监听侧滑事件，显示删除按钮实现功能。《》这篇文章也可以看到一些自定义View的效果。

责任编辑：