流式布局自定义简单使用

最新推荐文章于 2024-03-19 20:32:00 发布

阅读量155

点赞数 1

本文链接：https://blog.csdn.net/qq_43143884/article/details/83303438

版权

主页面布局

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

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    >
    <EditText
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:id="@+id/ed"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="添加"
        android:id="@+id/add"
        />

</LinearLayout>


<text.mfy.com.demo03_liushi.Layout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/lay"
    ></text.mfy.com.demo03_liushi.Layout>

</LinearLayout>

垂直布局

<?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="match_parent"
android:orientation="vertical"
>

</LinearLayout>

水平布局

<?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="match_parent"
android:orientation="horizontal"
>

</LinearLayout>

条目布局

<?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="match_parent"
android:orientation="vertical"
android:background="@drawable/yuan"
>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/tv"
    android:text="标题"
    android:layout_margin="5dp"
    android:layout_gravity="center"
    />
</LinearLayout>

shape 椭圆

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
>
<corners
    android:radius="10dp"
    ></corners>

<solid
    android:color="#00000000"
    ></solid>

<stroke
    android:width="0.1dp"
    android:color="#000"
    ></stroke>
</shape>

自定义布局类

**
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 java.util.List;

//继承线性布局 实现前三个方法
public class Layout extends LinearLayout {
private Context context;
private LinearLayout view;
private LinearLayout view1;
private LinearLayout view2;
private TextView tv;

public Layout(Context context) {
    super(context);
    //初始化数据传上下文
    initView(context);
}

public Layout(Context context, @Nullable AttributeSet attrs) {
    super(context, attrs);
    //初始化数据传上下文
    initView(context);
}

public Layout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    //初始化数据传上下文
    initView(context);
}

private void initView(Context context) {
    //一定记得先this.上下文=上下文 提上去 否则会报错 空指针
    this.context=context;
    //view inf 获取垂直布局  返回值 记得强转 线性布局 提上去
     view = (LinearLayout)View.inflate(context, R.layout.layout_ver, null);
    //直接添加view
    addView(view);
}

//公共的设置集合方法 括号里传集合
public void setList(List<String> list){
	//长度直接在这个方法里定义
     int len=0;
    //先清空垂直布局 删除全部
    view.removeAllViews();
    //在加载水平布局 强转 提上去
    view1 = (LinearLayout)View.inflate(context, R.layout.layout_hor, null);
    //在把水平布局添加到垂直布局里
    view.addView(view1);

    //for 循环条件集合大小
    for(int a=0;a<list.size();a++){
        //先获取集合位置 返回字符串
        String s = list.get(a);
        //len+=字符串的长度
        len+=s.length();
        //判断长度大于23 是否等于屏幕宽度
        if(len>23){
            //重新加载水平布局 复制上面
            //在加载水平布局 强转 提上去
            view1 = (LinearLayout)View.inflate(context, R.layout.layout_hor, null);
            //在把水平布局添加到垂直布局里
            view.addView(view1);
            //重新添加完 长度=0
            len=0;
        }
        //加载条目布局 强转提上去
         view2 =(LinearLayout) View.inflate(context, R.layout.layout_item, null);
        //获取控件提上去 强转
        tv =(TextView) view2.findViewById(R.id.tv);
        //给控件赋值上面字符串
        tv.setText(s);
        //把条目布局添加到水平力
        view1.addView(view2);
    }
}

}
**

主页面 MainActivity

**
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

private Layout lay;
private EditText ed;
private Button add;
//封装一个集合 实例化
private List<String> list=new ArrayList<>();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //获取控件 强转提上去
    lay = (Layout)findViewById(R.id.lay);
    ed=(EditText)findViewById(R.id.ed);
    add = (Button)findViewById(R.id.add);
    //按钮点击事件
    add.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //先获取输入的内容
            String ed1 = ed.getText().toString().trim();
            //判断ed1 textutil isem 为空
            if(TextUtils.isEmpty(ed1)){
                //吐司 然后返回
                Toast.makeText(MainActivity.this,"请输入内容",Toast.LENGTH_SHORT).show();
                //返回
                return;
            }
            //把输入的内容添加到集合
            list.add(ed1);
            //在设置集合到 自定义布局里面
            lay.setList(list);
        }
    });
}

}