流式布局

最新推荐文章于 2024-07-10 03:09:53 发布

yzt10444

最新推荐文章于 2024-07-10 03:09:53 发布

阅读量136

点赞数

本文链接：https://blog.csdn.net/yzt10444/article/details/82832135

版权

本文介绍了一种使用流式布局和自定义ViewGroup实现动态布局的方法。通过LinearLayout和自定义的CustomView与LiuShi组件，实现了根据屏幕宽度自动换行和动态添加视图的功能。文章详细展示了布局文件的配置和Java代码中视图的动态管理。

摘要由CSDN通过智能技术生成

//流式布局
android:layout_width=“match_parent”
android:layout_height=“0dp”
android:layout_weight=“2”
android:orientation=“horizontal”
>

</LinearLayout>
<ImageView
    android:layout_width="20dp"
    android:layout_height="20dp"
    android:id="@+id/qingkong"
    android:src="@drawable/ic_delete_black_24dp"
    />
<com.bwie.shopcar.liu.LiuShi
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/liushi"
    ></com.bwie.shopcar.liu.LiuShi>

//流式布局mainactivity
qingkong = findViewById(R.id.qingkong);
liushi = findViewById(R.id.liushi);
sousuo = findViewById(R.id.sousuo);
sousuo_btn = findViewById(R.id.sousuo_btn);
qingkong.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
list.clear();

                       liushi.removeAllViews();
                   }
               });

               sousuo_btn.setOnClickListener(new View.OnClickListener() {
                   @Override
                   public void onClick(View view) {
                       String st= sousuo.getText().toString();
                       list.add(st);
                       liushi.removeAllViews();
                       for (int i=0;i<list.size();i++){

                           TextView tv=new TextView(MainActivity.this);
                           tv.setText(list.get(i));
                           liushi.addView(tv);
                       }
                       liushi.setPadding(5,5,5,5);
                   }
               });

mvp customview

package com.bwie.shopcar.mvp;

import android.content.Context;
import android.util.AttributeSet;
import android.view.ViewGroup;

public class CustomView extends ViewGroup {
private int mleftMargin=20;
private int mtopMargin=20;

public CustomView(Context context) {
    this(context,null);
}

public CustomView(Context context, AttributeSet attrs) {
    this(context, attrs,0);
}

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

@Override

protected void onLayout(boolean b, int i, int i1, int i2, int i3) {
    int leftMargin = mleftMargin;
    int topMargin = mtopMargin;

    for (int j = 0; j < getChildCount(); j++) {
        int measuredWidth = getChildAt(j).getMeasuredWidth();
        int measuredHeight = getChildAt(j).getMeasuredHeight();
        if (leftMargin+measuredWidth+mleftMargin>getWidth()){
            leftMargin=mleftMargin;
            topMargin+=measuredHeight+mtopMargin;
            getChildAt(j).layout(leftMargin,topMargin,leftMargin+measuredWidth,topMargin+measuredHeight);
        }else {
            getChildAt(j).layout(leftMargin,topMargin,leftMargin+measuredWidth,topMargin+measuredHeight);
        }
        leftMargin+=measuredWidth+mleftMargin;
    }



}

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

    int leftMargin = mleftMargin;
    int topMargin = mtopMargin;

    int viewHeight = 0;
    int viewWidth = 0;

    //父控件传进来的宽度和高度以及对应的测量模式
    int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
    int modeWidth = MeasureSpec.getMode(widthMeasureSpec);
    int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
    int modeHeight = MeasureSpec.getMode(heightMeasureSpec);

    switch (modeHeight){
        case MeasureSpec.AT_MOST:
            int measuredHeight = 0;
            for (int j = 0; j < getChildCount(); j++) {
                int measuredWidth = getChildAt(j).getMeasuredWidth();
                measuredHeight = getChildAt(j).getMeasuredHeight();
                if (leftMargin+measuredWidth+mleftMargin>getWidth()){
                    leftMargin=mleftMargin;
                    topMargin+=measuredHeight+mtopMargin;
                }
                leftMargin+=measuredWidth+mleftMargin;
            }
            topMargin+=measuredHeight+mtopMargin;
            break;
    }
    setMeasuredDimension(sizeWidth,topMargin);


}

}

包liu
package com.bwie.shopcar.liu;

import android.content.Context;
import android.util.AttributeSet;
import android.view.ViewGroup;

public class LiuShi extends ViewGroup {
private int mLeftMargin = 20;
private int mTopMargin = 20;
public LiuShi(Context context) {
this(context,null);
}

public LiuShi(Context context, AttributeSet attrs) {
    this(context, attrs,0);
}

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

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

    int leftMargin = mLeftMargin;
    int topMargin = mTopMargin;

    int ViewWidth = 0;
    int ViewHeight = 0;

    int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
    int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
    int modelWidth = MeasureSpec.getMode(widthMeasureSpec);
    int modelHeight = MeasureSpec.getMode(heightMeasureSpec);

    switch (modelHeight){
        case MeasureSpec.AT_MOST:
            int measuredHeight = 0;
            for (int i = 0; i < getChildCount(); i++) {
                int measuredWidth = getChildAt(i).getMeasuredWidth();
                measuredHeight = getChildAt(i).getMeasuredHeight();

                if (leftMargin+measuredWidth+mLeftMargin > getWidth()){
                    leftMargin = mLeftMargin;
                    topMargin += measuredHeight+mTopMargin;
                }
                leftMargin += measuredWidth + mLeftMargin;
            }
            topMargin += measuredHeight+mTopMargin;
            break;
    }
    setMeasuredDimension(sizeWidth,topMargin);
}

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    int leftMargin = mLeftMargin;
    int topMargin = mTopMargin;

    for (int i = 0; i < getChildCount(); i++) {
        int measuredWidth = getChildAt(i).getMeasuredWidth();
        int measuredHeight = getChildAt(i).getMeasuredHeight();
        if (leftMargin+measuredWidth+mLeftMargin > getWidth()){
            leftMargin = mLeftMargin;
            topMargin += measuredHeight+mTopMargin;
            getChildAt(i).layout(leftMargin,topMargin,leftMargin+measuredWidth,topMargin+measuredHeight);
        }else {
            getChildAt(i).layout(leftMargin,topMargin,leftMargin+measuredWidth,topMargin+measuredHeight);
        }
        leftMargin+=measuredWidth+mLeftMargin;
    }
}

}