Android UI控件之Gallery实现拖动式图片浏览效果

所属分类: 软件编程 / Android 阅读数: 60
收藏 0 赞 0 分享

我们知道现在智能手机上都有这样一种功能,就是你在浏览图片的时候。不是硬性的点击按钮而是可以实现手指的拖动,划开效果。使用户具有更好的交互体验,不过这种效果是如何实现的呢?

在Android中是通过Gallery来实现拖动效果的。

通过Gallery可以实现各种各样的效果,此篇文章只是简要谈谈他的用法,至于后续的一些效果

有机会的时候做一个整理。 

首先看看其简单实现吧!本次实例是通过选取图片实现类似设置背景的功能!

不过需要说明的是:图片不宜过大,否则容易内存溢出,android对大图片的支持不好!

我们来看看切换之后的效果吧

看看重新设置一幅背景图片!

怎么样一个简单的效果就出来了吧!

下面是具体的实现方法:

xml文件:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:orientation="vertical" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 > 
 <Gallery 
 android:id="@+id/gallery1" 
 android:layout_height="fill_parent" 
 android:layout_width="fill_parent" 
 android:spacing="3px" 
 > 
 </Gallery> 
</LinearLayout> 

 MainActivity文件:

package com.kiritor.ui_gallery; 
 
import android.app.Activity; 
import android.graphics.Color; 
import android.os.Bundle; 
import android.view.View; 
import android.widget.AdapterView; 
import android.widget.AdapterView.OnItemClickListener; 
import android.widget.Gallery; 
import android.widget.Toast; 
 
/** 
 * @author 记忆的永恒 
 * 
 */ 
public class MainActivity extends Activity { 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
 
  final Gallery gallery = (Gallery) findViewById(R.id.gallery1); 
  // 将存放图片的ImageAdapter给gallery对象 
  gallery.setAdapter(new ImageAdapter(this)); 
 
  // 设置gallery 的背景图片 
  gallery.setBackgroundResource(R.drawable.first); 
 
  // 设置Gallery的监听事件 
  gallery.setOnItemClickListener(new OnItemClickListener() { 
   @Override 
   public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, 
     long arg3) { 
    switch (arg2) { 
    case 0: 
     gallery.setBackgroundResource(R.drawable.first); 
     break; 
    case 1: 
     gallery.setBackgroundResource(R.drawable.second); 
     break; 
    case 2: 
     gallery.setBackgroundResource(R.drawable.third); 
     break; 
    case 3: 
     gallery.setBackgroundResource(R.drawable.forth); 
     break; 
    case 4: 
     gallery.setBackgroundResource(R.drawable.fifth); 
     break; 
    default: 
     break; 
    } 
   } 
  }); 
 } 
} 

 自己实现一个ImageAdapter继承与BaseAdapter实现适配器

package com.kiritor.ui_gallery; 
 
import android.content.Context; 
import android.view.View; 
import android.view.ViewGroup; 
import android.widget.BaseAdapter; 
import android.widget.Gallery; 
import android.widget.ImageView; 
 
public class ImageAdapter extends BaseAdapter{ 
 
//定义Content 
private Context mContext; 
//定义一个数组,存放图片资源 
private Integer[] mImageIds = { 
 R.drawable.first, 
 R.drawable.second, 
 R.drawable.third, 
 R.drawable.forth, 
 R.drawable.fifth, 
  
}; 
 
 //构造 
 public ImageAdapter(Context c){ 
 mContext = c; 
 } 
 
 //获取图片的个数 
 public int getCount() { 
 // TODO Auto-generated method stub 
 return mImageIds.length; 
 } 
 
 //获取图片在库中的位置 
 public Object getItem(int position) { 
 // TODO Auto-generated method stub 
 return position; 
 } 
 
 //获取图片在库中的ID 
 public long getItemId(int position) { 
 // TODO Auto-generated method stub 
 return position; 
 } 
 
 //将图片取出来 
 public View getView(int position, View convertView, ViewGroup parent) { 
 //要取出图片,即要定义一个ImageView来存 
 ImageView imageView = new ImageView(mContext); 
 imageView.setImageResource(mImageIds[position]); 
 //设置显示比例类型 
 
 
 
 //设置布局图片以105*150显示 (简单解释——设置数字不一样,图片的显示大小不一样) 
 imageView.setLayoutParams(new Gallery.LayoutParams(240, 200)); 
 
 
 imageView.setScaleType(ImageView.ScaleType.FIT_CENTER); 
 return imageView; 
 } 
 
} 

 Over!一个简单的图片拖动展示外加设置背景图片的小功能就实现了。

下面是项目完整代码部分:Gallery实现拖动式图片浏览效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多