当前位置: 开发笔记 > 运维 > 正文

Android开发学习笔记Gallery和GridView浅析

作者：乐乐禧程整_435 | 来源：互联网 | 2022-03-17 05:05

这篇文章主要介绍了Android开发学习笔记Gallery和GridView浅析,需要的朋友可以参考下

一.Gallery的简介

Gallery（画廊）是一个锁定中心条目并且拥有水平滚动列表的视图，一般用来浏览图片，并且可以响应事件显示信息。Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图片的效果。
Gallery常用的XML属性

属性名称

描述

android:animationDuration

设置布局变化时动画的转换所需的时间（毫秒级）。仅在动画开始时计时。该值必须是整数，比如：100。

android:gravity

指定在对象的X和Y轴上如何放置内容。指定一下常量中的一个或多个（使用 “|”分割）

Constant	Value	Description
top	0x30	紧靠容器顶端，不改变其大小
bottom	0x50	紧靠容器底部，不改变其大小
left	0x03	紧靠容器左侧，不改变其大小
right	0x05	紧靠容器右侧，不改变其大小
center_vertical	0x10	垂直居中，不改变其大小
fill_vertical	0x70	垂直方向上拉伸至充满容器
center_horizontal	0x01	水平居中，不改变其大小
Fill_horizontal	0x07	水平方向上拉伸使其充满容器
center	0x11	居中对齐，不改变其大小
fill	0x77	在水平和垂直方向上拉伸，使其充满容器
clip_vertical	0x80	垂直剪切（当对象边缘超出容器的时候，将上下边缘超出的部分剪切掉）
clip_horizontal	0x08	水平剪切（当对象边缘超出容器的时候，将左右边缘超出的部分剪切掉）

android:spacing

图片之间的间距

android:unselectedAlpha

设置未选中的条目的透明度(Alpha)。该值必须是float类型，比如：“1.2”。

首先介绍Gallery单独使用的例子：
MainActivity.java

package com.android.gallerydemo; 
 
import android.app.Activity; 
import android.content.Context; 
import android.os.Bundle; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.AdapterView; 
import android.widget.AdapterView.OnItemClickListener; 
import android.widget.BaseAdapter; 
import android.widget.Gallery; 
import android.widget.ImageView; 
import android.widget.Toast; 
 
public class MainActivity extends Activity { 
 
  private Gallery gallery; 
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    gallery = (Gallery)findViewById(R.id.gallery); 
    //设置图片适配器 
    gallery.setAdapter(new ImageAdapter(this)); 
    //设置监听器 
    gallery.setOnItemClickListener(new OnItemClickListener() { 
     @Override 
     public void onItemClick(AdapterView<&＃63;>parent, View v, int position, long id) { 
      Toast.makeText(MainActivity.this, "点击了第"+(position+1)+"张图片", Toast.LENGTH_LONG).show(); 
     } 
   }); 
  } 
} 
 
class ImageAdapter extends BaseAdapter{ 
 //声明Context  
 private Context context; 
 //图片源数组 
 private Integer[] imageInteger={ 
     R.drawable.pic1, 
     R.drawable.pic2, 
     R.drawable.pic3, 
     R.drawable.pic4, 
     R.drawable.pic5, 
     R.drawable.pic6, 
     R.drawable.pic7 
 }; 
  
 //声明 ImageAdapter 
 public ImageAdapter(Context c){ 
   cOntext= c; 
 } 
 
 @Override 
 //获取图片的个数 
 public int getCount() { 
   return imageInteger.length; 
 } 
 
 @Override 
 //获取图片在库中的位置 
 public Object getItem(int position) { 
 
   return position; 
 } 
 
 @Override 
 //获取图片在库中的位置 
 public long getItemId(int position) { 
   // TODO Auto-generated method stub 
   return position; 
 } 
 
 @Override 
 public View getView(int position, View convertView, ViewGroup parent) { 
 
   ImageView imageView = new ImageView(context); 
   //给ImageView设置资源 
   imageView.setImageResource(imageInteger[position]); 
   //设置比例类型 
   imageView.setScaleType(ImageView.ScaleType.FIT_XY); 
   //设置布局 图片128x192显示 
   imageView.setLayoutParams(new Gallery.LayoutParams(128, 192)); 
   return imageView; 
 } 
}

main.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

效果图：

Gallery和ImageSwitcher组件结合使用的例子：
MainActivity.java

package com.android.gallerytest; 
 
