流式布局

流失布局Activity

package com.example.www.liushibuju;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

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

public class LiuShiBuJuActivity extends AppCompatActivity {

    private EditText ed_text;
    private Button btn_seach;
    private Liushi liushi;
    private List<String> list = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_liu_shi_bu_ju);
        ed_text = findViewById(R.id.ed_text);
        btn_seach = findViewById(R.id.btn_seach);
        liushi = findViewById(R.id.layout_view);

        btn_seach.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                String trim = ed_text.getText().toString().trim();
                if (!TextUtils.isEmpty(trim)) {
                    if (list.contains(trim)) {
                        list.remove(trim);
                    }
                    list.add(0, trim);
                    liushi.setList(list);
                }
            }
        });
    }
}

流失布局Activity的xml

<?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=".LiuShiBuJuActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <EditText
            android:id="@+id/ed_text"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_toLeftOf="@+id/btn_seach"
            android:background="@drawable/sharp" />

        <Button
            android:id="@+id/btn_seach"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:text="搜索" />

    </RelativeLayout>
	
    <com.example.www.liushibuju.Liushi
        android:id="@+id/layout_view"
        android:layout_marginTop="50dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
    </com.example.www.liushibuju.Liushi>
</LinearLayout>

流式布局View

package com.example.www.liushibuju;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

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

public class Liushi extends RelativeLayout {


    private LinearLayout layout_v;
    private LinearLayout layout_h;
    private Context context;

    public Liushi(Context context) {
        super(context);
        init(context);
    }

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

    //初始化视图
    private void init(Context context) {
        this.context=context;
        //第一步创建垂直的视图
        View view = View.inflate(context, R.layout.layout_vv, null);
        layout_v = view.findViewById(R.id.layout_all);
        addView(view);
    }

    //传递数据
    private List<String> lists = new ArrayList<>();

    public void setList(List<String> list) {
        lists = list;
        int len = 0;
        layout_v.removeAllViews();
        //第二歨创建水平的

        layout_h = (LinearLayout) View.inflate(context, R.layout.layout_h, null);
        layout_v.addView(layout_h);
        for (int i = 0; i < list.size(); i++) {
            String s = list.get(i);
            len += s.length();
            if (len > 22) {
                layout_h = (LinearLayout) View.inflate(context, R.layout.layout_h, null);
                layout_v.addView(layout_h);
                len = 0;
            }
            final View layout_text = View.inflate(context, R.layout.layout_text, null);
            final TextView textView = layout_text.findViewById(R.id.textview);
            textView.setText(list.get(i));
            layout_h.addView(layout_text);

            LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) layout_text.getLayoutParams();
            layoutParams.rightMargin = 10;
            layoutParams.topMargin = 10;
            layoutParams.leftMargin = 10;
            layoutParams.weight = 1;
            layout_text.setLayoutParams(layoutParams);


            layout_text.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(context,textView.getText(),Toast.LENGTH_LONG).show();
                }
            });
            layout_text.setOnLongClickListener(new OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    String con = textView.getText().toString();//获取到内容
                    lists.remove(con);

                    setList(lists);
                    return true;
                }
            });


        }

    }
}

流式布局View Xml 垂直的

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:id="@+id/layout_all"
        >
    </LinearLayout>
</RelativeLayout>

流式布局View Xml 水平的

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:layout_height="wrap_content">

</LinearLayout>

流式布局View Xml TextView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:textSize="20sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:id="@+id/textview"/>
</RelativeLayout>

圆角搜索框

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="100dp"/>
    <stroke android:color="#fff000" android:width="1dp"/>
</shape>