HYBLoopScrollView

一键式集成轮播组件
授权协议 MIT
开发语言 Objective-C
所属分类 iOS代码库、 滚动视图(ScrollView)
软件类型 开源软件
地区 国产
投 递 者 许正平
操作系统 iOS
开源组织
适用人群 未知
 软件概览

HYBLoopScrollView,一行代码接入轮播组件,自带图片下载、缓存相关功能,无任何第三方依赖、轻量级组件。

特性:

特性1:无缝无限循环滚动

HYBLoopScrollView很好地解决了这个问题。这个库使用了UICollectionView的特性,很巧妙地实现了这个无限滚动的效果。

特性2:直接使用block版本API

这里提供了唯一地创建控件的方法:

+ (instancetype)loopScrollViewWithFrame:(CGRect)frame
                              imageUrls:(NSArray *)imageUrls
                           timeInterval:(NSTimeInterval)timeInterval
                              didSelect:(HYBLoopScrollViewDidSelectItemBlock)didSelect
                              didScroll:(HYBLoopScrollViewDidScrollBlock)didScroll

特性3:提供图片切换的淡入淡出效果

HYBLoadImageView类是继承于UIImageView,提供了下载图片及缓存的功能,包括获取缓存的大小、清空缓存、支持自动设置显示成圆形头像。

提供了公开的裁剪图片的API:

/**
 *  @author 黄仪标
 *
 *  此处公开此API,是方便大家可以在别的地方使用。等比例剪裁图片大小到指定的size
 *
 *  @param image 剪裁前的图片
 *  @param size 最终图片大小
 *  @param isScaleToMax 是取最大比例还是最小比例,YES表示取最大比例
 *
 *  @return 裁剪后的图片
 */
+ (UIImage *)clipImage:(UIImage *)image toSize:(CGSize)size isScaleToMax:(BOOL)isScaleToMax;

特性4:自带下载、缓存

内部自带了图片下载功能及图片缓存功能,并且在收到内存警告时,也会清理掉图片缓存。

特性5:支持 cocoapods

当前维护的版本已经到了version 3.0.0,可通过下面的方法添加到Podfile中:

pod "HYBLoopScrollView", '~> 3.0.0'

使用

  • 方法一:通过 cocoapods 安装

  • 方法二:到 Github下载源代码,直接将 HYBLoopScrollView 文件夹拖到工程,不需要做任何配置

 相关资料
  • 我们的轮播组件式稳定的多功能的,他可以是图片滑块,轮播组件项,初次体验。他可以使你在手机很便利的使用。 注意:这个组件支持触摸,同过手指滚动这个组件。 <div class="carousel"> <a class="carousel-item" href="#one!"><img src="https://www.wenjiangs.com/wp-content/uploads/2020

  • 轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件,这些组件有较多共同点。首先,Dom构造基本相同,如下: <div class="mui-slider"> <div class="mui-slider-group"> <!--第一个内容区容器--> <div class="mui-slider

  • 简介 yii2 Carousel是一个基于JavaScript的图片轮播组件,使用Carousel可以快速的在网站任意位置放置一个图片轮播的效果 实例 <?php echo Carousel::widget([ 'items' => [ // 只有图片的格式 '<img src="http://www.yii-china.com/statics/images

  • 本文向大家介绍轮播图组件js代码,包括了轮播图组件js代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JavaScript轮播图组件代码,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍很棒的一组js图片轮播特效,包括了很棒的一组js图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 大家经常在网页中使用轮播效果,本文为大家分享的是一组图片轮播特效,希望大家喜欢 先看一眼效果图: 代码: 精彩专题分享:jQuery图片轮播 JavaScript图片轮播 Bootstrap图片轮播 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 主要内容:实例,实例,实例,用法,选项,方法,实例,事件,实例Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能,那么您需要引用 carousel.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 实