Android更新(简单实现gridview布局)

学习目标:

由于今天没有太多时间去写生词本的内容,简单展示下实现gridview布局界面(虽然简单,但是里面的adapter及布局逻辑对于我这种小白来说还是有点费劲),这次内容是基于上一篇我写的实现登录的博客登录跳转的,效果如下:
在这里插入图片描述先展示下代码的架构:
在这里插入图片描述布局界面就没什么好说的了,这里实现了一行三列的gridview:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent">
<GridView
    android:id="@+id/grid_laout"
    android:numColumns="3"
    android:verticalSpacing="20dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
</LinearLayout>

这里为了操作方便,我设置了一个接口类(gridview_interface),以后每个模块也会加一个接口类,把一些全局可访问的变量和一些资源及方法写在里面,便于外部调用:

package com.example.studyapp.gridview;

import com.example.studyapp.R;

import java.util.ArrayList;
import java.util.List;

public class gridview_interface {
    public static List<GridviewEntity> listall=new ArrayList<>();
    public static void setList()//要执行此内容,外部需要调用此方法
    {
        listall.add(new GridviewEntity("生词本", R.mipmap.word));
        for (int i = 0; i < 9; i++) {
            listall.add(new GridviewEntity("暂未开放"+i, R.mipmap.wu));
        }
    }
}


这里创建一个实体类(gridview子视图数据实体):

package com.example.studyapp.gridview;

public class GridviewEntity {//定义GridView中每一个的实体
     String title;
     int Drawrouse;
    GridviewEntity(String title,int Drawrouse)
    {
        this.title=title;
        this.Drawrouse=Drawrouse;
    }
    public String getTitle() {
        return title;
    }

    public int getDrawrouse() {
        return Drawrouse;
    }


}

下面看activity里的逻辑代码:

package com.example.studyapp.gridview;

import android.os.Bundle;

import com.example.studyapp.R;

import androidx.appcompat.app.AppCompatActivity;

import android.widget.GridView;

public class SecondActivity extends AppCompatActivity {
    private GridView grid_laout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        init();
    }

    private void init() {
        grid_laout=findViewById(R.id.grid_laout);
        GridviewAdapter adapter=new GridviewAdapter(this);
        grid_laout.setAdapter(adapter);
    }
}

接下来创建Gridview的适配器,用于填充GridView的每一个子项,我们去继承BaseAdapter并重写其中的必要函数,在这里面写了一个ViewHolder内部类,使得系统不用去重复加载每一个视图,提示了效率:

package com.example.studyapp.gridview;

import android.content.Context;
import android.util.Log;
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 com.example.studyapp.R;

import java.util.ArrayList;
import java.util.List;

public class GridviewAdapter extends BaseAdapter {
    private List<GridviewEntity> list=new ArrayList<>();
    private Context context;
    GridviewAdapter(Context context1) {
        gridview_interface.setList();
        list=gridview_interface.listall;
    context=context1;
        Log.w("sssss",gridview_interface.listall.size()+"");
    }
    @Override
    public int getCount() {
        return list.size();
    }

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder=null;
        //首先通过下面的if/else获取到了装入了正在显示的第position个view的两个控件的ViewHolder
        //再给holder更新视图
        if(convertView==null)
        {
            holder=new ViewHolder();
            convertView= LayoutInflater.from(context).inflate(R.layout.grid_laoutunit,null);
            holder.titleview=(ImageView) convertView.findViewById(R.id.title_view);
            holder.title=(TextView) convertView.findViewById(R.id.text_title);
            convertView.setTag(holder);
        }
        else
        {
            holder= (ViewHolder) convertView.getTag();
        }
        GridviewEntity entity=list.get(position);
        holder.titleview.setImageResource(entity.getDrawrouse());
        holder.title.setText(entity.getTitle());
        return convertView;
    }
    class ViewHolder{
        public ImageView titleview;
        public TextView title;
    }
}

在此处有一个坑,就是如果把资源图片放在drawavle里面,再去实现setImageResourse运行就会报错:
在这里插入图片描述
表示不知道为什么(痛苦死了),以后如果用到了setImage的图片还是把它放在mipmap目录下吧:
在这里插入图片描述

总结:

简单实现了GridView布局,后面我会一个一个去填充子项的功能并已博客展示出来!(想写入更多功能奈何自己太菜~ _~)

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用 AndroidGridView 控件来简单实现一个网格布局GridView 可以在行和列中展示多个项目。以下是一个简单实现步骤: 1. 添加 GridView 控件到您的布局文件中,例如 activity_main.xml: ``` <GridView android:id="@+id/gridview" android:layout_width="match_parent" android:layout_height="match_parent" android:numColumns="3" android:verticalSpacing="20dp" android:horizontalSpacing="20dp" android:padding="20dp" android:gravity="center" /> ``` 这里 numColumns 属性定义了每行的列数,verticalSpacing 和 horizontalSpacing 属性定义了行和列之间的垂直和水平间距。 2. 创建一个 Adapter 类来管理 GridView 中的数据。 ``` public class ImageAdapter extends BaseAdapter { private Context mContext; public ImageAdapter(Context c) { mContext = c; } @Override public int getCount() { return mThumbIds.length; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } // 创建一个 ImageView 来显示每个图像 @Override public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView; if (convertView == null) { // 如果不还有一个 ImageView 可重用 imageView = new ImageView(mContext); imageView.setLayoutParams(new GridView.LayoutParams(350, 350)); // 设置 ImageView 大小 imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); // 缩放类型 imageView.setPadding(8, 8, 8, 8); // 添加 padding } else { imageView = (ImageView) convertView; } imageView.setImageResource(mThumbIds[position]); //设置图像 return imageView; } // 储存每个图像的资源 ID private Integer[] mThumbIds = { 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 }; } ``` 3. 在 activity 中设置 Adapter。 ``` GridView gridView = findViewById(R.id.gridview); gridView.setAdapter(new ImageAdapter(this)); ``` 现在您就可以创建一个简单的网格布局了!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值