利用 RecyclerView 实现垂直交错的网格

最新推荐文章于 2024-10-23 10:17:33 发布

原创

最新推荐文章于 2024-10-23 10:17:33 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

效果如下(关于 RecyclerView 见前文)：

MainActivity.java :

package com.crazy.simplerecyclerviewof;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements SimpleItemAdapter.OnItemClickListener{

    private RecyclerView mRecyclerView;
    private SimpleItemAdapter mAdapter;

    /* 布局管理器 */
    private GridLayoutManager mVerticalGridManager;

    /* 修饰 */
    private ConnectorDecoration mConnectors;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mRecyclerView = new RecyclerView(this);
        mVerticalGridManager = new GridLayoutManager(this, 2,
                LinearLayoutManager.VERTICAL, false);


        // 垂直网格的连接线修饰
        mConnectors = new ConnectorDecoration(this);

        // 交错垂直网格
        mVerticalGridManager.setSpanSizeLookup(new GridStaggerLookup());

        mAdapter = new SimpleItemAdapter(this);
        mAdapter.setOnItemClickListener(this);
        mRecyclerView.setAdapter(mAdapter);

        // 对所有连接应用边缘修饰
        mRecyclerView.addItemDecoration(new InsetDecoration(this));

        // 默认为垂直布局
        selectLayoutManager(R.id.action_grid_vertical);
        setContentView(mRecyclerView);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.layout_options, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        return selectLayoutManager(item.getItemId());
    }

    private boolean selectLayoutManager(int id) {
        switch (id){
            case R.id.action_grid_vertical:
                mRecyclerView.setLayoutManager(mVerticalGridManager);
                mRecyclerView.addItemDecoration(mConnectors);
                return true;
            case R.id.action_add_item:
                // 插入新的项
                mAdapter.insertItemAtIndex("百家姓