博客
关于我
Android--grideview列表,附带图标显示消息数量
阅读量:510 次
发布时间:2019-03-07

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

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

Gridview的核心属性配置如下:

  • columnWidth:设置单列宽度。
  • gravity:设置内容在控件内的对齐方式,可选值包括topbottomleftrightcenter_verticalfill_verticalcenter_horizontalfill_horizontalcenterfillclip_vertical等,可用|分隔多选。
  • horizontalSpacing:设定列与列之间的水平间距。
  • numColumns:指定列数,默认根据布局确定。
  • stretchMode:设置内容缩放模式。
  • verticalSpacing:设定行与行之间的垂直间距。

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

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

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

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

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/

你可能感兴趣的文章
npm的常用操作---npm工作笔记003
查看>>
npm的常用配置项---npm工作笔记004
查看>>
npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
查看>>
npm编译报错You may need an additional loader to handle the result of these loaders
查看>>
npm设置淘宝镜像、升级等
查看>>
npm设置源地址,npm官方地址
查看>>
npm设置镜像如淘宝:http://npm.taobao.org/
查看>>
npm配置安装最新淘宝镜像,旧镜像会errror
查看>>
NPM酷库052:sax,按流解析XML
查看>>
npm错误 gyp错误 vs版本不对 msvs_version不兼容
查看>>
npm错误Error: Cannot find module ‘postcss-loader‘
查看>>
npm,yarn,cnpm 的区别
查看>>
NPOI
查看>>
NPOI之Excel——合并单元格、设置样式、输入公式
查看>>
NPOI初级教程
查看>>
NPOI利用多任务模式分批写入多个Excel
查看>>
NPOI在Excel中插入图片
查看>>
NPOI将某个程序段耗时插入Excel
查看>>
NPOI格式设置
查看>>
NPOI设置单元格格式
查看>>