《物联网应用开发》课件-GridView控件的使用方法

物联网应用开发任务7-1GridView控件的使用方法项目2智慧城市界面实现目录Agenda任务目标1知识准备2任务实施3任务总结4GridView控件的使用方法GridView是Android开发中常用的控件之一，用于在网格布局中显示数据。与ListView类似，GridView也需要通过适配器（Adapter）来绑定数据。GridView的主要特点是可以在多列中显示数据，适用于需要展示大量图片或图标的场景，如图片库、应用图标等。任务目标1.掌握GridView的定义2.掌握GridView的属性3.掌握GridView中的适配器4.掌握GridView控件的数据绑定知识准备1.GridView简介GridView用于在界面上按网格分布的方式显示多个组件或项目。GridView和ListView具有共同的父类，因此GridView、ListView用法很相似。他们唯一的区别在于：ListView以列表方式显示数据，而GridView以网格方式显示数据。换个角度看，ListView是一种特殊的只有一列的GridView。知识准备2.

GridView的重要属性属性作用示例android:gravity设置对齐方式android:gravity=“center”//每个元素的内容居中显示android:columnWidth设置列的宽度android:columnWidth=”90dp"//每列的宽度为90dpandroid:numColumns设置列数，默认值为1android:numColumns=”auto_fit”//自动调整显示列数android:verticalSpacing设置各元素之间的垂直间距android:verticalSpacing=”10dp”//两行之间的边距为10dpandroid:horizontalSpacing设置各元素之间的水平间距android:horizontalSpacing=”10dp”//两列之间的边距为10dp知识准备3.GridView的适配器BaseAdapter简介BaseAdapter是一个抽象类，提供了getCount()、getItem()、getItemId()和getView()四个方法。我们需要继承BaseAdapter并实现这些方法，以自定义适配器的行为。任务实施1.

自定义适配器示例代码publicclassImageAdapterextendsBaseAdapter{privateContextcontext;privateList<Integer>imageIds;publicImageAdapter(Contextcontext,List<Integer>imageIds){this.context=context;this.imageIds=imageIds;}@OverridepublicintgetCount(){returnimageIds.size();}@OverridepublicObjectgetItem(intposition){returnimageIds.get(position);}任务实施1.

自定义适配器示例代码@OverridepubliclonggetItemId(intposition){returnposition;}@OverridepublicViewgetView(intposition,ViewconvertView,ViewGroupparent){ImageViewimageView;if(convertView==null){imageView=newImageView(context);imageView.setLayoutParams(newGridView.LayoutParams(200,200));imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);imageView.setPadding(8,8,8,8);}else{imageView=(ImageView)convertView;}imageView.setImageResource(imageIds.get(position));returnimageView;}}任务实施1.

自定义适配器该类继承自BaseAdapter，是Android中适配器的基础类。构造函数接收两个参数：Context上下文对象和List<Integer>图片资源ID集合，这两个参数分别用于后续的视图创建和图片加载。（1）类定义与构造函数：getCount()返回图片集合的大小，决定GridView显示多少项getItem()根据位置返回对应的图片资源IDgetItemId()直接返回位置作为IDgetView()是最关键的方法，负责创建和复用每个item的视图（2）核心方法实现：任务实施1.

自定义适配器（3）视图复用优化：getView()方法中使用了convertView参数来实现视图复用。当convertView为null时，才会新建ImageView并设置布局参数（200x200像素）、缩放类型（CENTER_CROP保持比例居中裁剪）和内边距（8像素）；否则直接复用已有视图。这种优化能显著提升列表滚动性能。（4）图片显示处理：最后通过setImageResource()将对应位置的图片资源设置到ImageView上。这种适配器设计模式非常典型，同学们可以举一反三应用到其他列表视图的开发中，只需替换显示的内容和视图类型即可。任务实施2.适配器的使用GridViewgridView=findViewById(R.id.gridView);List<Integer>imageIds=newArrayList<>();imageIds.add(R.drawable.image1);imageIds.add(R.drawable.image2);imageIds.add(R.drawable.image3);//添加更多图片资源ImageAdapteradapter=newImageAdapter(this,imageIds);gridView.setAdapter(adapter);任务实施3.

点击事件示例代码gridView.setOnItemClickListener(newAdapterView.OnItemClickListener(){@OverridepublicvoidonItemClick(AdapterView<?>parent,Viewview,intposition,longid){