AutoFlowLayoutTest

一、AutoFlowLayout应用场景

流式布局，在很多标签类的场景中可以用的；而网格布局在分类中以及自拍九宫格等场景很常见。如下所示：

如此使用频繁而又实现简单的控件，还是定制的好啊。

二、AutoFlowLayout实现效果

先介绍下这个控件的功能及效果。

1.功能

流式布局

自动换行 行数自定：单行/多行 支持单选/多选 支持行居中/靠左显示 支持添加/删除子View 支持子View点击/长按事件 网格布局

行数/列数自定 支持单选/多选 支持添加/删除子View 支持子View点击/长按事件 支持添加多样式分割线及横竖间隔

2.效果

下面以gif图的形式展现下实现的效果，样式简单了些，不过依然能展示出这个简单控件的多功能实用性。

流式布局

网格布局

最后一个是带间隔以及分割线的，由于录屏原因，只在跳过去的一瞬间显示了粉红色的一条线。真实如下图所示，可以定义横竖间距的大小，以及分割线的颜色，宽度。

三、AutoFlowLayout使用

1.添加依赖

①.在项目的 build.gradle 文件中添加

allprojects {
		repositories {
			...
			maven { url 'https://jitpack.io' }
		}
	}

②.在 module 的 build.gradle 文件中添加依赖

dependencies {
           compile 'com.github.LRH1993:AutoFlowLayout:1.0.5'
   }

2.属性说明

下表是自定义的属性说明，可在xml中声明，同时有对应的get/set方法，可在代码中动态添加。

3.使用示例

布局

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

    <Button
        android:layout_marginTop="20dp"
        android:id="@+id/tv_normal_flow"
        android:textSize="16sp"
        android:padding="10dp"
        android:text="普通的流式标签场景"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:layout_marginTop="20dp"
        android:id="@+id/tv_special_flow"
        android:textSize="16sp"
        android:padding="10dp"
        android:text="特殊的流式标签场景"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:layout_marginTop="20dp"
        android:id="@+id/tv_normal_grid"
        android:textSize="16sp"
        android:padding="10dp"
        android:text="普通的网格标签场景"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:layout_marginTop="20dp"
        android:id="@+id/tv_special_grid"
        android:textSize="16sp"
        android:padding="10dp"
        android:text="特殊的网格标签场景"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

代码设置数据

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button normalFlow = (Button) findViewById(R.id.tv_normal_flow);
        Button specialFlow = (Button) findViewById(R.id.tv_special_flow);
        Button normalGrid = (Button) findViewById(R.id.tv_normal_grid);
        Button specialGrid = (Button) findViewById(R.id.tv_special_grid);
        normalFlow.setOnClickListener(this);
        specialFlow.setOnClickListener(this);
        normalGrid.setOnClickListener(this);
        specialGrid.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.tv_normal_flow:{
                Intent intent = new Intent(MainActivity.this, NormalFlowActivity.class);
                startActivity(intent);
                break;
            }
            case R.id.tv_special_flow :{
                Intent intent = new Intent(MainActivity.this, SpecialFlowActivity.class);
                startActivity(intent);
                break;
            }
            case R.id.tv_normal_grid :{
                Intent intent = new Intent(MainActivity.this, NormalGridActivity.class);
                startActivity(intent);
                break;
            }
            case R.id.tv_special_grid :{
                Intent intent = new Intent(MainActivity.this, SpecialGridActivity.class);
                startActivity(intent);
                break;
            }
        }
    }
}
 

与ListView,GridView使用方式一样，实现FlowAdapter即可。