import android.app.Activity; 
import android.content.Context; 
import android.os.Bundle; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.Window; 
import android.view.animation.AnimationUtils; 
import android.widget.AdapterView; 
import android.widget.BaseAdapter; 
import android.widget.Gallery; 
import android.widget.ImageSwitcher; 
import android.widget.ImageView; 
import android.widget.AdapterView.OnItemSelectedListener; 
import android.widget.Gallery.LayoutParams; 
import android.widget.ViewSwitcher.ViewFactory; 
 
public class MainActivity extends Activity implements OnItemSelectedListener, 
    ViewFactory { 
   
  private ImageSwitcher mSwitcher; 
  //大图片对应的缩略图源数组 
  private Integer[] mThumbIds = { R.drawable.sample_thumb_0, 
      R.drawable.sample_thumb_1, R.drawable.sample_thumb_2, 
      R.drawable.sample_thumb_3, R.drawable.sample_thumb_4, 
      R.drawable.sample_thumb_5, R.drawable.sample_thumb_6, 
      R.drawable.sample_thumb_7 }; 
  //大图片源数组 
  private Integer[] mImageIds = { R.drawable.sample_0, R.drawable.sample_1, 
      R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4, 
      R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7 }; 
 
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    //设置窗口无标题 
    requestWindowFeature(Window.FEATURE_NO_TITLE); 
    setContentView(R.layout.main); 
    mSwitcher = (ImageSwitcher) findViewById(R.id.switcher); 
    //注意在使用一个ImageSwitcher之前， 
    //一定要调用setFactory方法，要不setImageResource这个方法会报空指针异常。 
    mSwitcher.setFactory(this); 
    //设置动画效果 
    mSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, 
        android.R.anim.fade_in)); 
    mSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, 
        android.R.anim.fade_out)); 
 
    Gallery g = (Gallery) findViewById(R.id.gallery); 
     
    //添加OnItemSelectedListener监听器 
    g.setAdapter(new ImageAdapter(this)); 
    g.setOnItemSelectedListener(this); 
 
  } 
  //创建内部类ImageAdapter 
  public class ImageAdapter extends BaseAdapter { 
    public ImageAdapter(Context c) { 
      mCOntext= c; 
    } 
    public int getCount() { 
      return mThumbIds.length; 
    } 
    public Object getItem(int position) { 
      return position; 
    } 
    public long getItemId(int position) { 
      return position; 
    } 
    public View getView(int position, View convertView, ViewGroup parent) { 
      ImageView i = new ImageView(mContext); 
 
      i.setImageResource(mThumbIds[position]); 
      //设置边界对齐 
      i.setAdjustViewBounds(true); 
      //设置布局参数 
      i.setLayoutParams(new Gallery.LayoutParams( 
          LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); 
      //设置背景资源 
      i.setBackgroundResource(R.drawable.picture_frame); 
      return i; 
    } 
    private Context mContext; 
  } 
 
  @Override 
  //实现onItemSelected()方法，更换图片 
  public void onItemSelected(AdapterView<&＃63;> adapter, View v, int position, 
      long id) { 
    //设置图片资源 
    mSwitcher.setImageResource(mImageIds[position]); 
  } 
 
  @Override 
  public void onNothingSelected(AdapterView<&＃63;> arg0) { 
 
  } 
 
  @Override 
  //实现makeView()方法，为ImageView设置布局格式 
  public View makeView() { 
    ImageView i = new ImageView(this); 
    //设置背景颜色 
    i.setBackgroundColor(0xFF000000); 
    //设置比例类型 
    i.setScaleType(ImageView.ScaleType.FIT_CENTER); 
    //设置布局参数 
    i.setLayoutParams(new ImageSwitcher.LayoutParams( 
        LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT)); 
    return i; 
  } 
}

main.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

效果图:

二.GridView的简介

GridView(网格视图)是按照行列的方式来显示内容的，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。主要用于设置Adapter。
GridView常用的XML属性：

属性名称	描述
android:columnWidth	设置列的宽度。
android:gravity	设置此组件中的内容在组件中的位置。可选的值有：top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical 可以多选，用“\|”分开。
android:horizontalSpacing	两列之间的间距。
android:numColumns	设置列数。
android:stretchMode	缩放模式。
android:verticalSpacing	两行之间的间距。

