Android 组件Gallery和GridView示例讲解

Android Gallery和GridView组件:

Gallery 画廊

Gallery是一个内部元素可以水平滚动,并且可以把当前选择的子元素定位在它中心的布局组件。

我们还是直接看看例子的运行效果。

下面上代码,相关解释都放在代码里了。

1、建立一个新项目 HelloGallery

2、拷贝wallpaper_0.jpg…wallpaper_9.jpg 10个图片文件到res/drawable目录

3、res/layout/main.xml文件的内容如下:

<?xml version="1.0" encoding="utf-8"?> <framelayout android:layout_height="fill_parent" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/FrameLayout01"> <imageview android:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/ImageView01" android:src="@drawable/wallpaper_0"> </imageview> <gallery android:layout_height="wrap_content" android:layout_width="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/Gallery01" android:spacing="5dp"> </gallery> </framelayout>

其中我们使用FrameLayout来实现叠加效果,使用ImageView来显示大图,Gallery来展示画廊,android:spacing="5dp" 属性则是用来设置元素之间的间隔。

4、在res/values/目录中新建一个attrs.xml内容如下:

<?xml version="1.0" encoding="UTF-8"?> <resources> <declare -styleable="" name="HelloGallery"> <attr name="android:galleryItemBackground"> </attr></declare> </resources>

5、在MainHelloGallery.java中的内容如下:

package android.basic.lesson13; import android.app.Activity; import android.content.Context; import android.content.res.TypedArray; 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 MainHelloGallery extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //定义UI组件 final ImageView iv= (ImageView)findViewById(R.id.ImageView01); Gallery g = (Gallery) findViewById(R.id.Gallery01); //设置图片匹配器 g.setAdapter(new ImageAdapter(this)); //设置AdapterView点击监听器,Gallery是AdapterView的子类 g.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { //显示点击的是第几张图片 Toast.makeText(MainHelloGallery.this, "" + position, Toast.LENGTH_LONG).show(); //设置背景部分的ImageView显示当前Item的图片 iv.setImageResource(((ImageView)view).getId()); } }); } //定义继承BaseAdapter的匹配器 public class ImageAdapter extends BaseAdapter { //Item的修饰背景 int mGalleryItemBackground; //上下文对象 private Context mContext; //图片数组 private Integer[] mImageIds = { R.drawable.wallpaper_0, R.drawable.wallpaper_1, R.drawable.wallpaper_2, R.drawable.wallpaper_3, R.drawable.wallpaper_4, R.drawable.wallpaper_5, R.drawable.wallpaper_6, R.drawable.wallpaper_7, R.drawable.wallpaper_8, R.drawable.wallpaper_9 }; //构造方法 public ImageAdapter(Context c){ mContext = c; //读取styleable资源 TypedArray a = obtainStyledAttributes(R.styleable.HelloGallery); mGalleryItemBackground = a.getResourceId( R.styleable.HelloGallery_android_galleryItemBackground, 0); a.recycle(); } //返回项目数量 @Override public int getCount() { return mImageIds.length; } //返回项目 @Override public Object getItem(int position) { return position; } //返回项目Id @Override public long getItemId(int position) { return position; } //返回视图 @Override public View getView(int position, View convertView, ViewGroup parent) { ImageView iv = new ImageView(mContext); iv.setImageResource(mImageIds[position]); //给生成的ImageView设置Id,不设置的话Id都是-1 iv.setId(mImageIds[position]); iv.setLayoutParams(new Gallery.LayoutParams(120, 160)); iv.setScaleType(ImageView.ScaleType.FIT_XY); iv.setBackgroundResource(mGalleryItemBackground); return iv; } } }

我们点击某一张图片,会把该子元素的图片显示在放在后面一层的ImageView组件中。有兴趣的同学可以了解一下AdapterView的继承关系:

以上就是对Android Gallery 和 GridView 组件的介绍,后续继续对相关知识补充,谢谢大家对本站的支持!

时间: 2024-12-14 02:19:20

Android 组件Gallery和GridView示例讲解的相关文章

Android 组件Gallery和GridView示例讲解_Android

