附录文章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; } } } }
如果把MyLayout里面的onMeasure里面的一段被注释掉的代码:
measuredWidth += v.getMeasuredWidth();
启用,同时在onLayout里面的一段被注释掉的代码:
l += childWidth;
启用,那么摆放出来的子view呈现阶梯状