下面有三个例子，第一个是只显示图片的，第二个是显示图片文字的(这里的图片是Android系统自带的图片)，第三个是显示自定义的图片文字。前面两个例子的实现都不是很难，第三个例子的实现有些复杂，学习GridView的时候，就想着能不能自定义自己喜欢的图片加上文字，在网上找些资料，一般都是第二个例子的形式的，最后在视频学习上找到了能实现自定义自己的图片的例子。自己就照着例子去学习，修改成了第三个例子。

第一个例子：

MainActivity.java

package com.android.gridview.activity; 
 
import android.app.Activity; 
import android.content.Context; 
import android.os.Bundle; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.AdapterView; 
import android.widget.AdapterView.OnItemClickListener; 
import android.widget.BaseAdapter; 
import android.widget.GridView; 
import android.widget.ImageView; 
import android.widget.Toast; 
 
public class MainActivity extends Activity { 
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    GridView gv = (GridView)findViewById(R.id.GridView1); 
    //为GridView设置适配器 
    gv.setAdapter(new MyAdapter(this)); 
    //注册监听事件 
    gv.setOnItemClickListener(new OnItemClickListener() 
    { 
      public void onItemClick(AdapterView<&＃63;> parent, View v, int position, long id) 
      { 
        Toast.makeText(MainActivity.this, "pic" + position, Toast.LENGTH_SHORT).show(); 
      } 
    }); 
  } 
} 
  //自定义适配器 
  class MyAdapter extends BaseAdapter{ 
    //上下文对象 
    private Context context; 
    //图片数组 
    private Integer[] imgs = { 
        R.drawable.pic0, R.drawable.pic1, R.drawable.pic2,  
        R.drawable.pic3, R.drawable.pic4, R.drawable.pic5,         
        R.drawable.pic6, R.drawable.pic7, R.drawable.pic8,  
        R.drawable.pic0, R.drawable.pic1, R.drawable.pic2,  
        R.drawable.pic3, R.drawable.pic4, R.drawable.pic5,         
        R.drawable.pic6, R.drawable.pic7, R.drawable.pic8, 
    }; 
    MyAdapter(Context context){ 
      this.cOntext= context; 
    } 
    public int getCount() { 
      return imgs.length; 
    } 
 
    public Object getItem(int item) { 
      return item; 
    } 
 
    public long getItemId(int id) { 
      return id; 
    } 
     
    //创建View方法 
    public View getView(int position, View convertView, ViewGroup parent) { 
       ImageView imageView; 
        if (cOnvertView== null) { 
          imageView = new ImageView(context); 
          imageView.setLayoutParams(new GridView.LayoutParams(75, 75));//设置ImageView对象布局 
          imageView.setAdjustViewBounds(false);//设置边界对齐 
          imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);//设置刻度的类型 
          imageView.setPadding(8, 8, 8, 8);//设置间距 
        }  
        else { 
          imageView = (ImageView) convertView; 
        } 
        imageView.setImageResource(imgs[position]);//为ImageView设置图片资源 
        return imageView; 
    } 
}

main.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

效果图：

第二个例子：
MainActivity.java

package com.android.gridview2.activity; 
 
import java.util.ArrayList; 
import java.util.HashMap; 
import java.util.List; 
import java.util.Map; 
import android.app.Activity; 
import android.os.Bundle; 
import android.widget.GridView; 
import android.widget.SimpleAdapter; 
 
public class MainActivity extends Activity { 
 
    private GridView gv; 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     // TODO Auto-generated method stub 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.gridview); 
 
     //准备要添加的数据条目 
     List> items = new ArrayList>(); 
     for (int i = 0; i <9; i++) { 
      Map item = new HashMap(); 
      item.put("imageItem", R.drawable.icon);//添加图像资源的ID  
      item.put("textItem", "icon" + i);//按序号添加ItemText  
      items.add(item); 
     } 
 
     //实例化一个适配器 
     SimpleAdapter adapter = new SimpleAdapter(this,  
                           items,  
                           R.layout.grid_item,  
                           new String[]{"imageItem", "textItem"},  
                           new int[]{R.id.image_item, R.id.text_item}); 
 
     //获得GridView实例 
     gv = (GridView)findViewById(R.id.mygridview); 
     //为GridView设置适配器 
     gv.setAdapter(adapter); 
 
    } 
}

gridview.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

grid_item.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

效果图：

第三个例子：
MainActivity.java

package com.android.gridview3; 
 
