【原】真正的画廊，左右条目可点击居中，左右条目可滑动

前言

最近公司做一个想 Gallery 一样的效果,于是想在网上找个现成的,但是怎么找也没找到,就是找到一个 鸿洋大神的巧用 ViewPager 打造不一样的广告轮播切换效果 http://blog.csdn.net/lmj623565791/article/details/51339751 的,但是左右条目不可点击,又不可以滑动,所以就做了个这个控件,本控件也是利用 ViewPgaer 做出来的。

效果

从图上可以看出, 两边的 item 可以被点击居中, 可以被滑动,也就是可以获得焦点。

原理

设置 PageTransformer

PageTransformer 大家估计都相当熟悉吧,下面是 PageTransformer 的代码

这个的作用就是让 Viewpager 展示多个条目,看下面的图片, 红色的才是 ViewPager 的大小,所以此 PageTransformer 是为了在 Viewpager 外面展示图片。

大家都知道 PageTransformer 没有真正的改变 viewpager 的状态,但是为什么本 demo 中两侧的图片可以点击还可以滑动呢,让我慢慢跟你道来

其实很简单,就是在 viewpage 的父控件中拦截 dispatchTouchEvent 的方法来控制ViewPgaer 的滑动和相应点击事件的(不懂 dispatchTouchEvent 即事件分发的, 问问度娘就可以了)

先看一下自定义 ViewPager

等会让 VIewPgaer 的父控件的 dispatchTouchEvent 实现此 ViewPager 的dispatchTouchEvent 就可以了 比如在 mainactivity 中找到父控件, 根据父控件的dispatchTouchEvent 来控制此 ViewPgaer 的变化。

控制两边图片的点击事件只响应居中图片, 不响应点击事件

在 viewpageradapter 中设置如下代码, 中间的图片永远是 mViewPager.getCurrentItem(),只有中间的图片可以响应点击事件。

---

Kotlin 编程

http://www.jianshu.com/c/00b33a9fab13 

小生要请各位关注啦