Android实现宫格图片连续滑动效果

  在这之前,写过几篇关于在Android中实现滑动的效果,毕竟滑动效果在Andriod开发中也使用得比较频繁,有兴趣的朋友请查看我以前的文章,这里不再详述。

  今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言,想要实现在GridLayout(相当于九宫格)中点击每项可左右滑动显示该宫格的图片,当该宫格的图片显示完以后,接着显示下一宫格的图片。那么看过我以前关于滑动方面的文章的朋友,相信要实现前者的效果并不难,关键在于如何实现后者,即如何在一个宫格的图片显示完以后,接着显示下一宫格的图片。那么这就是我们今天这篇文章要探讨的内容。

  说到这里呢,首先对这位网友说声抱歉,由于前些日子太忙,直到现在有那么一点时间来写这篇文章,毕竟平常工作也比较忙,不能即时回答大家的问题,还请谅解。

  好了,言归正传,继续来介绍我们的内容。在这篇文章里,我们实现的示例带有什么样的功能呢?为了大家能更多的学习Android方面的知识,我的这个示例除了实现上面讨论的功能以外,还实现了如下的功能:

  图片多线程加载;

  图片可自动浏览;

  可隐藏头部和底部;

  图片加载时可显示翻牌效果;

  宫格切换时实现3D切换效果;

  宫格图片可切换成ListView样式;

  可配置各种选项,比如缓存大小、线程池大小、图片显示等。

  为了大家能更好的理解,我们先来看下要实现的效果图:


  大家看了效果图之后就会有一种似曾相识的感觉。这就对了,因为这种效果在新闻客户端中比较常见,当然也可以用于其他的应用当中。

  下面就让我们开始实现过程。

  先熟悉下MainActivity.java的代码,如下:

  package com.palace.image.activity;

  import com.image.loader.core.DisplayImageOptions;

  import com.palace.image.R;

  import com.palace.image.adapter.GridViewAdapter;

  import android.content.Intent;

  import android.graphics.Color;

  import android.graphics.drawable.ColorDrawable;

  import android.os.Bundle;

  import android.view.View;

  import android.widget.AdapterView;

  import android.widget.GridView;

  import android.widget.AdapterView.OnItemClickListener;

  /**

  * Android实现宫格图片连续滑动效果

  * @Description: Android实现宫格图片连续滑动效果

  * @File: MainActivity.java

  * @Package com.palace.image.activity

  * @Author Hanyonglu

  * @Date 2012-09-19 下午05:57:34

  * @Version V1.0

  */

  public class MainActivity extends BaseActivity {

  private GridView gridView = null;

  private String[] imageValues = null;

  private String[] titleValues = null;

  private DisplayImageOptions options;

  /** Called when the activity is first created. */

  @Override

  public void onCreate(Bundle savedInstanceState) {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.main);

  // 初始化

  initViews();

  }

  /**

  * 初始化

  */

  private void initViews(){

  titleValues = getResources().getStringArray(R.array.news_title);

  imageValues = getResources().getStringArray(R.array.small_images);

  options = new DisplayImageOptions.Builder()

  .showStubImage(R.drawable.ic_image_load)

  .showImageForEmptyUri(R.drawable.ic_image_load)

  .cacheInMemory()

  .cacheOnDisc()

  .build();

  gridView = (GridView) findViewById(R.id.gridview);

  gridView.setSelector(new ColorDrawable(Color.TRANSPARENT));

  gridView.setAdapter(new GridViewAdapter(

  this, imageValues,titleValues,imageLoader,options));

  gridView.setOnItemClickListener(new OnItemClickListener() {

  public void onItemClick(AdapterView parent, View v,

  int position, long id) {

  Intent intent = new Intent();

  intent.setClass(MainActivity.this, ImageActivity.class);

  startActivity(intent);

  }

  });

  }

  @Override

  protected void onStop() {

  super.onStop();

  imageLoader.stop();

  }

  @Override

  protected void onDestroy() {

  // TODO Auto-generated method stub

  super.onDestroy();

  imageLoader.stop();

  }

  }

 

时间: 2024-11-02 05:06:56

Android实现宫格图片连续滑动效果的相关文章

