Android 手把手教您自定义ViewGroup（一）

最新推荐文章于 2024-03-21 10:35:49 发布
最新推荐文章于 2024-03-21 10:35:49 发布
阅读量757 收藏 1
点赞数
分类专栏： Android 自定义组件 文章标签： ViewGroup 自定义组件

Android中View绘制流程以及invalidate()等相关方法分析

转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38339817 ， 本文出自:【张鸿洋的博客】

最近由于工作的变动，导致的博客的更新计划有点被打乱，希望可以尽快脉动回来~

今天给大家带来一篇自定义ViewGroup的教程，说白了，就是教大家如何自定义ViewGroup，如果你对自定义ViewGroup还不是很了解，或者正想学习如何自定义，那么你可以好好看看这篇博客。

1、概述

在写代码之前，我必须得问几个问题：

1、ViewGroup的职责是啥？

ViewGroup相当于一个放置View的容器，并且我们在写布局xml的时候，会告诉容器（凡是以layout为开头的属性，都是为用于告诉容器的），我们的宽度（layout_width）、高度（layout_height）、对齐方式（layout_gravity）等；当然还有margin等；于是乎，ViewGroup的职能为：给childView计算出建议的宽和高和测量模式 ；决定childView的位置；为什么只是建议的宽和高，而不是直接确定呢，别忘了childView宽和高可以设置为wrap_content，这样只有childView才能计算出自己的宽和高。

2、View的职责是啥？

View的职责，根据测量模式和ViewGroup给出的建议的宽和高，计算出自己的宽和高；同时还有个更重要的职责是：在ViewGroup为其指定的区域内绘制自己的形态。

3、ViewGroup和LayoutParams之间的关系？

大家可以回忆一下，当在LinearLayout中写childView的时候，可以写layout_gravity，layout_weight属性；在RelativeLayout中的childView有layout_centerInParent属性，却没有layout_gravity，layout_weight，这是为什么呢？这是因为每个ViewGroup需要指定一个LayoutParams，用于确定支持childView支持哪些属性，比如LinearLayout指定LinearLayout.LayoutParams等。如果大家去看LinearLayout的源码，会发现其内部定义了LinearLayout.LayoutParams，在此类中，你可以发现weight和gravity的身影。

2、View的3种测量模式

上面提到了ViewGroup会为childView指定测量模式，下面简单介绍下三种测量模式：

EXACTLY：表示设置了精确的值，一般当childView设置其宽、高为精确值、match_parent时，ViewGroup会将其设置为EXACTLY；

AT_MOST：表示子布局被限制在一个最大值内，一般当childView设置其宽、高为wrap_content时，ViewGroup会将其设置为AT_MOST；

UNSPECIFIED：表示子布局想要多大就多大，一般出现在AadapterView的item的heightMode中、ScrollView的childView的heightMode中；此种模式比较少见。

注：上面的每一行都有一个一般，意思上述不是绝对的，对于childView的mode的设置还会和ViewGroup的测量mode有一定的关系；当然了，这是第一篇自定义ViewGroup，而且绝大部分情况都是上面的规则，所以为了通俗易懂，暂不深入讨论其他内容。

3、从API角度进行浅析

上面叙述了ViewGroup和View的职责，下面从API角度进行浅析。

View的根据ViewGroup传人的测量值和模式，对自己宽高进行确定（onMeasure中完成），然后在onDraw中完成对自己的绘制。

ViewGroup需要给View传入view的测量值和模式（onMeasure中完成），而且对于此ViewGroup的父布局，自己也需要在onMeasure中完成对自己宽和高的确定。此外，需要在onLayout中完成对其childView的位置的指定。

4、完整的例子

需求：我们定义一个ViewGroup，内部可以传入0到4个childView，分别依次显示在左上角，右上角，左下角，右下角。

1、决定该ViewGroup的LayoutParams

对于我们这个例子，我们只需要ViewGroup能够支持margin即可，那么我们直接使用系统的MarginLayoutParams

[java]  view plain copy
  1. @Override  
  2.     public ViewGroup.LayoutParams generateLayoutParams(AttributeSet attrs)  
  3.     {  
  4.         return new MarginLayoutParams(getContext(), attrs);  
  5.     }  

重写父类的该方法，返回MarginLayoutParams的实例，这样就为我们的ViewGroup指定了其LayoutParams为MarginLayoutParams。

2、onMeasure

