Android学习自定义View(五)——自定义ViewGroup及其onMeasure()的理解

简介: MainActivity如下:package cc.testviewstudy5;import android.os.Bundle;import android.
MainActivity如下:
package cc.testviewstudy5;

import android.os.Bundle;
import android.app.Activity;
/**
 * Demo描述:
 * 自定义ViewGroup及其onMeasure()的理解
 * 
 * 参考资料:
 * 1 http://blog.csdn.net/guolin_blog/article/details/16330267
 * 2 http://blog.csdn.net/dawanganban/article/details/23953827
 *   Thank you very much
 */
public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(new ViewGroupSubClass(this));
	}

}

ViewGroupSubClass如下:
package cc.testviewstudy5;

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
/**
 * 当继承自ViewGroup时,如果在onMeasure()对于子View不调用
 * 1 measureChild(child, parentWidthMeasureSpec, parentHeightMeasureSpec)
 * 2 childView.measure(childWidthMeasureSpec, childHeightMeasureSpec)
 * 这两个方法的任何其中一个,那么:
 * childView.getMeasuredWidth()和childView.getMeasuredHeight()得到的值均为0
 * 
 * 这是为什么呢?
 * 因为ViewGroup继承自View,View就根本没有子View.所以:
 * 在ViewGroup的onMeasure()中的super.onMeasure(widthMeasureSpec,heightMeasureSpec)
 * 只是测量该ViewGroup本身的宽和高.而没有去测量其每个子View的宽和高.
 * 于是需要我们自己写代码去测量该ViewGroup的每个子View,或者让子View自己调用measure().这么操作以后,再用
 * childView.getMeasuredWidth()和childView.getMeasuredHeight()
 * 得到的值就不再是0了.
 * 
 * 假若不继承自ViewGroup而继承自XXXLayout,那么就不是必须要自己去测量每个子View的大小了.
 * 查看XXXLayout的源代码,可以看到在其onMeasure()中已经测量了子View的大小.
 *
 */
public class ViewGroupSubClass extends ViewGroup {

	public ViewGroupSubClass(Context context) {
		super(context);
		Button button1 = new Button(context);
		button1.setText("button1");
		this.addView(button1);

		Button button2 = new Button(context);
		button2.setText("button2");
		this.addView(button2);

		Button button3 = new Button(context);
		button3.setText("button3");
		this.addView(button3);

	}

	public ViewGroupSubClass(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

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

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		// 获取系统自动测量的该ViewGroup的大小
		int widthSize = MeasureSpec.getSize(widthMeasureSpec);
		int heightSize = MeasureSpec.getSize(heightMeasureSpec);
		System.out.println("获取系统自动测量的该ViewGroup的大小: widthSize="+widthSize+",heightSize="+heightSize);
		// 我们也可调用setMeasuredDimension()重新设置测量结果

		// 修改了系统自动测量的子View的大小
		int childCount = this.getChildCount();
		int childMeasuredWidth = 0;
		int childMeasuredHeight = 0;
		int childWidthMeasureSpec = 0;
		int childHeightMeasureSpec = 0;
		for (int i = 0; i < childCount; i++) {
			View childView = getChildAt(i);

			// 系统自动测量子View:
			measureChild(childView, widthMeasureSpec, heightMeasureSpec);

			// 如果不希望系统自动测量子View,我们用以下的方式:
			// childWidthMeasureSpec =
			// MeasureSpec.makeMeasureSpec(100,MeasureSpec.EXACTLY);
			// childHeightMeasureSpec =
			// MeasureSpec.makeMeasureSpec(100,MeasureSpec.EXACTLY);
			// childView.measure(childWidthMeasureSpec, childHeightMeasureSpec);
		}

		// 获取每个子View测量所得的宽和高
		for (int i = 0; i < childCount; i++) {
			View childView = getChildAt(i);
			childMeasuredWidth = childView.getMeasuredWidth();
			childMeasuredHeight = childView.getMeasuredHeight();
			System.out.println("i=" + i+ ",获取系统自动测量的该子View的大小:" +
					          "childMeasuredWidth="+ childMeasuredWidth + "," +
					          "childMeasuredHeight="+ childMeasuredHeight);
		}
	}

	@Override
	protected void onLayout(boolean arg0, int l, int t, int r, int b) {
		System.out.println("该ViewGroup的布局:"+"l="+l+",t="+t+",r="+r+",b="+b);
		int childCount = getChildCount();
		int left = 0;
		int top = 10;
		int right = 0;
		int bottom = 0;
		for (int i = 0; i < childCount; i++) {
			View childView = getChildAt(i);
			right = left + childView.getMeasuredWidth();
			// 也可不用测量所得的宽而指定一个值
			// right=left+180;
			bottom = top + childView.getMeasuredHeight();
			// 也可不用测量所得的高而指定一个值
			// bottom=top+180;
			childView.layout(left, top, right, bottom);
			System.out.println("i=" + i + ",该子View的布局:" + "" +
					          "left="+left+",top="+top+",right="+right+",bottom="+bottom);
			top += 190;
		}

	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
	}

}

main.xml如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
     >
    
    <cc.testviewstudy5.ButtonSubClass
        android:id="@+id/button"
        android:layout_width="100dip"
        android:layout_height="200dip"
        android:text="Button"/>

</RelativeLayout>

