【开源】AsymmetricGridView

AsymmetricGridView

• 项目地址： https://github.com/felipecsl/AsymmetricGridView

  介绍：

  使用ListView实现的GridView效果，其中每个子元素可以设置自己的占位，比如当前元素占几行几列（rowSpan 和columnSpan），所以看起来就像一个不规则的随机的网格布局。

  运行效果：

 

使用说明：

xml

1 2 3 4 5

<com.felipecsl.asymmetricgridview.library.widget.AsymmetricGridView     xmlns:android="http://schemas.android.com/apk/res/android"     android:id="@+id/listView"     android:layout_width="match_parent"     android:layout_height="match_parent"/>

activity中：

1 2 3 4 5 6 7 8 9 10 11 12

@Override protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_main);     listView = (AsymmetricGridView) findViewById(R.id.listView);     // Choose your own preferred column width     listView.setRequestedColumnWidth(Utils.dpToPx(this, 120));     final List<AsymmetricItem> items = new ArrayList<>();     // initialize your items array     adapter = new ListAdapter(this, listView, items);     listView.setAdapter(adapter); }

支持追加更多的元素：

1 2 3 4 5

// Will append more items at the end of the adapter. listView.getAdapter().appendItems(moreItems); // resetting the adapter items. Will clear the adapter // and add the new items. listView.getAdapter().setItems(items);

 

设置是否重新排列达到更好的显示效果：

1 2 3 4

// Setting to true will move items up and down to better use the space // Defaults to false. listView.setAllowReordering(true); listView.isAllowReordering(); // true

设置item的占位：

item 一般这样定义：

1 2 3 4 5

public DemoItem(final int columnSpan, final int rowSpan, int position) {     this.columnSpan = columnSpan;     this.rowSpan = rowSpan;     this.position = position; }

columnSpan 和rowSpan分别代表列占位和行占位。

说明：

目前当item的rowSpan = 2 columnSpan = 2时可以达到最佳的状态。这个后续会继续改进。

item的大小越统一，效率越高，特殊大小的元素少于20%是比较理想的状态。不然没法在不预留很多空位的情况下，合理的显示。