RecycleView的首次使用

最新推荐文章于 2021-05-26 16:49:43 发布

原创最新推荐文章于 2021-05-26 16:49:43 发布 · 481 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android

Android开发专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一种使用RecyclerView实现瀑布流效果的方法。通过自定义Adapter和采用StaggeredGridLayoutManager布局管理器，实现了基于Android平台的动态瀑布流布局，并提供了完整的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为了增加我对编写代码的热情，加深我编写代码的印象，我特意申请了一个优快云博客，开始记录我的程序猿生涯。由于初次使用。所以文章排版以及文章内容有些简陋，后续文章中我会改进。

今天我要实现的是用recycleview实现瀑布流的效果

效果图
源码

public class MainActivity extends Activity {

    private RecyclerView recyclerView;
    private ArrayList<produce> arrayList;
    private MyAdapter adapter;
    int[]image=new int[]{R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e,R.drawable.f,R.drawable.g,R.drawable.l,R.drawable.m,R.drawable.n};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        initData();
        recyclerView = (RecyclerView) findViewById(R.id.recycle_view);
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
        adapter = new MyAdapter();
        recyclerView.setAdapter(adapter);
    }
    public void initData(){
        arrayList = new ArrayList<produce>();
        for (int i = 0; i <image.length; i++) {
            produce produce=new produce();
            produce.setImage(image[i]);
            produce.setTitle("这只是个标题");
            arrayList.add(produce);
        }
    }
    class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{

        public class MyViewHolder extends RecyclerView.ViewHolder{

            private TextView textView;
            private ImageView imageView;

            public MyViewHolder(View itemView) {
                super(itemView);
                textView = (TextView) itemView.findViewById(R.id.tv_title);
                imageView = (ImageView)itemView. findViewById(R.id.image);

            }

        }

        @Override
        public int getItemCount() {
            // TODO Auto-generated method stub
            return arrayList.size();
        }

        @Override
        public void onBindViewHolder(MyViewHolder arg0, final int arg1) {
            // TODO Auto-generated method stub
            arg0.textView.setText(arrayList.get(arg1).getTitle());
            arg0.imageView.setImageResource(arrayList.get(arg1).getImage());
            arg0.textView.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    adapter.notifyItemRemoved(arg1);
                    Toast.makeText(MainActivity.this, "chenggg", 1).show();
                }
            });
        }

        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup arg0, int arg1) {
            // TODO Auto-generated method stub
            View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.list_item, arg0, false);
            MyViewHolder holder=new MyViewHolder(view);
            return holder;
        }

    }

定义图片资源和标题资源

int[]image=new int[]{R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e,R.drawable.f,R.drawable.g,R.drawable.l,R.drawable.m,R.drawable.n};
String[]title=new String[]{};

初始化数据

public void initData(){ arrayList = new ArrayList<produce>(); for (int i = 0; i <image.length; i++) { produce produce=new produce(); produce.setImage(image[i]); produce.setTitle("这只是个标题"); arrayList.add(produce); } }
其中，produce是我自己建的一个产品类，用来处理图片和文字。

设置recycleview的布局格式为瀑布流，设置列数为两行，方向为纵向滑动
- recyclerView = (RecyclerView) findViewById(R.id.recycle_view); recyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
接下来是recycleview的adapter适配

class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{

        public class MyViewHolder extends RecyclerView.ViewHolder{

            private TextView textView;
            private ImageView imageView;

            public MyViewHolder(View itemView) {
                super(itemView);
                textView = (TextView) itemView.findViewById(R.id.tv_title);
                imageView = (ImageView)itemView. findViewById(R.id.image);

            }

        }

        @Override
        public int getItemCount() {
            // TODO Auto-generated method stub
            return arrayList.size();
        }

        @Override
        public void onBindViewHolder(MyViewHolder arg0, final int arg1) {
            // TODO Auto-generated method stub
            arg0.textView.setText(arrayList.get(arg1).getTitle());
            arg0.imageView.setImageResource(arrayList.get(arg1).getImage());
            arg0.textView.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    adapter.notifyItemRemoved(arg1);
                    Toast.makeText(MainActivity.this, "chenggg", 1).show();
                }
            });
        }

        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup arg0, int arg1) {
            // TODO Auto-generated method stub
            View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.list_item, arg0, false);
            MyViewHolder holder=new MyViewHolder(view);
            return holder;
        }

    }