Android视图控件架构分析之View、ViewGroup

在Android中,视图控件大致被分为两类,即ViewGroup和View,ViewGroup控件作为父控件,包含并管理着子View,通过ViewGroup和View便形成了控件树,各个ViewGoup对象和View对象就是控件树中的节点。在控件树中,以树的深度来遍历查找对应的控件元素,同时,上层控件负责子控件的测量与绘制,并传递交互事件。

Android控件树:

  

AndroidUI界面架构图:

  

一.测量View的工具类:MeasureSpec

1.MeasureSpec包含了测量的模式和测量的大小,通过MeasureSpec.getMode()获取测量模式,通过MeasureSpec.getSize()获取测量大小;

2.MeasureSpec是一个32位的int值,高2位为测量的模式,低30位为测量的大小,使用位运算的目的在于提高优化效率。

二.测量的模式

1.EXACTLY,精确值模式:将layout_width或layout_height属性指定为具体数值或者match_parent。

2.AT_MOST,最大值模式:将layout_width或layout_height指定为wrap_content。

3.UNSPECIFIED: View想多大就多大

三.View类默认的onMeasure()方法只支持EXACTLY模式,如果要支持其它模式,就必须重写onMeasure(),重写onMeasure()的模板代码:

package com.example.demoapp.views; import android.content.Context; import android.view.View; public class MeasuredView extends View { public MeasuredView(Context context) { super(context); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { // 调用父类的onMeasure() super.onMeasure(measureWidth(widthMeasureSpec), measureHeight(heightMeasureSpec)); // 或者直接调用父类的setMeasuredDimension(),因为父类的onMeasure()最终调用了setMeasuredDimension() // setMeasuredDimension(measureWidth(widthMeasureSpec), measureHeight(heightMeasureSpec)); } /** * 测量View的width * @param measureSpec MeasureSpec对象 * @return View的width */ private int measureWidth(int measureSpec) { int result = 0; int specMode = MeasureSpec.getMode(measureSpec); int specSize = MeasureSpec.getSize(measureSpec); if (specMode == MeasureSpec.EXACTLY) { result = specSize; } else { result = 200; if (specMode == MeasureSpec.AT_MOST) { result = Math.min(result, specSize); } } return result; } /** * 测量View的height * @param measureSpec MeasureSpec对象 * @return View的height */ private int measureHeight(int measureSpec) { int result = 0; int specMode = MeasureSpec.getMode(measureSpec); int specSize = MeasureSpec.getSize(measureSpec); if (specMode == MeasureSpec.EXACTLY) { result = specSize; } else { result = 200; if (specMode == MeasureSpec.AT_MOST) { result = Math.min(result, specSize); } } return result; } }

四.View的绘制

1.2D绘图必备利器——Canvas

  1)获取Canvas对象的方式:

    a.由方法中的参数传入,例如,View的onDraw()中有一个参数就是Canvas对象

    b.通过构造方法构造,即:Canvas canvas = new Canvas(bitmap),在Canvas的构造方法传入一个Bitmap对象,即可获取一个Canvas对象。通过传入Bitmap对象构造Canvas对象的过程称为“画布的装载”,传入的Bitmap对象承载了多有绘制在Canvas上的像素信息,调用Canvas.drawXXX方法(如:Canvas.drawBitmap(bitmap, 0, 0, null))都将发生在该Bitmap对象上。

  2)利用Canvas绘图

    a.通过Canvas.drwaXXX进行绘制操作将直接作用于Bitmap对象,当再次刷新View的时候,我们将会被绘制的Bitmap对象发生了改变;

    b.利用Canvas和Paint进行绘图;

    c.不管多么复杂、精美的空间,都可以被拆分为一个个小的图形单元,我们只要找到这些图形单元,就可以将控件绘制出来。

五.ViewGroup的测量

  1.ViewGroup的作用:管理子View,如子View的大小、位置;

  2.ViewGroup通过遍历子View,调用子View的Measure()来获得每一个子View的测量结果;

  3.ViewGroup测量完子View,调用子View的Layout()将子View放到合适的位置;

  4.在自定义ViewGroup的时候,通常会重写onLayout()控制子View的显示;

  5.如果需要支持wrap_content属性,必须重写onMeasure()。

六、ViewGroup的绘制

  通常情况下,ViewGoup不需要绘制,但是ViewGroup会使用dispatchDraw()来绘制其子View。

七.自定义View

1.自定义View的时候,通常需要重写onDraw()来绘制View要显示的内容,如果还需要支持wrap_content属性,必须重写onMeasure();

2.通过自定义attrs属性,可以设置新的View属性;

3.View中一些重要的回调方法:

    1)onFinishInflate():从XML中加载组建后回调;

    2)onSizeChanged():组件大小改变时回调;

    3)onMeasure():进行测量;

    4)onLayout():设置显示的位置;

    5)onTouchEvent():触摸事件。

