Android 第三方流式佈局

先上效果圖:
在這裏插入圖片描述

在這裏插入圖片描述添加依賴:
1.在App的gradle中添加:
這裏寫圖片描述

2.在moudle的gradle中添加:
這裏寫圖片描述

UI界面:

//主控件
     <com.example.library.AutoFlowLayout
            android:layout_below="@id/resou"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/auto_layout"
            ></com.example.library.AutoFlowLayout>

//展示數據
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1111"
        android:layout_margin="10dp"
        android:background="@drawable/serch_bg"
        android:gravity="center"
        android:id="@+id/auto_tv"
        />
</LinearLayout>

主方法:

public class MainActivity extends AppCompatActivity {


    @BindView(R.id.et_tv)
    EditText etTv;
    @BindView(R.id.but_tv)
    TextView butTv;
    @BindView(R.id.liner)
    LinearLayout liner;
    @BindView(R.id.resou)
    TextView resou;
    @BindView(R.id.auto_layout)
    AutoFlowLayout autoLayout;
    @BindView(R.id.but)
    Button but;
    private List<String> list;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        list = new ArrayList<>();

        //添加內容
        butTv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String s = etTv.getText().toString();
                list.add(s);
                auto();

            }
        });

       //刪除清空
        but.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                etTv.getText().clear();
                list.clear();
                autoLayout.removeAllViews();

            }
        });

    }

//調用方法
    private void auto() {
        autoLayout.setAdapter(new FlowAdapter(list) {
            @Override
            public View getView(int i) {

                View view = View.inflate(MainActivity.this, R.layout.layout_auto, null);
                TextView auto_tv = view.findViewById(R.id.auto_tv);
                auto_tv.setText(list.get(i));
                list.clear();
                return view;
            }
        });
    }


}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章