import java.util.ArrayList; 
import java.util.List; 
import android.app.Activity; 
import android.content.Context; 
import android.os.Bundle; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.AdapterView; 
import android.widget.BaseAdapter; 
import android.widget.GridView; 
import android.widget.ImageView; 
import android.widget.TextView; 
import android.widget.Toast; 
import android.widget.AdapterView.OnItemClickListener; 
 
public class MainActivity extends Activity 
{ 
  private GridView gridView; 
  //图片的文字标题 
  private String[] titles = new String[] 
  { "pic1", "pic2", "pic3", "pic4", "pic5", "pic6", "pic7", "pic8", "pic9"}; 
  //图片ID数组 
  private int[] images = new int[]{     
      R.drawable.pic1, R.drawable.pic2, R.drawable.pic3,  
      R.drawable.pic4, R.drawable.pic5, R.drawable.pic6,  
      R.drawable.pic7, R.drawable.pic8,R.drawable.pic9  
  }; 
 
  @Override 
  public void onCreate(Bundle savedInstanceState){ 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    gridView = (GridView) findViewById(R.id.gridview); 
    PictureAdapter adapter = new PictureAdapter(titles, images, this); 
    gridView.setAdapter(adapter); 
 
    gridView.setOnItemClickListener(new OnItemClickListener() 
      { 
        public void onItemClick(AdapterView<&＃63;> parent, View v, int position, long id) 
        { 
          Toast.makeText(MainActivity.this, "pic" + (position+1), Toast.LENGTH_SHORT).show(); 
        } 
      }); 
  } 
} 
//自定义适配器 
class PictureAdapter extends BaseAdapter{ 
  private LayoutInflater inflater; 
  private List pictures; 
 
