博客
关于我
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/

你可能感兴趣的文章
nodejs 运行CMD命令
查看>>
Nodejs+Express+Mysql实现简单用户管理增删改查
查看>>
nodejs+nginx获取真实ip
查看>>
nodejs-mime类型
查看>>
NodeJs——(11)控制权转移next
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
nodejs下的express安装
查看>>
nodejs与javascript中的aes加密
查看>>
nodejs中Express 路由统一设置缓存的小技巧
查看>>
nodejs中express的使用
查看>>
Nodejs中搭建一个静态Web服务器,通过读取文件获取响应类型
查看>>
Nodejs中的fs模块的使用
查看>>
NodeJS使用淘宝npm镜像站的各种姿势
查看>>
NodeJs入门知识
查看>>
nodejs包管理工具对比:npm、Yarn、cnpm、npx
查看>>
NodeJs单元测试之 API性能测试
查看>>
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>