在onMeasure中计算childView的测量值以及模式，以及设置自己的宽和高：

[java]  view plain copy
  1. /** 
  2.      * 计算所有ChildView的宽度和高度 然后根据ChildView的计算结果，设置自己的宽和高 
  3.      */  
  4.     @Override  
  5.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)  
  6.     {  
  7.         /** 
  8.          * 获得此ViewGroup上级容器为其推荐的宽和高，以及计算模式 
  9.          */  
  10.         int widthMode = MeasureSpec.getMode(widthMeasureSpec);  
  11.         int heightMode = MeasureSpec.getMode(heightMeasureSpec);  
  12.         int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);  
  13.         int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);  
  14.   
  15.   
  16.         // 计算出所有的childView的宽和高  
  17.         measureChildren(widthMeasureSpec, heightMeasureSpec);  
  18.         /** 
  19.          * 记录如果是wrap_content是设置的宽和高 
  20.          */  
  21.         int width = 0;  
  22.         int height = 0;  
  23.   
  24.         int cCount = getChildCount();  
  25.   
  26.         int cWidth = 0;  
  27.         int cHeight = 0;  
  28.         MarginLayoutParams cParams = null;  
  29.   
  30.         // 用于计算左边两个childView的高度  
  31.         int lHeight = 0;  
  32.         // 用于计算右边两个childView的高度，最终高度取二者之间大值  
  33.         int rHeight = 0;  
  34.   
  35.         // 用于计算上边两个childView的宽度  
  36.         int tWidth = 0;  
  37.         // 用于计算下面两个childiew的宽度，最终宽度取二者之间大值  
  38.         int bWidth = 0;  
  39.   
  40.         /** 
  41.          * 根据childView计算的出的宽和高，以及设置的margin计算容器的宽和高，主要用于容器是warp_content时 
  42.          */  
  43.         for (int i = 0; i < cCount; i++)  
  44.         {  
  45.             View childView = getChildAt(i);  
  46.             cWidth = childView.getMeasuredWidth();  
  47.             cHeight = childView.getMeasuredHeight();  
  48.             cParams = (MarginLayoutParams) childView.getLayoutParams();  
  49.   
  50.             // 上面两个childView  
  51.             if (i == 0 || i == 1)  
  52.             {  
  53.                 tWidth += cWidth + cParams.leftMargin + cParams.rightMargin;  
  54.             }  
  55.   
  56.             if (i == 2 || i == 3)  
  57.             {  
  58.                 bWidth += cWidth + cParams.leftMargin + cParams.rightMargin;  
  59.             }  
  60.   
  61.             if (i == 0 || i == 2)  
  62.             {  
  63.                 lHeight += cHeight + cParams.topMargin + cParams.bottomMargin;  
  64.             }  
  65.   
  66.             if (i == 1 || i == 3)  
  67.             {  
  68.                 rHeight += cHeight + cParams.topMargin + cParams.bottomMargin;  
  69.             }  
  70.   
  71.         }  
  72.           
  73.         width = Math.max(tWidth, bWidth);  
  74.         height = Math.max(lHeight, rHeight);  
  75.   
  76.         /** 
  77.          * 如果是wrap_content设置为我们计算的值 
  78.          * 否则：直接设置为父容器计算的值 
  79.          */  
  80.         setMeasuredDimension((widthMode == MeasureSpec.EXACTLY) ? sizeWidth  
  81.                 : width, (heightMode == MeasureSpec.EXACTLY) ? sizeHeight  
  82.                 : height);  
  83.     }  

10-14行，获取该ViewGroup父容器为其设置的计算模式和尺寸，大多情况下，只要不是wrap_content，父容器都能正确的计算其尺寸。所以我们自己需要计算如果设置为wrap_content时的宽和高，如何计算呢？那就是通过其childView的宽和高来进行计算。

17行，通过ViewGroup的measureChildren方法为其所有的孩子设置宽和高，此行执行完成后，childView的宽和高都已经正确的计算过了

43-71行，根据childView的宽和高，以及margin，计算ViewGroup在wrap_content时的宽和高。

80-82行，如果宽高属性值为wrap_content，则设置为43-71行中计算的值，否则为其父容器传入的宽和高。

3、onLayout对其所有childView进行定位（设置childView的绘制区域）

