Android ViewPager显示相邻两页的部分内容

Android ViewPager显示相邻两页的部分内容_第1张图片

GridView里显示图片的缩略图,点击缩略图,显示一个ViewPager显示大图,并且可以看到相邻的两张图片的部分内容,左右滑动切换。

首先在自定义的PageAdapter的instantiateItem方法中,创建ImageView并设置padding属性,使其在显示时能够在左右两边给相邻的两页留出地方。这里左右各留了30.

然后设置VIewPager的PageMargin属性,这里要设置成负数,让他们互相重叠,让左右两边的页面挪到界面里,具体的值=0 - (ImageView的padding*2),因为两边的页面中的图片不光要移动到自身的边界,还要越过边界,显示到屏幕里。这里设置为-58,让图片间有2个距离。

最终效果如上图所示。这个方法只适用于图片都可以在横向能够填充满屏幕,如果图片小了仍旧看不到。


你可能感兴趣的:(Android)