Android--grideview列表，附带图标显示消息数量-白红宇

Android--grideview列表，附带图标显示消息数量

阅读量：510 次

发布时间：2019-03-07

本文共 2162 字，大约阅读时间需要 7 分钟。

GridView(网格视图)是Android中按照行列方式展示内容的常用控件，特别适合显示图片、文字等内容，常见应用包括实现九宫格、四宫格等网格布局。GridView控件功能强大，且易于配置，能够满足多种显示需求。

Gridview的核心属性配置如下：

columnWidth：设置单列宽度。

gravity：设置内容在控件内的对齐方式，可选值包括top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical等，可用|分隔多选。

horizontalSpacing：设定列与列之间的水平间距。

numColumns：指定列数，默认根据布局确定。

stretchMode：设置内容缩放模式。

verticalSpacing：设定行与行之间的垂直间距。

从设计效果来看，GridView能够通过设置不同的列数、间距等属性，实现各种网格布局，如四宫格、九宫格等视觉效果。代码示例中，主布局中仅需定义一个GridView控件即可使用。

适配器为GridView提供数据源与布局渲染功能。需要定义一个继承自SimpleAdapter的类，实现数据获取与布局映射。在getView方法中，获取单元格数据并绘制到对应的布局中。例如，demo示例中使用linearlayout作为单元格布局，包含图片和文字展示。

在代码中，GridView控件需要设置适配器，通过setAdapter方法绑定适配器实例。点击事件可以通过setItemClickListener注册，触发相应的动作。当需要显示更多数据时，可以考虑结合RecyclerView或SmartRefreshLayout等控件实现无限滚动或下拉刷新功能。

通用适配器框架代码示例如下：

public class FuncationGrideViewAdapter extends SimpleAdapter {    Context context;    ArrayList
    
     > data;    public FuncationGrideViewAdapter(Context context, ArrayList
     
      
       > data, int resource, String[] from, int[] to) {        super(context, data, resource, from, to);        this.data = data;        this.context = context;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {        LayoutInflater inflater = LayoutInflater.from(context);        View convertView = inflater.inflate(R.layout.item_funcation, null);        ViewHolder holder = new ViewHolder();        holder.imageview = (ImageView)convertView.findViewById(R.id.ItemImage);        holder.text_title = (TextView)convertView.findViewById(R.id.ItemText);        holder.text_count = (TextView)convertView.findViewById(R.id.count);                Map
       
         item = data.get(position);        holder.imageview.setImageResource((Integer)item.get("ItemImage"));        holder.text_title.setText((CharSequence)item.get("ItemText"));        if (item.containsKey("Count") && ((Integer)item.get("Count")) != 0) {            holder.text_count.setVisibility(View.VISIBLE);            holder.text_count.setText((Integer)item.get("Count") + "");        }        return convertView;    }}

典型使用场景是多图库或分类信息的浏览展示，需结合具体的数据源和布局需求进行适配。

转载地址：http://ptpjz.baihongyu.com/

你可能感兴趣的文章

Nest.js 6.0.0 正式版发布，基于 TypeScript 的 Node.js 框架