PS:
main.mxl没有任何用处
相关文章
|
Android开发 UED 计算机视觉
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
本文介绍了一款受游戏“金铲铲之战”启发的Android自定义View——线条等待动画的实现过程。通过将布局分为10份,利用`onSizeChanged`测量最小长度,并借助画笔绘制动态线条,实现渐变伸缩效果。动画逻辑通过四个变量控制线条的增长与回退,最终形成流畅的等待动画。代码中详细展示了画笔初始化、线条绘制及动画更新的核心步骤,并提供完整源码供参考。此动画适用于加载场景,提升用户体验。
826 5
Android自定义view之线条等待动画(灵感来源:金铲铲之战)
|
Android开发
Android自定义view之利用PathEffect实现动态效果
本文介绍如何在Android自定义View中利用`PathEffect`实现动态效果。通过改变偏移量,结合`PathEffect`的子类(如`CornerPathEffect`、`DashPathEffect`、`PathDashPathEffect`等)实现路径绘制的动态变化。文章详细解析了各子类的功能与参数,并通过案例代码展示了如何使用`ComposePathEffect`组合效果,以及通过修改偏移量实现动画。最终效果为一个菱形图案沿路径运动,源码附于文末供参考。
307 0
|
Android开发 开发者
Android自定义view之利用drawArc方法实现动态效果
本文介绍了如何通过Android自定义View实现动态效果,重点使用`drawArc`方法完成圆弧动画。首先通过`onSizeChanged`进行测量,初始化画笔属性,设置圆弧相关参数。核心思路是不断改变圆弧扫过角度`sweepAngle`,并调用`invalidate()`刷新View以实现动态旋转效果。最后附上完整代码与效果图,帮助开发者快速理解并实践这一动画实现方式。
343 0
|
Android开发 数据安全/隐私保护 开发者
Android自定义view之模仿登录界面文本输入框(华为云APP)
本文介绍了一款自定义输入框的实现,包含静态效果、hint值浮动动画及功能扩展。通过组合多个控件完成界面布局,使用TranslateAnimation与AlphaAnimation实现hint文字上下浮动效果,支持密码加密解密显示、去除键盘回车空格输入、光标定位等功能。代码基于Android平台,提供完整源码与attrs配置,方便复用与定制。希望对开发者有所帮助。
334 0
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
582 65
Android自定义view之网易云推荐歌单界面
|
XML 前端开发 Android开发
一篇文章带你走近Android自定义view
这是一篇关于Android自定义View的全面教程,涵盖从基础到进阶的知识点。文章首先讲解了自定义View的必要性及简单实现(如通过三个构造函数解决焦点问题),接着深入探讨Canvas绘图、自定义属性设置、动画实现等内容。还提供了具体案例,如跑马灯、折线图、太极图等。此外,文章详细解析了View绘制流程(measure、layout、draw)和事件分发机制。最后延伸至SurfaceView、GLSurfaceView、SVG动画等高级主题,并附带GitHub案例供实践。适合希望深入理解Android自定义View的开发者学习参考。
1050 84
|
前端开发 Android开发 UED
讲讲Android为自定义view提供的SurfaceView
本文详细介绍了Android中自定义View时使用SurfaceView的必要性和实现方式。首先分析了在复杂绘制逻辑和高频界面更新场景下,传统View可能引发卡顿的问题,进而引出SurfaceView作为解决方案。文章通过Android官方Demo展示了SurfaceView的基本用法,包括实现`SurfaceHolder.Callback2`接口、与Activity生命周期绑定、子线程中使用`lockCanvas()`和`unlockCanvasAndPost()`方法完成绘图操作。
408 3
|
Android开发 开发者
Android自定义view之围棋动画(化繁为简)
本文介绍了Android自定义View的动画实现,通过两个案例拓展动态效果。第一个案例基于`drawArc`方法实现单次动画,借助布尔值控制动画流程。第二个案例以围棋动画为例,从简单的小球直线运动到双向变速运动,最终实现循环动画效果。代码结构清晰,逻辑简明,展示了如何化繁为简实现复杂动画,帮助读者拓展动态效果设计思路。文末提供完整源码,适合初学者和进阶开发者学习参考。
280 0
Android自定义view之围棋动画(化繁为简)
|
Java Android开发 开发者
Android自定义view之围棋动画
本文详细介绍了在Android中自定义View实现围棋动画的过程。从测量宽高、绘制棋盘背景,到创建固定棋子及动态棋子,最后通过属性动画实现棋子的移动效果。文章还讲解了如何通过自定义属性调整棋子和棋盘的颜色及动画时长,并优化视觉效果,如添加渐变色让白子更明显。最终效果既可作为围棋动画展示,也可用作加载等待动画。代码完整,适合进阶开发者学习参考。
381 0
|
传感器 Android开发 开发者
Android自定义view之3D正方体
本文介绍了如何通过手势滑动操作实现3D正方体的旋转效果,基于Android自定义View中的GLSurfaceView。相较于使用传感器控制,本文改用事件分发机制(onTouchEvent)处理用户手势输入,调整3D正方体的角度。代码中详细展示了TouchSurfaceView的实现,包括触控逻辑、OpenGL ES绘制3D正方体的核心过程,以及生命周期管理。适合对Android 3D图形开发感兴趣的开发者学习参考。
347 0

热门文章

最新文章