在android中动态使用卡片视图

我正在android studio中创建一个页面，在这里我需要使用卡片的概念，其中卡片包含一个人的图像和图像下方的人名，并且卡片必须显示在网格中，例如android marshmallow的联系人列表，其中每个联系人在网格视图中显示为一个平铺

我尝试了不同的可能的方法，但无法纠正这一点，请帮助我在这方面。

这就是我如何生成一张卡片的方式，但我需要另外四张平铺形状的卡片，这些卡片应该根据人数自动生成

---

谢谢。

使用

RecyclerView

和

GridLayoutManager

（） 像这样：

RecyclerView recyclerView = findViewById(R.id.my_recyclerview);
GridLayoutManager layoutManager = new GridLayoutManager(context, 2);
recyclerView.setLayoutManager(layoutManager);

然后制作您自己的类

MyAdapter

，该类扩展

RecyclerView.Adapter

，并将您的

cardwiew.xml

布局充气，并将其设置为

RecyclerView

：

MyAdapter adapter = new MyAdapter(dataset);
recyclerView.setAdapter(adapter);

---

有关如何执行此操作的详细说明，请参见您可以使用轻松完成此操作。 您需要一个自定义适配器类，用于填充

cardview

这是适配器类的示例代码

public class CustomGrid extends BaseAdapter{
    private Context mContext;
    private final String[] web;
    private final int[] Imageid;

    public CustomGrid(Context c,String[] web,int[] Imageid ) {
        mContext = c;
        this.Imageid = Imageid;
        this.web = web;
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return web.length;
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        View grid;
        LayoutInflater inflater = (LayoutInflater) mContext
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        if (convertView == null) {

            grid = new View(mContext);
            grid = inflater.inflate(R.layout.grid_single, null);
            TextView textView = (TextView) grid.findViewById(R.id.grid_text);
            ImageView imageView = (ImageView)grid.findViewById(R.id.grid_image);
            textView.setText(web[position]);
            imageView.setImageResource(Imageid[position]);
        } else {
            grid = (View) convertView;
        }

        return grid;
    }
}

从活动中调用此适配器类，如下所示

公共类MainActivity扩展活动{
网格视图网格；
字符串[]名称={
“谷歌”，
“Github”，
“Instagram”，
“Facebook”
};
    
int[]图像ID={
R.drawable.image1，
R.drawable.image2，
R.drawable.image3，
R.drawable.image4
 
    };
 
@覆盖
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
setContentView（R.layout.activity_main）；
 
CustomGrid adapter=新的CustomGrid（MainActivity.this、name、imageId）；
grid=（GridView）findviewbyd（R.id.grid）；
设置适配器（适配器）；
grid.setOnItemClickListener（新的AdapterView.OnItemClickListener（）{
 
@覆盖
public void onItemClick（AdapterView父级、视图、，
内部位置，长id）{
Toast.makeText（MainActivity.this），您在“+name[+position]，Toast.LENGTH_SHORT.show]处单击过它（）；
 
                    }
                });
 
    }
 
}

---

遵循本教程，

您可以使用RecyclerView和适配器使其变得非常简单，如果您需要，我可以编写一个开发的答案。是的，这将非常有用。非常感谢。

public class CustomGrid extends BaseAdapter{
    private Context mContext;
    private final String[] web;
    private final int[] Imageid;

    public CustomGrid(Context c,String[] web,int[] Imageid ) {
        mContext = c;
        this.Imageid = Imageid;
        this.web = web;
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return web.length;
    }

    @Override
    public Object getItem(int position) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public long getItemId(int position) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // TODO Auto-generated method stub
        View grid;
        LayoutInflater inflater = (LayoutInflater) mContext
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        if (convertView == null) {

            grid = new View(mContext);
            grid = inflater.inflate(R.layout.grid_single, null);
            TextView textView = (TextView) grid.findViewById(R.id.grid_text);
            ImageView imageView = (ImageView)grid.findViewById(R.id.grid_image);
            textView.setText(web[position]);
            imageView.setImageResource(Imageid[position]);
        } else {
            grid = (View) convertView;
        }

        return grid;
    }
}

public class MainActivity extends Activity {
    GridView grid;
    String[] name = {
                "Google",
                "Github",
                "Instagram",
                "Facebook"
    };
    
    int[] imageId = {
            R.drawable.image1,
            R.drawable.image2,
            R.drawable.image3,
            R.drawable.image4           
 
    };
         
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        CustomGrid adapter = new CustomGrid(MainActivity.this, name, imageId);
        grid=(GridView)findViewById(R.id.grid);
                grid.setAdapter(adapter);
                grid.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 
                    @Override
                    public void onItemClick(AdapterView<?> parent, View view,
                                            int position, long id) {
                        Toast.makeText(MainActivity.this, "You Clicked at " +name[+ position], Toast.LENGTH_SHORT).show();
 
                    }
                });
 
    }
 
}