首页 > 系统 > Android > 正文

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

2019-10-22 18:19:38
字体:
来源:转载
供稿:网友

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

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

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

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

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

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

Android,UI,Gallery,拖动

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

Android,UI,Gallery,拖动

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

Android,UI,Gallery,拖动

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

下面是具体的实现方法:

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实现拖动式图片浏览效果

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


注:相关教程知识阅读请移步到Android开发频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表