Gallery滑动一页(一个Item)效果-阿里云开发者社区

Gallery滑动一页(一个Item)效果

2016-04-11 1999

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

本文主要介绍如何使用Gallery只滑动一页以及其实现原理。

示例APK可从这些地址下载：Google Play, 360手机助手, 百度手机助手, 小米应用商店, 豌豆荚

可运行代码地址可见SlideOnePageGalleryDemo

效果图如下：

之前介绍过使用viewpager实现画廊(一屏多个Fragment)效果，两者各有优劣。Gallery滑动一页完成的处理事件会造成明显卡顿，但滑动过程中比ViewPager流畅。

1、引入公共库

引入TrineaAndroidCommon@Github(欢迎star和fork^_^)作为你项目的library(如何拉取代码及添加公共库)，或是自己抽取其中的SlideOnePageGallery使用。

2、使用

Java

 
   1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
   <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" >
 <cn.trinea.android.common.view.SlideOnePageGallery
 android:id="@+id/app_app_image_gallery"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_centerInParent="true"
 android:paddingBottom="@dimen/dp_40"
 android:spacing="4dp" />
 <include layout="@layout/trinea_info" />
</RelativeLayout>
 
  

用现在的cn.trinea.android.common.view.SlideOnePageGallery替换原来的Gallery即可.

如果需要设置没一页滑动后的操作，如修改指示器，可以调用setOnItemSelectedListener，如下：

Java

 
   1
2
3
4
5
6
7
8
9
10
11
12
 
   imageGallery.setOnItemSelectedListener(new OnItemSelectedListener() {
 @Override
 public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
 // Toast.makeText(context, Integer.toString(position), Toast.LENGTH_SHORT).show();
 }
 @Override
 public void onNothingSelected(AdapterView<?> parent) {
 }
});
 
  

不过这个函数性能很差，即便只是TextView.setText也会明显卡顿.

3、原理
通过查看SlideOnePageGallery源码，我们可以发现，核心代码如下：

Java

 
   1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    private boolean isScrollingLeft(MotionEvent e1, MotionEvent e2) {
 return e2.getX() > e1.getX();
 }
 @Override
 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
 int kEvent;
 if (isScrollingLeft(e1, e2)) {
 // Check if scrolling left
 kEvent = KeyEvent.KEYCODE_DPAD_LEFT;
 } else {
 // Otherwise scrolling right
 kEvent = KeyEvent.KEYCODE_DPAD_RIGHT;
 }
 onKeyDown(kEvent, null);
 return true;
 }
 
  