viewpager轮播的时候，当从最后一张图片轮播到第一张的时候，会把前面轮播过的都显示一遍啊

Posted 2023-03-31

不想要这个效果，想最后一张到第一张跳转的时候，也和别的效果一样，怎么做啊

参考技术A

很简单，只需要将viewPager的滑动速度设置成0即可。

通过反射机制,修改viewPager的属性

以下是我封装好的一个类

public class ViewPagerScroller extends Scroller 
    private int mScrollDuration = 2000;             // 滑动速度
 
    /**
     * 设置速度速度
     * @param duration
     */
    public void setScrollDuration(int duration)
        this.mScrollDuration = duration;
    
     
    public ViewPagerScroller(Context context) 
        super(context);
    
 
    public ViewPagerScroller(Context context, Interpolator interpolator) 
        super(context, interpolator);
    
 
    public ViewPagerScroller(Context context, Interpolator interpolator, boolean flywheel) 
        super(context, interpolator, flywheel);
    
 
    @Override
    public void startScroll(int startX, int startY, int dx, int dy, int duration) 
        super.startScroll(startX, startY, dx, dy, mScrollDuration);
    
 
    @Override
    public void startScroll(int startX, int startY, int dx, int dy) 
        super.startScroll(startX, startY, dx, dy, mScrollDuration);
    
 
     
     
    public void initViewPagerScroll(ViewPager viewPager) 
        try 
            Field mScroller = ViewPager.class.getDeclaredField("mScroller");
            mScroller.setAccessible(true);
            mScroller.set(viewPager, this);
         catch(Exception e) 
            e.printStackTrace();
        
    

 
 
使用方法:
    ViewPagerScroller viewPagerScroller = new ViewPagerScroller(context);
        viewPagerScroller.initViewPagerScroll(viewPager);           //初始货ViewPager时,反射修改滑动速度

怎么让swiper轮播的时候每一张加个边框

参考技术A .swiper-container 
    margin-top: 20px;
    width: 750px;
    height: 320px;
    margin-bottom: 53px;
    overflow: visible!important;

.swiper-container .swiper-wrapper .swiper-slide width: 620px; border-radius: 20px;
.swiper-container .swiper-wrapper .swiper-slide imgwidth: 100%; height: 320px; border-radius: 20px;
.swiper-container .swiper-wrapper .swiper-slide-prev margin-top: 18px; height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-prev img height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-next margin-top: 18px; height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-next img height: 284px!important;
.swiper-container .swiper-wrapper .swiper-slide-active width: 620px;

.swiper-pagination
    bottom: -30px!important;

.swiper-pagination .swiper-pagination-bulletwidth: 12px; height: 12px; background: #ff1e1e;
.swiper-pagination .swiper-pagination-bullet-activewidth: 21px; height: 12px; background: #e75230; border-radius: 6px;