[java]  view plain copy
  1. // abstract method in viewgroup  
  2.     @Override  
  3.     protected void onLayout(boolean changed, int l, int t, int r, int b)  
  4.     {  
  5.         int cCount = getChildCount();  
  6.         int cWidth = 0;  
  7.         int cHeight = 0;  
  8.         MarginLayoutParams cParams = null;  
  9.         /** 
  10.          * 遍历所有childView根据其宽和高，以及margin进行布局 
  11.          */  
  12.         for (int i = 0; i < cCount; i++)  
  13.         {  
  14.             View childView = getChildAt(i);  
  15.             cWidth = childView.getMeasuredWidth();  
  16.             cHeight = childView.getMeasuredHeight();  
  17.             cParams = (MarginLayoutParams) childView.getLayoutParams();  
  18.   
  19.             int cl = 0, ct = 0, cr = 0, cb = 0;  
  20.   
  21.             switch (i)  
  22.             {  
  23.             case 0:  
  24.                 cl = cParams.leftMargin;  
  25.                 ct = cParams.topMargin;  
  26.                 break;  
  27.             case 1:  
  28.                 cl = getWidth() - cWidth - cParams.leftMargin  
  29.                         - cParams.rightMargin;  
  30.                 ct = cParams.topMargin;  
  31.   
  32.                 break;  
  33.             case 2:  
  34.                 cl = cParams.leftMargin;  
  35.                 ct = getHeight() - cHeight - cParams.bottomMargin;  
  36.                 break;  
  37.             case 3:  
  38.                 cl = getWidth() - cWidth - cParams.leftMargin  
  39.                         - cParams.rightMargin;  
  40.                 ct = getHeight() - cHeight - cParams.bottomMargin;  
  41.                 break;  
  42.   
  43.             }  
  44.             cr = cl + cWidth;  
  45.             cb = cHeight + ct;  
  46.             childView.layout(cl, ct, cr, cb);  
  47.         }  
  48.   
  49.     }  

代码比较容易懂：遍历所有的childView，根据childView的宽和高以及margin，然后分别将0，1，2，3位置的childView依次设置到左上、右上、左下、右下的位置。

如果是第一个View(index=0) ：则childView.layout(cl, ct, cr, cb); cl为childView的leftMargin , ct 为topMargin , cr 为cl+ cWidth , cb为 ct + cHeight

如果是第二个View(index=1) ：则childView.layout(cl, ct, cr, cb); 

cl为getWidth() - cWidth - cParams.leftMargin- cParams.rightMargin;

ct 为topMargin , cr 为cl+ cWidth , cb为 ct + cHeight

剩下两个类似~

这样就完成了，我们的ViewGroup代码的编写，下面我们进行测试，分别设置宽高为固定值，wrap_content，match_parent

5、测试结果

布局1：

[html]  view plain copy
  1. <com.example.zhy_custom_viewgroup.CustomImgContainer xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="200dp"  
  4.     android:layout_height="200dp"  
  5.     android:background="#AA333333" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="50dp"  
  9.         android:layout_height="50dp"  
  10.         android:background="#FF4444"  
  11.         android:gravity="center"  
  12.         android:text="0"  
  13.         android:textColor="#FFFFFF"  
  14.         android:textSize="22sp"  
  15.         android:textStyle="bold" />  
  16.   
  17.     <TextView  
  18.         android:layout_width="50dp"  
  19.         android:layout_height="50dp"  
  20.         android:background="#00ff00"  
  21.         android:gravity="center"  
  22.         android:text="1"  
  23.         android:textColor="#FFFFFF"  
  24.         android:textSize="22sp"  
  25.         android:textStyle="bold" />  
  26.   
  27.     <TextView  
  28.         android:layout_width="50dp"  
  29.         android:layout_height="50dp"  
  30.         android:background="#ff0000"  
  31.         android:gravity="center"  
  32.         android:text="2"  
  33.         android:textColor="#FFFFFF"  
  34.         android:textSize="22sp"  
  35.         android:textStyle="bold" />  
  36.   
  37.     <TextView  
  38.         android:layout_width="50dp"  
  39.         android:layout_height="50dp"  
  40.         android:background="#0000ff"  
  41.         android:gravity="center"  
  42.         android:text="3"  
  43.         android:textColor="#FFFFFF"  
  44.         android:textSize="22sp"  
  45.         android:textStyle="bold" />  
  46.   
  47. </com.example.zhy_custom_viewgroup.CustomImgContainer>  

