首页 / 操作系统 / Linux / Android开发实践：自定义ViewGroup的onLayout（）分析
前一篇文章主要讲了自定义View为什么要重载onMeasure（）方法（见 http://www.linuxidc.com/Linux/2014-12/110164.htm），那么，自定义ViewGroup又都有哪些方法需要重载或者实现呢 ？Android开发中，对于自定义View，分为两种，一种是自定义控件（继承View类），另一种是自定义布局容器（继承ViewGroup）。如果是自定义控件，则一般需要重载两个方法，一个是onMeasure（），用来测量控件尺寸，另一个是onDraw（），用来绘制控件的UI。而自定义布局容器，则一般需要实现/重载三个方法，一个是onMeasure（），也是用来测量尺寸；一个是onLayout（），用来布局子控件；还有一个是dispatchDraw（），用来绘制UI。本文主要分析自定义ViewGroup的onLayout（）方法的实现。ViewGroup类的onLayout（）函数是abstract型，继承者必须实现，由于ViewGroup的定位就是一个容器，用来盛放子控件的，所以就必须定义要以什么的方式来盛放，比如LinearLayout就是以横向或者纵向顺序存放，而RelativeLayout则以相对位置来摆放子控件，同样，我们的自定义ViewGroup也必须给出我们期望的布局方式，而这个定义就通过onLayout（）函数来实现。我们通过实现一个水平优先布局的视图容器来更加深入地了解onLayout（）的实现吧，效果如图所示（黑色方块为子控件，白色部分为自定义布局容器）。该容器的布局方式是，首先水平方向上摆放子控件，水平方向放不下了，则另起一行继续水平摆放。1. 自定义ViewGroup的派生类第一步，则是自定ViewGroup的派生类，继承默认的构造函数。public class CustomViewGroup extends ViewGroup {
public CustomViewGroup（Context context） { super（context）; }
public CustomViewGroup（Context context, AttributeSet attrs） { super（context, attrs）; }
public CustomViewGroup（Context context, AttributeSet attrs, intdefStyle） { super（context, attrs, defStyle）; } }2. 重载onMeasure（）方法为什么要重载onMeasure（）方法这里就不赘述了，上一篇文章已经讲过，这里需要注意的是，自定义ViewGroup的onMeasure（）方法中，除了计算自身的尺寸外，还需要调用measureChildren（）函数来计算子控件的尺寸。onMeasure（）的定义不是本文的讨论重点，因此这里我直接使用默认的onMeasure（）定义，当然measureChildren（）是必须得加的。@Override protected void onMeasure（int widthMeasureSpec, int heightMeasureSpec） { measureChildren（widthMeasureSpec, heightMeasureSpec）; super.onMeasure（widthMeasureSpec, heightMeasureSpec）; }3. 实现onLayout（）方法 onLayout（）函数的原型如下：//@param changed 该参数指出当前ViewGroup的尺寸或者位置是否发生了改变 //@param left top right bottom 当前ViewGroup相对于其父控件的坐标位置 protected void onLayout（boolean changed,int left, int top, int right, int bottom）;由于我们希望优先横向布局子控件，那么，首先，我们知道总宽度是多少，这个值可以通过getMeasuredWidth（）来得到，当然子控件的宽度也可以通过子控件对象的getMeasuredWidth（）来得到。这样，就不复杂了，具体的实现代码如下所示：protected void onLayout（boolean changed, int left, int top, int right, int bottom） {
int mViewGroupWidth = getMeasuredWidth（）; //当前ViewGroup的总宽度
int mPainterPosX = left; //当前绘图光标横坐标位置 int mPainterPosY = top; //当前绘图光标纵坐标位置
int childCount = getChildCount（）; for （ int i = 0; i < childCount; i++ ） {
View childView = getChildAt（i）;
int width = childView.getMeasuredWidth（）; int height = childView.getMeasuredHeight（）;
</com.titcktick.customview.CustomViewGroup>5. 添加layout_margin为了让核心逻辑更加清晰，上面的onLayout（）实现我隐去了margin的计算，这样就会导致子控件的layout_margin不起效果，所以上述效果是子控件一个个紧挨着排列，中间没有空隙。那么，下面我们来研究下如何添加margin效果。其实，如果要自定义ViewGroup支持子控件的layout_margin参数，则自定义的ViewGroup类必须重载generateLayoutParams（）函数，并且在该函数中返回一个ViewGroup.MarginLayoutParams派生类对象，这样才能使用margin参数。ViewGroup.MarginLayoutParams的定义关键部分如下，它记录了子控件的layout_margin值：public static class MarginLayoutParams extends ViewGroup.LayoutParams { public int leftMargin; public int topMargin; public int rightMargin; public int bottomMargin; }你可以跟踪源码看看，其实XML文件中View的layout_xxx参数都是被传递到了各种自定义ViewGroup.LayoutParams派生类对象中。例如LinearLayout的LayoutParams定义的关键部分如下：public class LinearLayout extends ViewGroup {
public static class LayoutParams extends ViewGroup.MarginLayoutParams {
public float weight; public int gravity = -1;
public LayoutParams（Context c, AttributeSet attrs） {
@Override public LayoutParams generateLayoutParams（AttributeSet attrs） { return new LinearLayout.LayoutParams（getContext（）, attrs）; } }这样你大概就可以理解为什么LinearLayout的子控件支持weight和gravity的设置了吧，当然我们也可以这样自定义一些属于我们ViewGroup特有的params，这里就不详细讨论了，我们只继承MarginLayoutParams来获取子控件的margin值。public class CustomViewGroup extends ViewGroup {
public static class LayoutParams extends ViewGroup.MarginLayoutParams { public LayoutParams（Context c, AttributeSet attrs） { super（c, attrs）; } }
@Override public LayoutParams generateLayoutParams（AttributeSet attrs） { return new CustomViewGroup.LayoutParams（getContext（）, attrs）; }
}这样修改之后，我们就可以在onLayout（）函数中获取子控件的layout_margin值了，添加了layout_margin的onLayout（）函数实现如下所示：@Override protected void onLayout（boolean changed, int left, int top, int right, int bottom） {
int mViewGroupWidth = getMeasuredWidth（）; //当前ViewGroup的总宽度 int mViewGroupHeight = getMeasuredHeight（）; //当前ViewGroup的总高度
int mPainterPosX = left; //当前绘图光标横坐标位置 int mPainterPosY = top; //当前绘图光标纵坐标位置
int childCount = getChildCount（）; for （ int i = 0; i < childCount; i++ ） {
View childView = getChildAt（i）;
int width = childView.getMeasuredWidth（）; int height = childView.getMeasuredHeight（）;
易网时代-编程资源站