//布局一个页面是主页面的
<?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="com.bwei.www.flowdome.MainActivity">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:layout_weight="8"
android:id="@+id/et_text"
android:layout_width="0dp"
android:layout_height="wrap_content" />
<Button
android:layout_weight="2"
android:id="@+id/btn_add"
android:text="搜索"
android:layout_width="0dp"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btn_decrease"
android:layout_weight="2"
android:layout_width="0dp"
android:text="清除"
android:layout_height="wrap_content" />
</LinearLayout>
<com.bwei.www.flowdome.FlowLayout
android:id="@+id/flow"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
/>
</LinearLayout>
//主页面代码
package com.bwei.www.flowdome;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
private EditText etText;
private Button btnAdd;
private Button btnDecrease;
private FlowLayout flow;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
etText = findViewById(R.id.et_text);
btnAdd = findViewById(R.id.btn_add);
btnDecrease = findViewById(R.id.btn_decrease);
flow = findViewById(R.id.flow);
addHistory();
btnAdd.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
addHistory();
}
});
btnDecrease.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
flow.removeAllViews();
}
});
}
private void addHistory() {
TextView txt = new TextView(this);
String s = etText.getText().toString();
if (!TextUtils.isEmpty(s)) {
txt.setText("" + s);
// Toast.makeText(this,""+txt.getText(),Toast.LENGTH_LONG).show();
txt.setPadding(15, 15, 15, 15);
flow.addView(txt);
}
}
}
//流式布局页面
package com.bwei.www.flowdome;
import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
/**
* Created by asus on 2018/11/18.
*/
public class FlowLayout extends ViewGroup {
public FlowLayout(Context context) {
this(context, null);
}
public FlowLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public FlowLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
//这行代码不能忘
measureChildren(0,0);
int totalWidth = 0;
int totalHeight = 0;
for (int i = 0; i < getChildCount(); i++) {
View view = getChildAt(i);
if (totalWidth + view.getMeasuredWidth() >= getMeasuredWidth()) {
totalWidth = 0;
totalHeight += view.getMeasuredHeight();
}
view.layout(
totalWidth,
totalHeight,
totalWidth + view.getMeasuredWidth(),
totalHeight + view.getMeasuredHeight());
totalWidth += view.getMeasuredHeight();
}
}
}