一篇文章弄懂Android自定义viewgroup的相关难点

public class BannerImageView extends ImageView {

 //宽高比
 float ratio;

 public BannerImageView(Context context) {
 super(context);
 }

 public BannerImageView(Context context, AttributeSet attrs) {
 super(context, attrs);

 TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.BannerImageView);
 ratio = typedArray.getFloat(R.styleable.BannerImageView_ratio, 1.0f);
 typedArray.recycle();
 }

 public BannerImageView(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 //人家自己的测量还是要自己走一遍的，因为这个方法内部会调用setMeasuredDimension方法来保存测量结果了
 //只有保存了以后 我们才能取得这个测量结果 否则你下面是取不到的
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);

 //取测量结果
 int mWidth = getMeasuredWidth();

 int mHeight = (int) (mWidth * ratio);

 //保存了以后，父view就可以拿到这个测量的宽高了。不保存是拿不到的噢。
 setMeasuredDimension(mWidth, mHeight);
 }
}

public class LoadingView extends View {

 //圆形的半径
 int radius;

 //圆形外部矩形rect的起点
 int left = 10, top = 30;


 Paint mPaint = new Paint();

 public LoadingView(Context context) {
 super(context);
 }

 public LoadingView(Context context, AttributeSet attrs) {
 super(context, attrs);
 TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.LoadingView);
 radius = typedArray.getInt(R.styleable.LoadingView_radius, 0);
 }

 public LoadingView(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);


 int width = left + radius * 2;
 int height = top + radius * 2;

 //一定要用resolveSize方法来格式化一下你的view宽高噢，否则遇到某些layout的时候一定会出现奇怪的bug的。
 //因为不用这个 你就完全没有父view的感受了 最后强调一遍
 width = resolveSize(width, widthMeasureSpec);
 height = resolveSize(height, heightMeasureSpec);

 setMeasuredDimension(width, height);
 }

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

 RectF oval = new RectF(left, top,
  left + radius * 2, top + radius * 2);
 mPaint.setColor(Color.BLUE);
 canvas.drawRect(oval, mPaint);
 //先画圆弧
 mPaint.setColor(Color.RED);
 mPaint.setStyle(Paint.Style.STROKE);
 mPaint.setStrokeWidth(2);
 canvas.drawArc(oval, -90, 360, false, mPaint);
 }
}

<LinearLayout
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:background="#000000"
  android:orientation="horizontal">

  <com.example.a16040657.customviewtest.LoadingView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@mipmap/dly"
   app:radius="200"></com.example.a16040657.customviewtest.LoadingView>

  <com.example.a16040657.customviewtest.LoadingView
   android:layout_marginLeft="10dp"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@mipmap/dly"
   app:radius="200"></com.example.a16040657.customviewtest.LoadingView>
 </LinearLayout>

/**
 * 写一个简单的flowlayout 从左到右的简单layout，如果宽度不够放 就直接另起一行layout
 * 这个类似的开源控件有很多，有很多写的出色的，我这里只仅仅实现一个初级的flowlayout
 * 也是最简单的，目的是为了理解自定义viewgroup的关键核心点。
 * <p>
 * 比方说这里并没有对padding或者margin做特殊处理，你们自己写viewgroup的时候 记得把这些属性的处理都加上
 * 否则一旦有人用了这些属性 发现没有生效就比较难看了。。。。。。
 */
public class SimpleFlowLayout extends ViewGroup {
 public SimpleFlowLayout(Context context) {
  super(context);
 }

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

 public SimpleFlowLayout(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
 }

 /**
  * layout的算法 其实就是 不够放剩下一行 那另外放一行 这个过程一定要自己写一遍才能体会，
  * 个人有个人的写法，说不定你的写法比开源的项目还要好
  * 其实也没什么夸张的，无法就是前面onMeasure结束以后 你可以拿到所有子view和自己的 测量宽高 然后就算呗
  *
  * @param changed
  * @param l
  * @param t
  * @param r
  * @param b
  */

 @Override
 protected void onLayout(boolean changed, int l, int t, int r, int b) {
  int childTop = 0;
  int childLeft = 0;
  int childRight = 0;
  int childBottom = 0;

  //已使用 width
  int usedWidth = 0;


  //customlayout 自己可使用的宽度
  int layoutWidth = getMeasuredWidth();
  Log.v("wuyue", "layoutWidth==" + layoutWidth);
  for (int i = 0; i < getChildCount(); i++) {
   View childView = getChildAt(i);
   //取得这个子view要求的宽度和高度
   int childWidth = childView.getMeasuredWidth();
   int childHeight = childView.getMeasuredHeight();

   //如果宽度不够了 就另外启动一行
   if (layoutWidth - usedWidth < childWidth) {
    childLeft = 0;
    usedWidth = 0;
    childTop += childHeight;
    childRight = childWidth;
    childBottom = childTop + childHeight;
    childView.layout(0, childTop, childRight, childBottom);
    usedWidth = usedWidth + childWidth;
    childLeft = childWidth;
    continue;
   }
   childRight = childLeft + childWidth;
   childBottom = childTop + childHeight;
   childView.layout(childLeft, childTop, childRight, childBottom);
   childLeft = childLeft + childWidth;
   usedWidth = usedWidth + childWidth;

  }
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

  //先取出SimpleFlowLayout的父view 对SimpleFlowLayout 的测量限制 这一步很重要噢。
  //你只有知道自己的宽高 才能限制你子view的宽高
  int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  int widthSize = MeasureSpec.getSize(widthMeasureSpec);
  int heightSize = MeasureSpec.getSize(heightMeasureSpec);


  int usedWidth = 0;  //已使用的宽度
  int remaining = 0;  //剩余可用宽度
  int totalHeight = 0; //总高度
  int lineHeight = 0;  //当前行高

  for (int i = 0; i < getChildCount(); i++) {
   View childView = getChildAt(i);
   LayoutParams lp = childView.getLayoutParams();

   //先测量子view
   measureChild(childView, widthMeasureSpec, heightMeasureSpec);
   //然后计算一下宽度里面 还有多少是可用的 也就是剩余可用宽度
   remaining = widthSize - usedWidth;

   //如果一行不够放了，也就是说这个子view测量的宽度 大于 这一行 剩下的宽度的时候 我们就要另外启一行了
   if (childView.getMeasuredWidth() > remaining) {
    //另外启动一行的时候，使用过的宽度 当然要设置为0
    usedWidth = 0;
    //另外启动一行了 我们的总高度也要加一下，不然高度就不对了
    totalHeight = totalHeight + lineHeight;
   }

   //已使用 width 进行 累加
   usedWidth = usedWidth + childView.getMeasuredWidth();
   //当前 view 的高度
   lineHeight = childView.getMeasuredHeight();
  }

  //如果SimpleFlowLayout 的高度 为wrap cotent的时候 才用我们叠加的高度，否则，我们当然用父view对如果SimpleFlowLayout 限制的高度
  if (heightMode == MeasureSpec.AT_MOST) {
   heightSize = totalHeight;
  }
  setMeasuredDimension(widthSize, heightSize);
 }
}