自定义流失布局

最新推荐文章于 2024-04-29 02:32:58 发布

zhangteng2013090617

最新推荐文章于 2024-04-29 02:32:58 发布

阅读量157

点赞数

本文链接：https://blog.csdn.net/zhangteng2013090617/article/details/84638874

版权

流式布局的实现

实现原理：采用面向对象思想将整个布局分为很多行的对象，每个行对象管理自己行内的孩子，这里通过集合来管理。

自定义控件的代码：

package com.bawei.myapplication.waterfall;

import android.content.Context;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.bawei.myapplication.R;

import java.util.ArrayList;
import java.util.List;

/**
 * @author hasee
 */
public final class CustomWaterFallViewGroup extends LinearLayout{
    /**
     *   每行最大允许字符串商都
     */

    final int mMaxSize = 22;
    /**
     *     传入的字符串数组
      */
    List<String> stringList = new ArrayList<>();
    Context mContext;

    public CustomWaterFallViewGroup(Context context) {
        super(context);
        mContext = context;
        init();
    }

    public CustomWaterFallViewGroup(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mContext = context;
        init();
    }

    private void init() {
        // 设置最外层的LinearLayout为垂直布局
        setOrientation(VERTICAL);
    }
    
    public void setData(List<String> stringList){
        // 直接用新的列表，重新绘制
        this.stringList = stringList;
        showData();
    }

    public void showData(){
        //因为每一次都要新画，所以移除以前所有的布局
        removeAllViews();
        // 优先向根布局添加一条横向布局
        LinearLayout linearLayout_h = (LinearLayout) View.inflate(mContext, R.layout.item_water_fall_h, null);
        addView(linearLayout_h);

        // 定义临时变量，用来计算最后一行已有的字符串长度
        int len = 0;

        //遍历
        for(String str: stringList){
            // 将此字符串长度与记录的已有字符串长度相加
            len += str.length();
            // 如果长度大于规定最大长度，说明这一行放不下了，需要换行
            if (len == 0){
//                Toast.makeText(mContext,"请输入内容",Toast.LENGTH_SHORT).show();
            }else{
                if(len > mMaxSize){
                    // 向根布局添加一条横向布局
                    linearLayout_h = (LinearLayout) View.inflate(mContext, R.layout.item_water_fall_h, null);
                    addView(linearLayout_h);
                    // 因为换行，所以这一个字符串长度就是最后一行长度
                    len = str.length();
                }


                // 添加TextView,并赋值
                View view = View.inflate(mContext, R.layout.item_water_fall, null);
                TextView textView = view.findViewById(R.id.tv_item_water_fall);
                textView.setText(str);
                linearLayout_h.addView(view);

                // 设置权重，让每一行内所有控件相加充满整行，并合理分配
                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams)view.getLayoutParams();
                layoutParams.weight = 1;
                view.setLayoutParams(layoutParams);
            }

        }
    }
}

view的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <TextView
        android:id="@+id/tv_item_water_fall"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/edit_bg"
        android:layout_weight="1"
        android:textSize="20sp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="10dp"
        android:gravity="center">
    </TextView>
</LinearLayout>

在activity的布局文件中调用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".waterfall.WaterFallActivity">

    <EditText
        android:id="@+id/edit"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="输入"/>

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="add"/>
    <RelativeLayout
        android:background="#07edbf"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:text="搜索历史"
            android:textColor="#000"
            android:textSize="20sp" />

        <ImageView
            android:id="@+id/delete"
            android:layout_marginRight="10dp"
            android:layout_width="35dp"
            android:layout_height="35dp"
            android:layout_alignParentRight="true"
            android:layout_centerInParent="true"
            android:src="@drawable/delete" />
    </RelativeLayout>
    <com.bawei.myapplication.waterfall.CustomWaterFallViewGroup
        android:id="@+id/water_fall"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.bawei.myapplication.waterfall.CustomWaterFallViewGroup>

</LinearLayout>

activity中的运用：

package com.bawei.myapplication.waterfall;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;

import com.bawei.myapplication.R;

import java.util.ArrayList;
import java.util.List;

/**
 * 瀑布流
 * @author hasee
 */
public class WaterFallActivity extends AppCompatActivity {
    List<String> strList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_water_fall);
        initView();
    }

    private void initView() {
        final EditText editText = findViewById(R.id.edit);
        final CustomWaterFallViewGroup customWaterFallViewGroup = findViewById(R.id.water_fall);
        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 获取输入框文字
                String str = editText.getText().toString();
                // 将文字放入列表
                strList.add(str);
                // 设置数据
                customWaterFallViewGroup.setData(strList);
            }
        });
         /**
         * 点击图片将记录的文字清空
         */
        findViewById(R.id.delete).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                strList = new ArrayList<>();
                customWaterFallViewGroup.removeAllViews();
            }
        });
    }
}