4.实现自定义View的三种常用方法:

    1)通过重写onDraw()对原生控件进行扩展;

    2)通过组合实现新的控件,通常集成一个合适的额ViewGoup,再通过addView()给它添加指定功能的控件,从而组合成新的复合控件。

    3)重写View实现全新的控件,通过重写onDraw(),onMeasure()实现绘制逻辑,重写onTouchEvent()实现交互逻辑。

5.自定义属性

    1)自定义属性的方法:在res资源目录的values目录下创建一个attrs.xml的属性定义文件,文件模板:

<?xml version="1.0" encoding="utf-8"?> <resources> <declare-styleable name="customAttr"> <attr name="title" format="string" /> <attr name="fontSize" format="dimension" /> <attr name="fontColor" format="color" /> <attr name="background" format="reference|color" /> <attr name="fontStyle" format="enum" /> <attr name="shadeSupport" format="boolean" /> </declare-styleable> </resources>

    2)通过TypedArray获取自定义属性集,通过TypedArray.getString()、TypedArray.getColor()等方法获取属性值,模板代码:

package com.jy.myrecyclerview.test; import android.content.Context; import android.content.res.TypedArray; import android.util.AttributeSet; import android.view.View; import com.jy.myrecyclerview.R; /** * Created by 123 on 2016/5/6. */ public class TestCustomAttrs extends View { private Context mContext; private AttributeSet mAttrs; private String mTitle; private float mFontSize; private int mFontColor; private int mBackground; private int mFontStyle; private boolean mShadeSupport; public TestCustomAttrs(Context context) { super(context); this.mContext = context; } public TestCustomAttrs(Context context, AttributeSet attrs) { super(context, attrs); this.mContext = context; this.mAttrs = attrs; } public TestCustomAttrs(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); this.mContext = context; this.mAttrs = attrs; } private void getCustomAttrs() { TypedArray ta = mContext.obtainStyledAttributes(mAttrs, R.styleable.customAttr); mTitle = ta.getString(R.styleable.customAttr_title); mFontSize = ta.getDimension(R.styleable.customAttr_fontSize, 10); mFontColor = ta.getColor(R.styleable.customAttr_fontColor, 0); mBackground = ta.getColor(R.styleable.customAttr_background, 0); mFontStyle = ta.getInt(R.styleable.customAttr_fontStyle, 0); mShadeSupport = ta.getBoolean(R.styleable.customAttr_shadeSupport, false); ta.recycle(); } }   

6.定义回调接口,实现自定义控件的灵活控制;

7.引用UI模板

    1)自定义控件需要使用命名空间进行引入:xmlns:custom="http://schemas.android.com/apk/res-auto",即将自定义控件的命名空间取名为custom

    2)在XML文件中使用自定义属性的时候,就可以通过这个命名空间来引用,代码模板如下:

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:custom="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" > <com.jy.myrecyclerview.test.TestCustomAttrs android:id="@+id/id_recyclerview" android:divider="#ffff0000" android:dividerHeight="10dp" android:layout_width="match_parent" android:layout_height="match_parent" custom:title="title" custom:fontSize="12sp" custom:fontColor="@color/colorPrimary" custom:background="@color/colorPrimary" custom:shadeSupport="false" /> </RelativeLayout>

九.自定义ViewGroup

  1.需要重写的方法:

    1)onMeasure():对子View进行测量;

    2)onLayout():设置子View的位置;

    3)onTouchEvent():设置触摸交互事件。

以上就是本文的全部内容,希望对大家的学习有所帮助。

时间: 2024-09-20 00:50:04

Android视图控件架构分析之View、ViewGroup的相关文章

Android视图控件架构分析之View、ViewGroup_Android

在Android中,视图控件大致被分为两类,即ViewGroup和View,ViewGroup控件作为父控件,包含并管理着子View,通过ViewGroup和View便形成了控件树,各个ViewGoup对象和View对象就是控件树中的节点.在控件树中,以树的深度来遍历查找对应的控件元素,同时,上层控件负责子控件的测量与绘制,并传递交互事件. Android控件树: AndroidUI界面架构图: 一.测量View的工具类:MeasureSpec 1.MeasureSpec包含了测量的模式和测量的

