源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-08-16 05:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Android视图控件架构分析之View、ViewGroup
在Android中,视图控件大致被分为两类,即ViewGroup和View,ViewGroup控件作为父控件,包含并管理着子View,通过ViewGroup和View便形成了控件树,各个ViewGoup对象和View对象就是控件树中的节点。在控件树中,以树的深度来遍历查找对应的控件元素,同时,上层控件负责子控件的测量与绘制,并传递交互事件。 Android控件树:   [img]http://files.jb51.net/file_images/article/201605/201657134656306.png?201647134714[/img] AndroidUI界面架构图:   [img]http://files.jb51.net/file_images/article/201605/201657135506352.png?201647135545[/img] [b]一.测量View的工具类:MeasureSpec[/b] 1.MeasureSpec包含了测量的模式和测量的大小,通过MeasureSpec.getMode()获取测量模式,通过MeasureSpec.getSize()获取测量大小; 2.MeasureSpec是一个32位的int值,高2位为测量的模式,低30位为测量的大小,使用位运算的目的在于提高优化效率。 [b]二.测量的模式[/b] [b]1.EXACTLY,精确值模式[/b]:将layout_width或layout_height属性指定为具体数值或者match_parent。 [b]2.AT_MOST,最大值模式[/b]:将layout_width或layout_height指定为wrap_content。 [b]3.UNSPECIFIED[/b]: View想多大就多大 [b]三.View类默认的onMeasure()方法只支持EXACTLY模式[/b],如果要支持其它模式,就必须重写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;
  }
}

[b]四.View的绘制[/b] [b]1.2D绘图必备利器——Canvas[/b]   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.不管多么复杂、精美的空间,都可以被拆分为一个个小的图形单元,我们只要找到这些图形单元,就可以将控件绘制出来。 [b]五.ViewGroup的测量[/b]   1.ViewGroup的作用:管理子View,如子View的大小、位置;   2.ViewGroup通过遍历子View,调用子View的Measure()来获得每一个子View的测量结果;   3.ViewGroup测量完子View,调用子View的Layout()将子View放到合适的位置;   4.在自定义ViewGroup的时候,通常会重写onLayout()控制子View的显示;   5.如果需要支持wrap_content属性,必须重写onMeasure()。 [b]六、ViewGroup的绘制[/b]   通常情况下,ViewGoup不需要绘制,但是ViewGroup会使用dispatchDraw()来绘制其子View。 [b]七.自定义View[/b] 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>
[b]九.自定义ViewGroup[/b]   1.需要重写的方法:     1)onMeasure():对子View进行测量;     2)onLayout():设置子View的位置;     3)onTouchEvent():设置触摸交互事件。 以上就是本文的全部内容,希望对大家的学习有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部