Android自定义ViewGroup：实现简单的垂直方向线性布局（2）

- 日理万妓 2024-02-17 17:17 56阅读 0赞

**Android自定义ViewGroup：实现简单的垂直方向线性布局（2）**

附录文章1自定义了一个ViewGroup，该ViewGroup实现了一个线性布局，水平方向的。本文修改附录文章1中的MyLayout.java代码文件，作为演练，再次实现一个简单的线性布局，不过这次的线性布局是垂直方向上的。  
附录文章1的全部代码均不用修改，只需要把MyLayout.java的某些地方代码调整，即可实现线性布局的垂直方向布局：

package zhangphil.layout;
    
    import android.content.Context;
    import android.util.AttributeSet;
    import android.view.View;
    import android.view.ViewGroup;
    
    public class MyLayout extends ViewGroup {
    
        public MyLayout(Context context, AttributeSet attrs) {
            super(context, attrs);
        }
    
        // 度量全部子view要占用的空间，宽和高
        //onMeasure被Android系统调用是在onLayout之前
        @Override
        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    
            //所有子view加起来总的Measured Dimension高度和宽度
            int measuredWidth = 0;
            int measuredHeight = 0;
    
            int count = getChildCount();
            for (int i = 0; i < count; i++) {
                View v = getChildAt(i);
                if (v.getVisibility() != View.GONE) {
                    measureChild(v, widthMeasureSpec, heightMeasureSpec);
    
                    //measuredWidth += v.getMeasuredWidth();
                    measuredWidth=Math.max(measuredWidth,v.getMeasuredWidth());
    
                    measuredHeight += v.getMeasuredHeight();
                    //measuredHeight=Math.max(measuredHeight, v.getMeasuredHeight());
                }
            }
    
            //仔细检查！不要疏忽掉一些padding的值
            measuredWidth += getPaddingLeft() + getPaddingRight();
            measuredHeight += getPaddingTop() + getPaddingBottom();
    
            //可选
            //measuredWidth = Math.max(measuredWidth, getSuggestedMinimumWidth());
            //measuredHeight = Math.max(measuredHeight, getSuggestedMinimumHeight());
    
            //另外一种set度量值的方法
            //setMeasuredDimension(resolveSize(measuredWidth, widthMeasureSpec),resolveSize(measuredHeight, heightMeasureSpec));
    
            setMeasuredDimension(measuredWidth, measuredHeight);
        }
    
        //Android系统在onMeasure之后调用onLayout
        @Override
        protected void onLayout(boolean changed, int l, int t, int r, int b) {
            //此时回调的参数l,t,r,b是上一步onMeasure计算出来的值。r是总宽度，b是总高度
            //我们在l,t,r,b这四个参数“框”出来的空间内一个一个摆放我们自己的子view
    
            int count = getChildCount();
            for (int i = 0; i < count; i++) {
                View v = getChildAt(i);
                if (v.getVisibility() != View.GONE) {
                    int childWidth = v.getMeasuredWidth();
                    int childHeight = v.getMeasuredHeight();
    
                    //开始摆放
                    v.layout(l, t, l + childWidth, t + childHeight);
    
                    //把左边的锚定位置往右移
                    //如果在垂直方向继续累加l偏移量，那么显示出来的三个子view呈现阶梯状。
                    //l += childWidth;
    
                    //垂直方向累计坐标量
                    t += childHeight;
                }
            }
        }
    }

代码运行结果：

![Center][]

如果把MyLayout里面的onMeasure里面的一段被注释掉的代码：  
measuredWidth += v.getMeasuredWidth();  
启用，同时在onLayout里面的一段被注释掉的代码：  
l += childWidth;  
启用，那么摆放出来的子view呈现阶梯状，如图所示：

![Center 1][]

附录文章：  
1，《Android自定义ViewGroup：onMeasure与onLayout（1）》链接地址：[http://blog.csdn.net/zhangphil/article/details/51191567][http_blog.csdn.net_zhangphil_article_details_51191567]

[Center]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/9c37e6b1844843c4b8b1d7460d1648b8.png
[Center 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/30/1e96af10716b48efb46ba4526cb44669.png
[http_blog.csdn.net_zhangphil_article_details_51191567]: http://blog.csdn.net/zhangphil/article/details/51191567