ViewGroup宽和高设置为固定值

效果图：



布局2：

[html]  view plain copy
  1. <com.example.zhy_custom_viewgroup.CustomImgContainer xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="wrap_content"  
  4.     android:layout_height="wrap_content"  
  5.     android:background="#AA333333" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="150dp"  
  9.         android:layout_height="150dp"  
  10.         android:background="#E5ED05"  
  11.         android:gravity="center"  
  12.         android:text="0"  
  13.         android:textColor="#FFFFFF"  
  14.         android:textSize="22sp"  
  15.         android:textStyle="bold" />  
  16.   
  17.     <TextView  
  18.         android:layout_width="50dp"  
  19.         android:layout_height="50dp"  
  20.         android:background="#00ff00"  
  21.         android:gravity="center"  
  22.         android:text="1"  
  23.         android:textColor="#FFFFFF"  
  24.         android:textSize="22sp"  
  25.         android:textStyle="bold" />  
  26.   
  27.     <TextView  
  28.         android:layout_width="50dp"  
  29.         android:layout_height="50dp"  
  30.         android:background="#ff0000"  
  31.         android:gravity="center"  
  32.         android:text="2"  
  33.         android:textColor="#FFFFFF"  
  34.         android:textSize="22sp"  
  35.         android:textStyle="bold" />  
  36.   
  37.     <TextView  
  38.         android:layout_width="50dp"  
  39.         android:layout_height="50dp"  
  40.         android:background="#0000ff"  
  41.         android:gravity="center"  
  42.         android:text="3"  
  43.         android:textColor="#FFFFFF"  
  44.         android:textSize="22sp"  
  45.         android:textStyle="bold" />  
  46.   
  47. </com.example.zhy_custom_viewgroup.CustomImgContainer>  
ViewGroup的宽和高设置为wrap_content
效果图：



布局3：

[html]  view plain copy
  1. <com.example.zhy_custom_viewgroup.CustomImgContainer xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:background="#AA333333" >  
  6.   
  7.     <TextView  
  8.         android:layout_width="150dp"  
  9.         android:layout_height="150dp"  
  10.         android:background="#E5ED05"  
  11.         android:gravity="center"  
  12.         android:text="0"  
  13.         android:textColor="#FFFFFF"  
  14.         android:textSize="22sp"  
  15.         android:textStyle="bold" />  
  16.   
  17.     <TextView  
  18.         android:layout_width="50dp"  
  19.         android:layout_height="50dp"  
  20.         android:background="#00ff00"  
  21.         android:gravity="center"  
  22.         android:text="1"  
  23.         android:textColor="#FFFFFF"  
  24.         android:textSize="22sp"  
  25.         android:textStyle="bold" />  
  26.   
  27.     <TextView  
  28.         android:layout_width="50dp"  
  29.         android:layout_height="50dp"  
  30.         android:background="#ff0000"  
  31.         android:gravity="center"  
  32.         android:text="2"  
  33.         android:textColor="#FFFFFF"  
  34.         android:textSize="22sp"  
  35.         android:textStyle="bold" />  
  36.   
  37.     <TextView  
  38.         android:layout_width="150dp"  
  39.         android:layout_height="150dp"  
  40.         android:background="#0000ff"  
  41.         android:gravity="center"  
  42.         android:text="3"  
  43.         android:textColor="#FFFFFF"  
  44.         android:textSize="22sp"  
  45.         android:textStyle="bold" />  
  46.   
  47. </com.example.zhy_custom_viewgroup.CustomImgContainer>  

ViewGroup的宽和高设置为match_parent



可以看到无论ViewGroup的宽和高的值如何定义，我们的需求都实现了预期的效果~~

好了，通过这篇教程，希望大家已经能够初步掌握自定义ViewGroup的步骤，大家可以尝试自定义ViewGroup去实现LinearLayout的效果~~

最后说明下，此为第一篇ViewGroup的教程，以后还会进一步的探讨如何更好的自定义ViewGroup~~~


下面是加入了padding

package com.example.customui.viewgroup;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

public class SquareViewGroup extends ViewGroup {
	
	
	
	public SquareViewGroup(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}

	public SquareViewGroup(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init();
	}

	private void init() {

	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		// super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		try {
			/**
			 * 获得此ViewGroup上级容器为其推荐的宽和高，以及计算模式
			 */
			int widthMode = MeasureSpec.getMode(widthMeasureSpec);
			int heightMode = MeasureSpec.getMode(heightMeasureSpec);
			int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
			int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);


