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

Lala ·

更新时间:2024-09-21

· 914 次阅读

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

在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 UI使用HorizontalListView实现水平滑动Android UI新组件学习和使用Android UI 中的 ListView列表控件的示例Android UI控件之ImageSwitcher实现图片切换效果Android UI绘制流程及原理详解

图片 gallery Android

1024 个赞