Android Gallery和GridView组件: Gallery 画廊 Gallery是一个内部元素可以水平滚动,并且可以把当前选择的子元素定位在它中心的布局组件. 我们还是直接看看例子的运行效果. 下面上代码,相关解释都放在代码里了. 1.建立一个新项目 HelloGallery 2.拷贝wallpaper_0.jpg-wallpaper_9.jpg 10个图片文件到res/drawable目录 3.res/layout/main.xml文件的内容如下: <?xml version=&quo

我的Android进阶之旅------&amp;gt;Android之Gallery和GridView两种方式与ImageSwitcher实现带预览的和幻灯片方式的两种图片浏览器

一.简介 a.GridView(网络视图)的功能和用法 b.ImageSwitcher(图形切换器)的功能和用法 c.Gallery(画廊视图)的功能和用法 二.通过一个实例来学习Gallery.GridView和ImageSwitcher step1:新建一个项目MyGridViewAndGallery                                            三:我们先写用GridView和ImageSwitcher实现 step1:设计所需的UI界面 a.  

android检测网络连接状态示例讲解_Android

Android连接首先,要判断网络状态,需要有相应的权限,下面为权限代码(AndroidManifest.xml): 复制代码 代码如下: <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/><uses-permission android:name="android.permission.INTERNET"/> 然后,检测网络状态是否可用 复制代码

android检测网络连接状态示例讲解

Android连接首先,要判断网络状态,需要有相应的权限,下面为权限代码(AndroidManifest.xml):复制代码 代码如下:<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/><uses-permission android:name="android.permission.INTERNET"/> 然后,检测网络状态是否可用复制代码 代码

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

一.Gallery的简介 Gallery(画廊)是一个锁定中心条目并且拥有水平滚动列表的视图,一般用来浏览图片,并且可以响应事件显示信息.Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图片的效果. Gallery常用的XML属性 属性名称 描述 android:animationDuration 设置布局变化时动画的转换所需的时间(毫秒级).仅在动画开始时计时.该值必须是整数,比如:100. android:gravity 指定在对象的X和Y轴上如何放置内

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

一.Gallery的简介 Gallery(画廊)是一个锁定中心条目并且拥有水平滚动列表的视图,一般用来浏览图片,并且可以响应事件显示信息.Gallery还可以和ImageSwitcher组件结合使用来实现一个通过缩略图来浏览图片的效果. Gallery常用的XML属性 属性名称 描述 android:animationDuration 设置布局变化时动画的转换所需的时间(毫秒级).仅在动画开始时计时.该值必须是整数,比如:100. android:gravity 指定在对象的X和Y轴上如何放置内

Android群英传笔记——第三章:Android控件架构与自定义控件讲解

Android群英传笔记--第三章:Android控件架构与自定义控件讲解 真的很久没有更新博客了,三四天了吧,搬家干嘛的,心累,事件又很紧,抽时间把第三章大致的看完了,当然,我还是有一点View的基础的,可以先看下我之前写的几篇基础的View博客 Android绘图机制(一)--自定义View的基础属性和方法 Android绘图机制(二)--自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解 Android绘图机制(三)--自定义View的三种实现方式以及实战

安卓-Android开发ListView嵌套GridView,如何更加优化

问题描述 Android开发ListView嵌套GridView,如何更加优化 我在ListView中嵌套GridView,效果实现了,但我在ListView的getView()中是 new GridViewAdapter(``````),也就是说我每一个大的ListView的Item都有去new 一个GridView的适配器,这样对内存不好.可我想通过notifyDataSetChanged()来 改变嵌套的GridView中的数据,一直实现不了...求高手解答··· 解决方案 用viewho

Android实现自适应正方形GridView

现在在Android应用中,GridView中每个Item都是正方形的场景越来越常见.比如 陌陌 的搜索结果界面 陌陌的搜索界面显示 Android手机和IPhone不同, IPhone硬件是苹果自己出的,屏幕尺寸基本没啥太大差别,所以很好适配. 而Android就不一样了,中高低档手机都有,屏幕尺寸严重不统一,如何做到一种实现适配各种Android手机屏幕才是关键. 今天我们就来研究下具体实现方式. 由于Android本身对设备特性支持比较有好,所以实现起来还是非常简单滴! 问题分析 要实现这