			// 计算出所有的childView的宽和高
			measureChildren(widthMeasureSpec, heightMeasureSpec);
			//如果SquareViewGroup的宽高属性不是wrap_content时，就采用父布局计算的模式和大小
			if (widthMode == MeasureSpec.EXACTLY && heightMode == MeasureSpec.EXACTLY) {
				setMeasuredDimension(sizeWidth, sizeHeight);
				return;
			}
 
			
			/**
			 * 记录如果是wrap_content时设置的宽和高
			 */
			int width = 0;
			int height = 0;

			int cCount = getChildCount();

			int childWidth = 0;
			int childHeight = 0;
			MarginLayoutParams cParams = null;

			// 用于计算左边两个childView的高度
			int lHeight = 0;
			// 用于计算右边两个childView的高度，最终高度取二者之间大值
			int rHeight = 0;

			// 用于计算上边两个childView的宽度
			int tWidth = 0;
			// 用于计算下面两个childiew的宽度，最终宽度取二者之间大值
			int bWidth = 0;
			 
			/**
			 * 根据childView计算的出的宽和高，以及设置的margin计算容器的宽和高，主要用于容器是warp_content时
			 */
			for (int i = 0; i < cCount; i++) {
				View childView = getChildAt(i);
				if (childView == null) {
					return;
				}

				childWidth = childView.getMeasuredWidth();
				childHeight = childView.getMeasuredHeight();
				cParams = (MarginLayoutParams) childView.getLayoutParams();

				// 上面两个childView
				if (i == 0 || i == 1) {
					tWidth += childWidth + cParams.leftMargin
							+ cParams.rightMargin;
				}

				if (i == 2 || i == 3) {
					bWidth += childWidth + cParams.leftMargin
							+ cParams.rightMargin;
				}

				if (i == 0 || i == 2) {
					lHeight += childHeight + cParams.topMargin
							+ cParams.bottomMargin;
				}

				if (i == 1 || i == 3) {
					rHeight += childHeight + cParams.topMargin
							+ cParams.bottomMargin;
				}

			}

			width = Math.max(tWidth, bWidth);
			height = Math.max(lHeight, rHeight);

