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

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

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

  

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

 

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

  • 图片多线程加载;
  • 图片可自动浏览;
  • 可隐藏头部和底部;
  • 图片加载时可显示翻牌效果;
  • 宫格切换时实现3D切换效果;
  • 宫格图片可切换成ListView样式;
  • 可配置各种选项,比如缓存大小、线程池大小、图片显示等。

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

2016223164857222.jpg (480×800)

2016223164938742.jpg (480×800)

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

 

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

  先熟悉下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_activity);
    
    // 初始化
    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(itemOnClickListener);
  }
  
  // GridView单击项事件监听器
  private OnItemClickListener itemOnClickListener = new OnItemClickListener() {
    public void onItemClick(AdapterView<?> parent, View v,
        int position, long id) {
      Intent intent = new Intent();
      intent.setClass(MainActivity.this, ImageActivity.class);
      intent.putExtra("item_index", position);
      startActivity(intent);
    }
  };
  
  @Override
  protected void onStop() {
    super.onStop();
    imageLoader.stop();
  }
  
  @Override
  protected void onDestroy() {
    // TODO Auto-generated method stub
    super.onDestroy();
    imageLoader.stop();
  }
}

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

老生常谈Android HapticFeedback(震动反馈)

下面小编就为大家带来一篇老生常谈Android HapticFeedback(震动反馈)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详谈OnTouchListener与OnGestureListener的区别

下面小编就为大家带来一篇详谈OnTouchListener与OnGestureListener的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android仿知乎悬浮功能按钮FloatingActionButton效果

前段时间在看属性动画,恰巧这个按钮的效果可以用属性动画实现,下面通过本文给大家分享adroid仿知乎悬浮功能按钮FloatingActionButton效果,需要的朋友参考下吧
收藏 0 赞 0 分享

解决Android V7后自定义Toolbar、ActionBar左侧有空白问题

这篇文章主要介绍的Android V7后自定义Toolbar、ActionBar左侧有空白问题的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android常见控件使用详解

这篇文章主要为大家详细介绍了Android常见控件的使用方法,包括ProgressBar进度条控件、AlertDialog对话框控件等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android实现简洁的APP更新dialog数字进度条

这篇文章主要为大家详细介绍了Android实现简洁的APP更新dialog数字进度条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android 判断当前语言环境是否是中文环境

本文主要介绍了Android 判断当前语言环境是否是中文环境的方法。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

详谈Android中Matrix的set、pre、post的区别

下面小编就为大家带来一篇详谈Android中Matrix的set、pre、post的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现登录界面记住密码的存储

这篇文章主要为大家详细介绍了Android SharedPreferrences实现登录界面记住密码的存储,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Android 使用SharedPreferrences储存密码登录界面记住密码功能

Android存储方式有很多种,在这里所用的存储方式是SharedPreferrences, 其采用了Map数据结构来存储数据,以键值的方式存储,可以简单的读取与写入,下面通过实例代码给大家讲解下,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多