Android新建一个APP程序实现网格列表GridView的使用
时间: 2023-06-10 07:06:51 浏览: 100
要在 Android 应用程序中使用 GridView 控件,可以按照以下步骤进行操作:
1. 在 layout 文件夹中创建一个新的布局文件 activity_main.xml。
2. 在布局文件中添加一个 GridView 控件。
3. 创建一个新的适配器类,用于将数据绑定到 GridView 控件中。
4. 在 MainActivity.java 文件中实例化适配器类并将其设置为 GridView 控件的适配器。
下面是完整的实现步骤:
1. 在 layout 文件夹中创建一个新的布局文件 activity_main.xml:
```xml
<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/grid_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:numColumns="3"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:padding="10dp"
android:gravity="center" />
```
在上面的布局中,我们定义了一个 GridView 控件,并设置了它的一些属性,如 ID、宽度、高度、列数、垂直和水平间距、内边距以及内容的对齐方式。
2. 在 MainActivity.java 文件中,定义一个数据数组和适配器类:
```java
public class MainActivity extends AppCompatActivity {
private GridView gridView;
private int[] images = {
R.drawable.image1,
R.drawable.image2,
R.drawable.image3,
R.drawable.image4,
R.drawable.image5,
R.drawable.image6,
R.drawable.image7,
R.drawable.image8,
R.drawable.image9
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView = findViewById(R.id.grid_view);
ImageAdapter adapter = new ImageAdapter(this, images);
gridView.setAdapter(adapter);
}
private class ImageAdapter extends BaseAdapter {
private Context context;
private int[] images;
public ImageAdapter(Context context, int[] images) {
this.context = context;
this.images = images;
}
@Override
public int getCount() {
return images.length;
}
@Override
public Object getItem(int position) {
return images[position];
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if (convertView == null) {
imageView = new ImageView(context);
imageView.setLayoutParams(new GridView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 350));
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setPadding(10, 10, 10, 10);
} else {
imageView = (ImageView) convertView;
}
imageView.setImageResource(images[position]);
return imageView;
}
}
}
```
在上面的代码中,我们首先定义了一个数据数组 images,其中包含了要显示的图片资源的 ID。然后,我们创建了一个 ImageAdapter 类,用于将图片绑定到 GridView 控件中。
在 ImageAdapter 类中,我们实现了 getCount()、getItem()、getItemId() 和 getView() 方法。getCount() 方法返回数据集中的项数,getItem() 方法返回指定位置的数据项,getItemId() 方法返回指定位置的数据项的 ID,getView() 方法返回一个 View 对象,用于显示指定位置的数据项。
在 getView() 方法中,我们首先判断 convertView 是否为空,如果为空,则创建一个新的 ImageView 对象,并设置它的布局参数、缩放类型和内边距;否则,直接使用 convertView。然后,我们将指定位置的图片资源设置为 ImageView 的图片,并返回 ImageView 对象。
最后,在 MainActivity 类的 onCreate() 方法中,我们获取了 GridView 控件的实例,并实例化了 ImageAdapter 类,并将它设置为 GridView 控件的适配器。
注意:在实际开发中,为了更好的性能和用户体验,建议使用异步任务来加载图片。