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。 实