RecyclerView,StaggeredGridLayoutManager瀑布流,CardView的结合使用

加入依赖:

    //使用RecyclerView加入的依赖
    compile 'com.android.support:design:25.0.0'
    //使用CardView加入的依赖
    compile 'com.android.support:cardview-v7:21.0.3'

直接进入正题看效果:

RecyclerView,StaggeredGridLayoutManager瀑布流,CardView的结合使用_第1张图片

activity_main:




    
    



MainActivity:
package com.youli.snackbar;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;

import java.util.ArrayList;
import java.util.List;

public class Main2Activity extends AppCompatActivity {

    private List data;
    private int[] imgs ={
            R.mipmap.zzz,R.mipmap.ee,R.mipmap.qq,R.mipmap.zzz,
            R.mipmap.ee,R.mipmap.qq,R.mipmap.ww,R.mipmap.ee
            ,R.mipmap.qq,R.mipmap.zzz,R.mipmap.ee,R.mipmap.qq,
            R.mipmap.ww,R.mipmap.ee,R.mipmap.qq,R.mipmap.zzz,
            R.mipmap.ee,R.mipmap.qq,R.mipmap.zzz,R.mipmap.ee};
    private String[] titles ={
            "侠客行","十步杀一人,千里不留行",
            "秋菊为什么这么黄","冬梅为什么这么白",
            "玫瑰为什么这么红","晓月是个什么鬼",
            "如花是个什么花","燕雀是个什么鸟",
            "青瓷是个什么瓶","浮萍是个泡沫吗",
            "翡翠可以吃吗","红缨是个什么梗",
            "踏雪会有脚印的","彩石是用来画画的",
            "霓凰会飞吗","鸳鸯需要打","冷月有多冷",
            "飘雪飘到哪","采莲我们回家吧",
            "紫苑还在等着我"
    };
    private RecyclerView recyclerView;
    private RecyclerView.LayoutManager mLayoutManager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        initData();
        initView();
    }

    private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
//        mLayoutManager=new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL); //瀑布流
//        recyclerView.setLayoutManager(mLayoutManager);
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));
        MyAdapter adpter  = new MyAdapter(data,Main2Activity.this,R.layout.item_card);
        recyclerView.setAdapter(adpter);
        //分割线类
        SpacesItemDecoration decoration=new SpacesItemDecoration(16);
        recyclerView.addItemDecoration(decoration);

    }


    private void initData() {
        data = new ArrayList();
        for(int i=0;i
MyAdapter:
package com.youli.snackbar;

/**
 * Created by liutao on 2018/9/11.
 */

import android.support.v7.widget.RecyclerView;
        import android.content.Context;
        import android.support.v7.widget.RecyclerView.ViewHolder;
        import android.view.LayoutInflater;
        import android.view.View;
        import android.view.ViewGroup;
        import android.widget.ImageView;
        import android.widget.TextView;
        import java.util.List;

public class MyAdapter extends RecyclerView.Adapter {
    private List data;
    private Context context;
    private int resouce_id;


    public MyAdapter(List data, Context context, int resouce_id) {
        this.data = data;
        this.context = context;
        this.resouce_id = resouce_id;
    }


    @Override
    public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(resouce_id,null);
        MyHolder myHolder = new MyHolder(view);
        return myHolder;
    }

    @Override
    public void onBindViewHolder(MyHolder holder, int position) {
        holder.img.setImageResource(data.get(position).getImg());
        holder.title.setText(data.get(position).getTitle());
    }

    @Override
    public int getItemCount() {
        return data.size();
    }

    public class MyHolder extends ViewHolder {
        private TextView title;
        private ImageView img;

        public MyHolder(View view) {
            super(view);
            img = (ImageView) view.findViewById(R.id.img);
            title = (TextView) view.findViewById(R.id.title);
        }
    }
}

adapter 佈局:

item_card:


    

        
    
    
        
    


实体类Product:
package com.youli.snackbar;


public class Product {
    private int img;
    private String title;

    public Product(int img, String title) {
        this.img = img;
        this.title = title;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }
}

简单的没话说,大家应该都能看的懂

你可能感兴趣的:(android入门教学,android基础)