  public PictureAdapter(String[] titles, int[] images, Context context) 
  { 
    super(); 
    pictures = new ArrayList(); 
    inflater = LayoutInflater.from(context); 
    for (int i = 0; i

main.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

picture_item.xml

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

效果图：

本文出自 “IT的点点滴滴” 博客

推荐阅读

容器
深入解析 Android 应用全屏模式与无标题栏设计技巧

在 Android 应用开发中，实现全屏模式和无标题栏设计是提升用户体验的重要手段。本文详细介绍了如何通过 Java 代码实现取消标题栏 `this.requestWindowFeature(Window.FEATURE_NO_TITLE)`，并进一步探讨了全屏模式的多种实现方法和最佳实践，帮助开发者打造更加沉浸式和美观的用户界面。 ... [详细]

蜡笔小新 2024-11-08 12:30:47
service
深入解析Android静态广播场景及BroadcastReceiver组件的应用与实现

在Android开发中，BroadcastReceiver（广播接收器）是一个重要的组件，广泛应用于多种场景。本文将深入解析BroadcastReceiver的工作原理、应用场景及其具体实现方法，帮助开发者更好地理解和使用这一组件。通过实例分析，文章详细探讨了静态广播的注册方式、生命周期管理以及常见问题的解决策略，为开发者提供全面的技术指导。 ... [详细]

蜡笔小新 2024-11-08 09:36:53
port
Hibernate（第四部分）：深入探讨缓存机制与懒加载策略

在探讨Hibernate框架的高级特性时，缓存机制和懒加载策略是提升数据操作效率的关键要素。缓存策略能够显著减少数据库访问次数，从而提高应用性能，特别是在处理频繁访问的数据时。Hibernate提供了多层次的缓存支持，包括一级缓存和二级缓存，以满足不同场景下的需求。懒加载策略则通过按需加载关联对象，进一步优化了资源利用和响应时间。本文将深入分析这些机制的实现原理及其最佳实践。 ... [详细]

蜡笔小新 2024-11-07 16:19:28
容器
《Spring in Action 第4版：全面解析与实战指南》

《Spring in Action 第4版：全面解析与实战指南》不仅详细介绍了Spring框架的核心优势，如简洁易测试、低耦合特性，还深入探讨了其轻量级和最小侵入性的设计原则。书中强调了声明式编程的优势，并通过基于约定的方法简化开发流程。此外，Spring的模板机制有效减少了重复代码，而依赖注入功能则由容器自动管理，确保了应用的灵活性和可维护性。 ... [详细]

蜡笔小新 2024-11-07 09:21:12
curl
如何构建和优化微信公众平台账号

本文探讨了如何有效地构建和优化微信公众平台账号，涵盖了用户信息管理、内容创作与发布、互动策略及数据分析等方面。通过合理设置用户信息字段，如用户名、昵称、密码、真实姓名和性别等，确保账号的安全性和用户体验。同时，文章还介绍了如何利用微信公众平台的各项功能，提升用户参与度和品牌影响力。 ... [详细]

蜡笔小新 2024-11-06 18:47:33
colors
探索资源访问的学习路径与方法

本文探讨了资源访问的学习路径与方法，旨在帮助学习者更高效地获取和利用各类资源。通过分析不同资源的特点和应用场景，提出了多种实用的学习策略和技术手段，为学习者提供了系统的指导和建议。 ... [详细]

蜡笔小新 2024-11-06 18:03:41
容器
Spring框架的核心组件与架构解析

Spring框架的核心组件与架构解析 ... [详细]

蜡笔小新 2024-11-06 14:16:03
容器
Docker入门指南：初探容器化技术

Docker入门指南：初探容器化技术摘要：Docker 是一个使用 Go 语言开发的开源容器平台，旨在实现应用程序的构建、分发和运行的标准化。通过将应用及其依赖打包成轻量级的容器，Docker 能够确保应用在任何环境中都能一致地运行，从而提高开发和部署的效率。本文将详细介绍 Docker 的基本概念、核心功能以及如何快速上手使用这一强大的容器化工具。 ... [详细]

蜡笔小新 2024-11-06 10:32:10
port
Python 数据库操作指南：MySQL 与 Redis 实战技巧

本文详细介绍了使用 Python 进行 MySQL 和 Redis 数据库操作的实战技巧。首先，针对 MySQL 数据库，通过 `pymysql` 模块展示了如何连接和操作数据库，包括建立连接、执行查询和更新等常见操作。接着，文章深入探讨了 Redis 的基本命令和高级功能，如键值存储、列表操作和事务处理。此外，还提供了多个实际案例，帮助读者更好地理解和应用这些技术。 ... [详细]

蜡笔小新 2024-11-07 12:55:01
port
如何选择一家值得信赖的市场调研公司

在众多市场调研公司中，如何选择一家值得信赖的合作伙伴至关重要。基于我在市场调查行业近二十年的经验，我将推荐几家国内知名的市场调研机构，供您参考：1. 开元研究——专注于零售报刊发行研究、媒体广告价值评估及网络营销分析等领域，以其专业性和准确性赢得了广泛认可。 ... [详细]

蜡笔小新 2024-11-07 11:52:39
port
如何在Android中实现多点触控监听与交互优化

在Android开发中，实现多点触控功能需要使用`OnTouchListener`监听器来捕获触摸事件，并在`onTouch`方法中进行详细的事件处理。为了优化多点触控的交互体验，开发者可以通过识别不同的触摸手势（如缩放、旋转等）并进行相应的逻辑处理。此外，还可以结合`MotionEvent`类提供的方法，如`getPointerCount()`和`getPointerId()`，来精确控制每个触点的行为，从而提升用户操作的流畅性和响应性。 ... [详细]

蜡笔小新 2024-11-07 11:45:12
port
在 CentOS 6.5 系统上部署 VNC 服务器的详细步骤与配置指南

在 CentOS 6.5 系统上部署 VNC 服务器时，首先需要确认 VNC 服务是否已安装。通常情况下，VNC 服务默认未安装。可以通过运行特定的查询命令来检查其安装状态。如果查询结果为空，则表明 VNC 服务尚未安装，需进行手动安装。此外，建议在安装前确保系统的软件包管理器已更新至最新版本，以避免兼容性问题。 ... [详细]

蜡笔小新 2024-11-07 11:12:58
port
POJ3669题目解析：基于广度优先搜索的详细解答

POJ3669（http://poj.org/problem?id=3669）是一道典型的广度优先搜索（BFS）问题。由于陨石的降落具有时间属性，导致地图状态会随时间动态变化。因此，可以利用结构体来记录每个陨石的降落时间和位置，从而有效地进行状态更新和路径搜索。 ... [详细]

蜡笔小新 2024-11-07 10:46:56
容器
当 EXCLUDE_DEAD 设置为 1 时，为何没有容器被移除？

当 EXCLUDE_DEAD 设置为 1 时，为何没有容器被移除？ ... [详细]

蜡笔小新 2024-11-06 16:46:42
容器
深入理解 Java 控制结构的全面指南

深入理解 Java 控制结构的全面指南 ... [详细]

蜡笔小新 2024-11-06 16:40:43

乐乐禧程整_435

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章