			width += (getPaddingLeft() + getPaddingRight());
			height += (getPaddingTop() + getPaddingBottom());
			/**
			 * 如果SquareViewGroup是wrap_content时设置为我们计算的值 ,否则：直接设置为父容器计算的值
			 * EXACTLY:
			 * 存储测量得到的宽度和高度值，如果没有这么去做会触发异常IllegalStateException
			 */
			setMeasuredDimension((widthMode == MeasureSpec.EXACTLY) ? sizeWidth
					: width, (heightMode == MeasureSpec.EXACTLY) ? sizeHeight
					: height);
		 
			
		} catch (Exception e) {
			// TODO: handle exception
		}
	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		try {
			int cCount = getChildCount();
			int cWidth = 0;
			int cHeight = 0;
			MarginLayoutParams cParams = null;
			int pl = 0, pt = 0, pr = 0, pb = 0;
			 pl = getPaddingLeft();
			 pt = getPaddingTop();
			 pr = getPaddingRight();
			 pb = getPaddingBottom();
			/**
			 * 遍历所有childView根据其宽和高，以及margin进行布局
			 */
			
			for (int i = 0; i < cCount; i++) {
				View childView = getChildAt(i);
				cWidth = childView.getMeasuredWidth();
				cHeight = childView.getMeasuredHeight();
				cParams = (MarginLayoutParams) childView.getLayoutParams();
				 
				// 左上右下
				int cl = 0, ct = 0, cr = 0, cb = 0;
	 
				switch (i) {
				case 0:
					cl = cParams.leftMargin+pl;
					ct = cParams.topMargin+pt;
					break;
				case 1:
					cl = getWidth() - cWidth - cParams.leftMargin
							- cParams.rightMargin-pr;
					ct = cParams.topMargin+pt;
					break;
				case 2:
					cl = cParams.leftMargin+pl;
					ct = getHeight() - cHeight - cParams.bottomMargin-pb;
					break;
				case 3:
					cl = getWidth() - cWidth - cParams.leftMargin
							- cParams.rightMargin-pr;
					ct = getHeight() - cHeight - cParams.bottomMargin-pb;
					break;

				}
				cr = cl + cWidth;
				cb = cHeight + ct;
				childView.layout(cl, ct, cr, cb);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	 
	@Override
	public ViewGroup.LayoutParams generateLayoutParams(AttributeSet attrs) {
		return new MarginLayoutParams(getContext(), attrs);
	}

	@Override
	protected ViewGroup.LayoutParams generateDefaultLayoutParams() {

		return new MarginLayoutParams(LayoutParams.MATCH_PARENT,
				LayoutParams.MATCH_PARENT);
	}

	// ViewGroup能够支持margin
	@Override
	protected ViewGroup.LayoutParams generateLayoutParams(
			ViewGroup.LayoutParams p) {
		return new MarginLayoutParams(p);
	}
	
	

}

对应布局文件，效果差不多，只是有了内边距 

<com.example.customui.viewgroup.SquareViewGroup xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="200dip"
    android:layout_height="wrap_content"
    android:background="#AA333333"
    android:paddingBottom="15dip"
    android:paddingLeft="10dip"
    android:layout_margin="5dip"
    android:paddingRight="15dip"
    android:paddingTop="15dip" >

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#FF4444"
        android:gravity="center"
        android:text="0"
        android:textColor="#FFFFFF"
        android:textSize="22sp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#00ff00"
        android:gravity="center"
        android:text="1"
        android:textColor="#FFFFFF"
        android:textSize="22sp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#ff0000"
        android:gravity="center"
        android:text="2"
        android:textColor="#FFFFFF"
        android:textSize="22sp"
        android:textStyle="bold" />

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#0000ff"
        android:gravity="center"
        android:text="3"
        android:textColor="#FFFFFF"
        android:textSize="22sp"
        android:textStyle="bold" />

</com.example.customui.viewgroup.SquareViewGroup>



乐由心起
关注
专栏目录
ViewGroup详解
weixin_45558166的博客
01-19 4490
理解Android ViewGroup及自定义ViewGroup什么是父控件和子控件什么是ViewGroupViewGroup的工作原理自定义ViewGroup步骤复杂的自定义ViewGroup 什么是父控件和子控件         父控件就是容纳子控件的控件(也就是我们常说的布局)也称作容器，常见的父控件有LinearLayout，RelativeLayout，FrameLayout，TableLayout，GridLayo
基础篇——View和ViewGroup的区别
热门推荐
一个灵活的胖子MrWang
09-07 3万+
写代码的四点： 1.明确需求。要做什么？ 2.分析思路。要怎么做？（1,2,3……） 3.确定步骤。每一个思路要用到哪些语句、方法和对象。 4.代码实现。用具体的语言代码将思路实现出来。 学习新技术的四点： 1.该技术是什么？ 2.该技术有什么特点？（使用需注意的方面） 3.该技术怎么使用？（写Demo） ...
自定义ViewGroup
qq_41672484的博客
03-20 1250
一、自定义ViewGroup代码 自定义VIew的关键在于重写onMeasure和onDraw，而自定义ViewGroup的关键在于重写onLayout方法。 public class FlowLayout extends ViewGroup { //存储每行由哪些控件 List<List<View>> lineViews = new ArrayList(); //存储每行的高度 List<Integer> heightArray =
android 自定义group,Android中使用自定义ViewGroup的总结
weixin_42348026的博客
05-25 384
自定义Layout可以分为两种情况。自定义ViewGroup，创造出一些不同于LinearLayout，RelativeLayout等之类的ViewGroup。比如：API 14以后增加的GridLayout、design support library中的CoordinatorLayout等等。自定义一些已经有的Layout然后加一些特殊的功能。比如：TableLayout以及percent s...
Android进阶教程之ViewGroup自定义布局
08-25
Android开发中，自定义ViewGroup是一项非常重要的技术，特别是在实际应用中，我们经常需要用到自定义控件，例如自定义圆形头像、自定义计步器等等。今天，我们将要学习Android进阶教程之ViewGroup自定义布局，这将对...
Android自定义ViewGroup实现标签流容器FlowLayout
09-01
在Android开发中，自定义ViewGroup是实现特定布局需求的重要手段。本文主要讲解如何自定义一个名为FlowLayout的标签流容器，适用于展示类似热门标签的自动换行布局。Flow Layout是一种布局方式，它允许子视图根据...
Android ViewGroup介绍+实例
帅次的博客
06-04 7319
ViewGroup是一个特殊的View，可以包含其他视图(称为子视图)。而ViewGroup是View的子类，所以ViewGroup可以当成普通的UI组件使用。ViewGroup是布局和视图容器的基类，该类还定义了ViewGroup.LayoutParams用作布局参数基类的类。
带你深入理解自定义View和自定义ViewGroup
Dakaring的专栏
05-26 1927
在实现自定义 View 和自定义 ViewGroup 的过程中，需要注意测量、布局和绘制的流程和方法，以及合理处理子视图的添加和移除。自定义 ViewGroup 是指通过继承现有的 ViewGroup 类，重写相关方法和管理子视图的布局和绘制逻辑，来创建一个新的自定义容器。自定义 View 是指通过继承现有的 View 类，重写相关方法和实现自定义的绘制逻辑，来创建一个新的自定义视图。在以上示例代码中，我们通过继承 View 或 ViewGroup 类，重写了关键的方法，以实现自定义的视图或容器。
【Android】自定义View / ViewGroup
helloworld370629的博客
11-30 1124
我们自定义View的目的是为了针对我们的工程需要，完成一些内置View不能实现或者实现起来很麻烦的功能。其中我们需要复写`onMeasure()`, `onLayout()`以及`onDraw()`。 接下来我们将通过自定义View实现类似于微信头像的效果。 自定义ViewGroup相比于自定义View会更加复杂一点，因为它不仅涉及到自身的测量，摆放以及绘制，还需要安排好子元素的测量，摆放以及绘制。但是ViewGroup本质上还是一个View，它继承自View.
Android Studio开发学习（四）——— View与ViewGroup
最新发布
m0_73391179的博客
03-21 1564
本期简单了解View和ViewGroup，以及简单使用自定义view和简单使用自定义ViewGroup。下期了解认识LinearLayout(线性布局)
控件之View与ViewGroup
Cristiano_san的博客
09-16 732
一、Android控件架构 1.1 关于View&ViewGroup 1、Android中每个控件都会在界面中占得一块矩形的区域 2、控件一般分为两类：ViewGroup控件和View控件，他们两个的关系如上图一样，ViewGroup可以包含View控件 3、通过最顶部的ViewGroup控件，整个界面上的控件就形成了一个 控件树 的结构 4、通常在使用 findViewById()方法 就是在控件树中以树的深度优先遍历来查找对应元素 5、ViewParent对象在控件树的顶部，作为整棵树的控制核
Android中对Group的各种操作示例代码
玄机逸士的专栏
01-06 1万+
1.  增加Group // create a group ContentValues values = new ContentValues(); values.put(ContactsContract.Groups.TITLE, “GROUPNAME”); Uri uri = getContentResolver().insert(ContactsContract.Groups.CONTENT
[原]ViewGroup(容器组件)详解(API解析)
dfu54516的博客
11-08 209
一. ViewGroup简介 1.View和ViewGroup关系 UI组件在Android中的位置 : Android中的UI组件大部分都放在android.widget 或者 android.view包中; View组件 和 ViewGroup组件都在android.view包中; View 和 ViewGroup关系 : 继承关系 : ViewGroup是View的...
Android Studio中Menu的group元素2-1
hou09tian的博客
11-09 1654
Android Studio的Menu菜单的group属性用来给菜单项进行分组，以便对同一个group的菜单项进行统一操作。可以通过代码或者XML文件实现对菜单项的统一操作。 1添加group元素 在菜单XML文件中添加group子元素，如图1所示。 图1 group元素 从图1中可以看到，添加了group子元素，并且设置了该元素的id属性。将三个菜单项放入该group中。 2通过代码统一操作 可以通过setGroupVisible()、setGroupEnabled和setGroup...
ViewGroup概述
m0_64365896的博客
03-17 323
在我们继承ViewGroup时会在除了构造函数之外提供这个方法，我们可以看到，在ViewGroup的源代码中方法是这样定义的，也就是父类没有提供方法的内容，需要我们自己实现。这个方法是用来想View容器中添加组件用的。2、ViewGroup是一个基类，并且是Layout和一些View组件的基类。1、ViewGroup是一个容器，而这个容器是继承与View的。等等，不一而足，眼界有多高相信看到的就有多远，呵呵。这个是我们布局的时候用的，待会我们就会使用到这个。这个方法用来返回指定位置的View。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值