Android开发：如何让GridView中所有元素适配整个屏幕？

嘿，作为Android开发新手，想要实现包含图文元素的GridView，我来一步步带你搞定这个需求：

1. 补全Activity的布局文件 #

你给出的LinearLayout布局没写完，这里是完整的Activity布局，里面包含GridView：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/home_screen"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="8dp">

    <!-- 带图文的GridView -->
    <GridView
        android:id="@+id/grid_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="2" <!-- 每行显示2个item，可根据需求调整 -->
        android:horizontalSpacing="8dp"
        android:verticalSpacing="8dp"/>

</LinearLayout>

2. 创建GridView子项的布局（item_grid.xml） #

每个GridView的子项需要包含图片和文字，我们单独创建一个布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center"
    android:padding="8dp">

    <!-- 显示图片的ImageView -->
    <ImageView
        android:id="@+id/item_image"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:scaleType="centerCrop"/>

    <!-- 显示文字的TextView -->
    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:textSize="14sp"/>

</LinearLayout>

3. 定义数据模型类（GridItem.java） #

用来存储每个item的图片资源ID和文字内容：

public class GridItem {
    private int imageResId;
    private String itemText;

    public GridItem(int imageResId, String itemText) {
        this.imageResId = imageResId;
        this.itemText = itemText;
    }

    public int getImageResId() {
        return imageResId;
    }

    public String getItemText() {
        return itemText;
    }
}

4. 自定义GridView适配器（GridAdapter.java） #

继承BaseAdapter，负责把数据绑定到每个子项布局：

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import java.util.List;

public class GridAdapter extends BaseAdapter {
    private Context mContext;
    private List<GridItem> mGridItemList;

    public GridAdapter(Context context, List<GridItem> gridItemList) {
        this.mContext = context;
        this.mGridItemList = gridItemList;
    }

    @Override
    public int getCount() {
        return mGridItemList.size();
    }

    @Override
    public Object getItem(int position) {
        return mGridItemList.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            // 加载子项布局
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_grid, parent, false);
            holder = new ViewHolder();
            holder.itemImage = convertView.findViewById(R.id.item_image);
            holder.itemText = convertView.findViewById(R.id.item_text);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        // 绑定数据到视图
        GridItem gridItem = mGridItemList.get(position);
        holder.itemImage.setImageResource(gridItem.getImageResId());
        holder.itemText.setText(gridItem.getItemText());

        return convertView;
    }

    // ViewHolder优化，避免重复findViewById
    private static class ViewHolder {
        ImageView itemImage;
        TextView itemText;
    }
}

5. 在Activity中初始化GridView并设置适配器 #

假设你的Activity是MainActivity，在里面完成数据准备和GridView的初始化：

import android.os.Bundle;
import android.widget.GridView;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private GridView mGridView;
    private GridAdapter mGridAdapter;
    private List<GridItem> mGridItemList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 初始化GridView
        mGridView = findViewById(R.id.grid_view);

        // 准备测试数据（你可以替换成自己的图片和文字）
        mGridItemList = new ArrayList<>();
        mGridItemList.add(new GridItem(R.drawable.ic_launcher_foreground, "项目1"));
        mGridItemList.add(new GridItem(R.drawable.ic_launcher_foreground, "项目2"));
        mGridItemList.add(new GridItem(R.drawable.ic_launcher_foreground, "项目3"));
        mGridItemList.add(new GridItem(R.drawable.ic_launcher_foreground, "项目4"));
        mGridItemList.add(new GridItem(R.drawable.ic_launcher_foreground, "项目5"));
        mGridItemList.add(new GridItem(R.drawable.ic_launcher_foreground, "项目6"));

        // 设置适配器
        mGridAdapter = new GridAdapter(this, mGridItemList);
        mGridView.setAdapter(mGridAdapter);

        // 可选：添加GridView的点击事件
        mGridView.setOnItemClickListener((parent, view, position, id) -> {
            GridItem clickedItem = mGridItemList.get(position);
            // 这里处理点击逻辑，比如跳转页面、显示Toast等
            Toast.makeText(MainActivity.this, "你点击了：" + clickedItem.getItemText(), Toast.LENGTH_SHORT).show();
        });
    }
}

实用小贴士 #

• 记得把测试用的R.drawable.ic_launcher_foreground替换成你自己的图片资源。
• 如果你的图片较多或较大，建议使用图片加载库（如Glide）来优化图片加载性能，避免内存溢出。
• GridView的numColumns属性可以设置成auto_fit，配合columnWidth来实现自适应列数。

内容的提问来源于stack exchange，提问作者Josi Allen