美文网首页
iOS的Masnory + 轮播图.

iOS的Masnory + 轮播图.

作者: 请叫我小白同学 | 来源:发表于2018-04-16 11:51 被阅读45次

这是使用masonry,来布局轮播图


图片

大概原理:

        用三个imagview创建,只要一直保持显示中间的UIImageView,滚动时动态更改三个UIImageView的图片即可。

例如:有五张图片: 1,2,3,4,5

图5,图1,图2,当前显示中间的UIImageView,也就是图片1。

如果向后滚动那么就会显示图片2,当图片2显示完整后迅速重新设置三个UIImageView的内容为图片1、图片2、图片3,然后通过contentOffset设置显示中间的UIImageView,也就是图片2。

继续向后看到图片3,当图片3滚动完成迅速重新设置3个UIImageView的内容为图片2、图片3、图片4,然后设置contentOffset显示中间的UIImageView,也就是图片3。

当然,向前滚动原理完全一样,如此就给用户一种循环错觉,而且不占用过多内存。


        1.让UIScrollView约束(edges).equalto等于父类大大小.

        2.创建一个contenView当做过渡,并且让它大edges等于(UIScrollView),并且让它大高度也等于(UIScrollView)。

        3.设置第一个leftimagView,让它 make.top.and.bottom.equalTo(contenView),然后让它左边等于contenView的左边.

        4.设置第二个centerimageView,让它make.top.and.bottom.equalTo(contenView),然后让它的左边等于leftimagView的右边.

        5.设置第三个rightImageView,让它make.top.and.bottom.equalTo(contenView),然后让它的左边等于leftimagView的右边.

6.让contenView的右边等于rightImageView的右边。


原理大概是这样,如果有小伙伴有更好的方法,请告诉我哦~谢谢哈

demo

相关文章

  • iOS的Masnory + 轮播图.

    这是使用masonry,来布局轮播图 大概原理: 用三个imagview创建,只要一直保持显示中间的UIImage...

  • 轮播大法——SDCycleScrollView 源码思路解析

    SDCycleScrollView 轮播图源码解析 一、开篇 轮播图控件,在 iOS 应用上是有很多应用的。 这个...

  • iOS使用UIScrollView实现无限循环轮播图

    何为轮播图?在 iOS中其实就是利用UIScrollView来展示超出屏幕范围的图片或者是其它内容。轮播图又分为手...

  • iOS14 UIPageControl变化

    问题 项目中使用到了SDCycleScrollView来显示轮播图,升级到iOS 14后发现轮播图上的UIPage...

  • swift第三方控件

    iOS开发:Swift实现的轮播图、无限循环视图控件CYCircularScrollView CycleScrol...

  • iOS 轮播图

    轮播图几乎是每一个 App 都会有的功能,而在 UIKit 中又找不到能够直接实现轮播图的视图控件。因此我们需要通...

  • ios 轮播图

    好的第三方 http://www.code4app.com/thread-14507-1-1.html

  • ios 轮播图

    #import "ViewController.h" #import "oneViewController.h" ...

  • iOS轮播图

    用collectionView自定义实现一个无限滚动的轮播图 这里主要说一下无限轮播的核心思路和解决方案 我先以s...

  • iOS 轮播图

网友评论

      本文标题:iOS的Masnory + 轮播图.

      本文链接:https://www.haomeiwen.com/subject/yemskftx.html