首页 / 移动开发 / Android / Android编程重写ViewGroup实现卡片布局的方法

本文实例讲述了Android编程重写ViewGroup实现卡片布局的方法。分享给大家供大家参考，具体如下：
实现效果如图：

实现思路
1. 重写onMeasure（int widthMeasureSpec, int heightMeasureSpec）设置每个子View的大小
2. 重写onLayout（boolean changed, int l, int t, int r, int b） 设置每个子View的位置
第一步：新建FlowLayout继承ViewGroup

package com.rong.activity;import android.content.Context;import android.util.AttributeSet;import android.view.View;import android.view.ViewGroup;/** * 卡片布局 ** @author 徐荣 * */public class FlowLayout extends ViewGroup {public FlowLayout（Context context, AttributeSet attrs） {super（context, attrs）;}@Overrideprotected void onLayout（boolean changed, int l, int t, int r, int b） {// 当前子View的数量int childSize = getChildCount（）;// 获取行宽int lineWidth = getMeasuredWidth（）;// 当前是第几行int lines = 1;// 当前累加的行宽int nowLineWidth = 0;for （int i = 0; i < childSize; i++） {View view = getChildAt（i）;// 子View的宽度int childWidth = view.getMeasuredWidth（）;// 子View的高度int childHeight = view.getMeasuredHeight（）;// 如果当前的nowLineWidth+childWidth>= lineWidth 则换行if （nowLineWidth + childWidth >= lineWidth） {nowLineWidth = 0;lines = lines + 1;}// 设置子View的位置view.layout（nowLineWidth, childHeight * （lines - 1）, nowLineWidth + childWidth, childHeight * lines）;nowLineWidth = nowLineWidth + childWidth;// 如果nowLineWidth >= lineWidth 则换行if （nowLineWidth >= lineWidth） {nowLineWidth = 0;lines = lines + 1;}}}@Overrideprotected void onMeasure（int widthMeasureSpec, int heightMeasureSpec） {super.onMeasure（widthMeasureSpec, heightMeasureSpec）;// 设置自己View的大小setMeasuredDimension（widthMeasureSpec, heightMeasureSpec）;for （int i = 0; i < getChildCount（）; i++） {View view = getChildAt（i）;// 设置每个子View的大小view.measure（view.getMeasuredWidth（）, view.getMeasuredHeight（））;}}}

第二步：新建布局文件

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/black"android:orientation="vertical" ><com.rong.activity.FlowLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:background="#ffffff" ><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Apple" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Button" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Cup" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Double" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Ear" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Flower" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Game" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Hotdog" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="interseting" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="joker" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="king" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="mother" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="lost" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="noting" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="orange" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="poker" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="qustion" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="ring" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="string" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="type" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="unit" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="vertion" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="west" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="x" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="young" /><Buttonandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="zip" /></com.rong.activity.FlowLayout></RelativeLayout>

运行！
更多关于Android相关内容感兴趣的读者可查看本站专题：《Android开发入门与进阶教程》、《Android基本组件用法总结》、《Android视图View技巧总结》、《Android布局layout技巧总结》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。