Android Studio 利用 GridView布局实现简单的照片墙

布局文件:

     1. GridView

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

      <GridView
          android:id="@+id/grid_view"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:gravity="center"
          android:horizontalSpacing="5dp"
          android:verticalSpacing="5dp"
          android:listSelector="@android:color/transparent"
          android:numColumns="3"
          android:stretchMode="columnWidth">
      </GridView>
</LinearLayout>

2.item布局文件

        

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:layout_marginLeft="15dp"
        android:layout_marginTop="5sp"
        android:id="@+id/item_image"
        android:layout_width="65dp"
        android:layout_height="65dp"
        android:scrollbarSize="70dp"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/item_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/item_image"
        android:layout_marginTop="25dp"
        android:layout_marginLeft="15dp"

        android:textSize="25sp" />

</RelativeLayout>

java 文件

        1.MainActivtiy

                

package com.example.myimg;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.Toast;

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

public class MainActivity extends AppCompatActivity {
    private Context context=MainActivity.this;
    private   List<image> list;
    private   GridView gridView;

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

//获取GridView控件
    gridView =(GridView) findViewById(R.id.grid_view);
//ArrayList 装入 image对象
    list=new ArrayList<image>();
//添加 图片内容
        list.add(new image("图片1",R.drawable.iv_icon_1));
        list.add(new image("图片2",R.drawable.iv_icon_2));
        list.add(new image("图片3",R.drawable.iv_icon_3));
        list.add(new image("图片4",R.drawable.iv_icon_4));
        list.add(new image("图片5",R.drawable.iv_icon_5));
        list.add(new image("图片6",R.mipmap.ic_launcher));

//初始化adapter
        MyAdapter adapter=new MyAdapter(context,list);

//设置执行适配器
        gridView.setAdapter(adapter);

//设置item监听器,消息显示
  gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
          Toast.makeText(context,"你点击的是第"+(i+1)+"项",Toast.LENGTH_LONG).show();
      }
      public void onNothingSelected(AdapterView<?> parent) {
          // TODO Auto-generated method stub
      }
  });





    }
}

        2.自定义 myAdapter适配器

                

package com.example.myimg;

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 MyAdapter extends BaseAdapter {
    private Context context;
    private List<image> list;
    private LayoutInflater mInflater;
    MyAdapter(){

    }

    public MyAdapter(Context context, List<image> list) {
        this.context = context;
        this.list = list;
    }

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

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

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        LayoutInflater _LayoutInflater=LayoutInflater.from(context);
        view=_LayoutInflater.inflate(R.layout.item, null);
        if(view!=null){
            ImageView image = view.findViewById(R.id.item_image);
            TextView text = view.findViewById(R.id.item_text);
            image.setImageResource(list.get(i).getId());
            text.setText(list.get(i).getName());
        }
         return view;
    }
}

        3.image 实体类

                

package com.example.myimg;

public class image {

    String name;
    int id;

    public image(String name, int id) {
        this.name = name;
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }
    
}

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值