Android群英传笔记——第三章:Android控件架构与自定义控件讲解

Android群英传笔记--第三章:Android控件架构与自定义控件讲解 真的很久没有更新博客了,三四天了吧,搬家干嘛的,心累,事件又很紧,抽时间把第三章大致的看完了,当然,我还是有一点View的基础的,可以先看下我之前写的几篇基础的View博客 Android绘图机制(一)--自定义View的基础属性和方法 Android绘图机制(二)--自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解 Android绘图机制(三)--自定义View的三种实现方式以及实战

Android开发中include控件用法分析_Android

本文实例讲述了Android开发中include控件用法.分享给大家供大家参考,具体如下: 我们知道,基于Android系统的应用程序的开发,界面设计是非常重要的,它关系着用户体验的好坏.一个好的界面设计,不是用一个xml布局就可以搞定的.当一个activity中的控件非常多的时候,所有的布局文件都放在一个xml文件中,很容易想象那是多么糟糕的事情!笔者通过自身的经历,用include控件来解决这个问题,下面是一个小例子,仅仅实现的是布局,没有响应代码的设计. user.xml文件内容如下: <

Android Service控件用法实例分析_Android

本文实例讲述了Android Service控件用法.分享给大家供大家参考,具体如下: 1.Service是一个应用程序的组件 2.Service没有图形化界面 3.用来处理耗时比较长的功能(下载.播放MP3) 4.更新ContentProvider.Intent以及系统的启动 Servcie不是一个单独的进程,不是一个线程 定义一个Service比较简单,只要继承Service类,实现其生命周期的方法即可.一个定义好的Service必须在AndroidManifest.xml文件中通过<ser

Android Service控件用法实例分析

本文实例讲述了Android Service控件用法.分享给大家供大家参考,具体如下: 1.Service是一个应用程序的组件 2.Service没有图形化界面 3.用来处理耗时比较长的功能(下载.播放MP3) 4.更新ContentProvider.Intent以及系统的启动 Servcie不是一个单独的进程,不是一个线程 定义一个Service比较简单,只要继承Service类,实现其生命周期的方法即可.一个定义好的Service必须在AndroidManifest.xml文件中通过<ser

Android开发 -- 控件的显示与隐藏 setVisibility View.VISIBLE View.INVISIBLE View.GONE

在Android中setVisibility作为显示和隐藏的属性,一般我们呢都是在代码中进行操作,例如: [code]<span style="white-space:pre">  </span>this.mItem.setVisibility(View.VISIBLE);[code] 其能够被设置的值有三个,分别是: View.VISIBLE    可见 View.INVISIBLE    不可见,但是它原来占用的位子还在 View.GONE  不可见,并且不

android 时间控件概述

android的自带时间选择控件,是一个让用户既能输入的又能选择的样子.这本来没有太大的问题了. 但是,坑爹的android是开源的.自带的时间控件在某些机型上,早已经是面目全非了,在用以一个普通用户来说,苹果的时间滚轮的控件就是爽点. 要写滚轴控件,无非是要用好,写好wheelview这个类,对于wheelview这个类,我这里要做详细的分析.在iOS里面有一种控件------滚筒控件(Wheel View),这通常用于设置时间/日期,非常方便,但Android SDK并没有提供类似的控件.这

Android WebView控件捕获用户输入的信息_Android

WebView可所谓是Android中最强大的控件之一,无所不能. 于是有这么一个需求,用户在app之中内嵌的WebView中输入帐号密码的时候,App需要捕获已经输入的帐号密码. 当用户输入帐号密码,一般情况下会进行页面转跳,在页面转跳之前执行js脚本,通过js脚本来获取这个帐号密码的value值.要先获取各个元素的class值,需要解析整个html页面,那么我们可以重写 onLoadResource 这个方法,代码如下: webview.setWebViewClient(new WebVie

一个Demo让你掌握Android所有控件

原文:一个Demo让你掌握Android所有控件 本文是转载收藏,侵删,出处:"安卓巴士"       下面给出实现各个组件的源代码: 1.下拉框实现--Spinner [java] view plaincopyprint? package com.cellcom;      import java.util.ArrayList;   import java.util.List;      import android.app.Activity;   import android.os