[移动开发]GridView

GridView是一个网格类型布局，每行可以显示多个元素，常用于图片

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <GridView
        android:id="@+id/gridview"
        //id一定记得加，创建不会自动给你加，我一开始学找不到id半天才看明白问题出这里
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginStart="1dp"
        android:numColumns="auto_fit"
        //列数，可以自动设定，这里设定的是自动
        android:columnWidth="90dp"
        //每列的宽度，也就是item的宽度
        android:horizontalSpacing="10dp"
        //两列之间的边距
        android:verticalSpacing="10dp"
        //两行之间的边距
        android:stretchMode="columnWidth"
        //缩放与列宽大小同步，图片过大或者过小都会强行给你弄到上面设定的90dp
        android:gravity="center"
        android:layout_marginTop="1dp"
        android:layout_marginEnd="1dp"
        android:layout_marginBottom="1dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

?然后新建一个布局文件，把想要设定的元素拖进去，这里我想要的是一个图片下面是一个标题，所以拖了一个textview和一个imageview 然后把二者的位置调整到你想要的位置

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="319dp"
        android:text="TextView"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="1.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        app:srcCompat="@mipmap/faceu_902879_20181231113130" />
</androidx.constraintlayout.widget.ConstraintLayout>

?

package com.example.gridviewtest;

import androidx.appcompat.app.AppCompatActivity;

import android.app.Activity;
import android.content.Context;
import android.content.RestrictionsManager;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.zip.Inflater;

public class MainActivity extends AppCompatActivity {
    private GridView grid_photo;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        grid_photo =findViewById(R.id.gridview );
        //给新建的gridview对象传入xml里面的id
        grid_photo.setAdapter(new MyAdapter(this));
        //给gridview设置内容
    }
    //自定义一个适配器，这里用了内部静态类来做
    static class MyAdapter extends BaseAdapter{
        private String[] strings = {"11","22","33","44",",","55","66","77","88","99","10","111","222","333","444","555"};
        //把元素填充进数组
        private int[] images = {R.mipmap.faceu_902879_20181231113130,
                R.mipmap.faceu_902879_20181231113131,
                R.mipmap.faceu_902879_20181231113132,
                R.mipmap.faceu_902879_20181231113133,
                R.mipmap.faceu_902879_20181231113134,
                R.mipmap.faceu_902879_20181231113135,
                R.mipmap.faceu_902879_20181231113136,
                R.mipmap.faceu_902879_20181231113137,
                R.mipmap.faceu_902879_20181231113138,
                R.mipmap.faceu_902879_20181231113139,
                R.mipmap.faceu_902879_20181231113140,
                R.mipmap.faceu_902879_20181231113141,
                R.mipmap.faceu_902879_20181231113142,
                R.mipmap.faceu_902879_20181231113143,
                R.mipmap.faceu_902879_20181231113144,
                R.mipmap.faceu_902879_20181231113145,

        };
        private Context context;
        public MyAdapter(Context context){
            this.context = context;
        }

        /**
         * 数组元素的个数
         * 这里设定为数组的长度
         * @return
         */
        @Override
        public int getCount() {
            return images.length;

        }

        /**
         *设定每一个元素的返回值
         * 这里设定为数组的每个位置
         * @param i
         * @return
         */
        @Override
        public Object getItem(int i) {
            return images[i];
        }


        @Override
        public long getItemId(int i) {
            return i;
        }
        /**
         *每次都会调用这个方法给每个网格填充数据
         * 正常来说new之后的（）应该是this，但是这里this就会是当前这个内部类
         * 我们是要在别的地方用这个方法的，所以不能是this，需要写一个权限比较大的上下文
         * 所以上面构造器里面写了个Context
         * @param i
         * @return
         */
        @Override
        public View getView(int i, View view, ViewGroup viewGroup) {
            //把刚才自建的布局文件绑定，然后再分别绑定里面的图片和文字的id
            View v = LayoutInflater.from(context).inflate(R.layout.item, null);
            ImageView imageView = v.findViewById(R.id.imageView);
            TextView textView = v.findViewById(R.id.textView);
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            //设定图片和view适配的方法
            imageView.setImageResource(images[i]);
            //调用给imageview填入数据的操作
            textView.setText(strings[i]);
            return v;

        }
    }
}

错误总结，一开始写的View view ，后来发现和上面方法里的变量重名了，就改成了v，但是下面绑定文字图片ID里的忘记改了，导致打不开程序