在Android app中实现九(n)宫格图片连续滑动效果_Android

  今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言,想要实现在GridLayout(相当于九宫格)中点击每项可左右滑动显示该宫格的图片,当该宫格的图片显示完以后,接着显示下一宫格的图片.那么看过我以前关于滑动方面的文章的朋友,相信要实现前者的效果并不难,关键在于如何实现后者,即如何在一个宫格的图片显示完以后,接着显示下一宫格的图片.那么这就是我们今天这篇文章要探讨的内容. 说到这里呢,首先对这位网友说声抱歉,由于前些日子太忙,直到现在有那么一点时间来写这篇文章,毕竟平常工作也比较忙,

在Android app中实现九(n)宫格图片连续滑动效果

今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言,想要实现在GridLayout(相当于九宫格)中点击每项可左右滑动显示该宫格的图片,当该宫格的图片显示完以后,接着显示下一宫格的图片.那么看过我以前关于滑动方面的文章的朋友,相信要实现前者的效果并不难,关键在于如何实现后者,即如何在一个宫格的图片显示完以后,接着显示下一宫格的图片.那么这就是我们今天这篇文章要探讨的内容. 说到这里呢,首先对这位网友说声抱歉,由于前些日子太忙,直到现在有那么一点时间来写这篇文章,毕竟平常工作也比较忙,不能

Android模糊处理实现图片毛玻璃效果_Android

本文实例讲解了Android 虚化图片.模糊图片.图片毛玻璃效果的实现方法,具体内容如下 效果如图: 在Android可以用RenderScript方便的实现这个方法: private void blur(Bitmap bkg, View view, float radius) { Bitmap overlay = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8

Android模糊处理实现图片毛玻璃效果

本文实例讲解了Android 虚化图片.模糊图片.图片毛玻璃效果的实现方法,具体内容如下 效果如图: 在Android可以用RenderScript方便的实现这个方法: private void blur(Bitmap bkg, View view, float radius) { Bitmap overlay = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8

Android学习教程之图片毛玻璃效果(4)_Android

本教程为大家分享了Android毛玻璃效果的具体代码,供大家参考,具体内容如下 BlurimageActivity.java代码: package com.siso.crazyworld; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.support.v7.app.AppCompatActivit

Android学习教程之图片毛玻璃效果(4)

本教程为大家分享了Android毛玻璃效果的具体代码,供大家参考,具体内容如下 BlurimageActivity.java代码: package com.siso.crazyworld; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.support.v7.app.AppCompatActivit

Android实现探探图片滑动效果

之前一段时间,在朋友的推荐下,玩了探探这一款软件,初玩的时候,就发现,这款软件与一般的社交软件如陌陌之类的大相径庭,让我耳目一新,特别是探探里关于图片滑动操作让人觉得非常新鲜.所以在下通过网上之前的前辈的经历加上自己的理解,也来涉涉水.下面是网上找的探探的原界面 当时就非常想通过自己来实现这种仿探探式的效果,然而却没什么思路.不过毋庸置疑的是,这种效果的原理肯定和 ListView /RecyclerView 类似,涉及到 Item View 的回收和重用,否则早就因为大量的 Item View

Android实现文字和图片混排(文字环绕图片)效果_Android

本文实例讲述了Android实现文字和图片混排(文字环绕图片)效果.分享给大家供大家参考,具体如下: 在平时我们做项目中,或许有要对一张图片或者某一个东西进行文字和图片说明,这时候要求排版美观,所以会出现文字和图片混排的情况,如图: 这种情况就是上下两个文字说明是连续在一起的,这就要求我们计算上面的文字说明怎么和下面的文字说明连贯结合在一起呢,这就要求我们进行计算了,下面给出代码,代码中也有详细的注释,原理也很简单. 因为算是比较简单,直接就在activity中去计算了: package com

Android 异步加载图片,使用LruCache和SD卡或手机缓存,效果非常的流畅

异步加载图片的例子,网上也比较多,大部分用了HashMap<String, SoftReference<Drawable>> imageCache ,但是现在已经不再推荐使用这种方式了,因为从 Android 2.3 (API Level 9)开始,垃圾回收器会更倾向于回收持有软引用或弱引用的对象,这让软引用和弱引用变得不再可靠.另外,Android 3.0 (API Level 11)中,图片的数据会存储在本地的内存当中,因而无法用一种可预见的方式将其释放,这就有潜在的风险造成应