HYBLoopScrollView 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
HYBLoopScrollView 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
操作系统 iOS
软件类型 开源软件
开发厂商
地区 国产
提 交 者 局长
适用人群 未知
收录时间 2016-08-17

软件简介

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 文件夹拖到工程,不需要做任何配置

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2019/11/01 15:12

scroll-view

scroll-view 不适合放长列表,有性能问题。长列表滚动和下拉刷新,应该使用原生导航栏搭配页面级的滚动和下拉刷新实现。包括在app-nvue页面,长列表应该使用list而不是scroll-view scroll-into-view 的优先级高于 scroll-top。 scroll-view是区域滚动,不会触发页面滚动,无法触发pages.json配置的下拉刷新、页面触底onR...

0
0
发表了博客
2013/11/13 10:49

理解Scroll View

中文博客链接:http://answerhuang.duapp.com/index.php/2013/11/04/%E7%90%86%E8%A7%A3scroll-view/ 原文链接:Understanding Scroll Views 可能你很难相信,UIScrollView和一个标准的UIView差异并不大,scroll view确实会多一些方法,但这些方法只是UIView一些属性的表面而已。因此,要想弄懂UIScrollView是怎么工作之...

0
0
发表了博客
2019/03/23 10:57

微信小程序scroll-view 横向和纵向scroll-view组件

scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块 主要属性: 使用演示: wxml <!--垂直滚动,这里必须设置高度--> <scroll-view scroll-y="true" style="height: 200px"> <view s...

0
0
发表于大前端专区
2019/02/13 17:58

scroll-view无法滚动

微信小程序中的scroll-view组件的使用(横向滚动) 1. 需要将srcoll-view的父元素设置宽度,以及ovflow: hidden;white-space: no-wrap; 2. 滚动元素设置为display: inline-block; 代码: view class="scroll-w......

0
0
发表了博客
2018/08/29 10:36

微信小程序scroll-view

<scroll-view class='tabli' scroll-x="true" scroll-left="{{navScrollLeft}}" scroll-with-animation="{{true}}"> <view class='item' wx:for="{{ arr }}" wx:for-index="idx" wx:for-item="navItem" wx:key="idx">{{navItem}}</view> </scroll-view> .tabli{   height:80rpx;   width:100%;   box-sizing:bord...

0
0
发表于大前端专区
07/15 20:02

双scroll-view 小程序

<view > <view class="leader_title1"> <text class="h3">测评推荐榜</text> </view> <scroll-view scroll-x="true" class="tab-h" scroll-with-animation scroll-left="......

0
0
发表了博客
2019/11/27 22:00

微信小程序 - scroll-view的scroll-into-view属性 - 在页面打开后滚动到指定的项

需求: 这是一个可横向滚动的导航条,现在要求我,从别的页面reLaunch回到首页这里,刷新页面内容的同时,菜单项要滚动出来    (如果该菜单项不在可视区域),而不是让他被挡住。 代码: <scroll-view class="nav-scroll" scroll-x="{{true}}" nenable-flex="{{true}}"       scroll-into-view="{{toView}}" s...

0
0
2019/07/10 14:42

隐藏 scroll-view 组件的滚动条

scroll-view [style*="overflow"]::-webkit-scrollbar { display: none; }

0
0
发表于大前端专区
2019/08/11 20:03

【微信小程序】采坑之scroll-view组件

本文转载于:猿2048网站https://www.mk2048.com/blog/blog.php?id=ibba0j&title=%E3%80%90%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E3%80%91%E9%87%87%E5%9D%91%E4%B9%8Bscroll-view%E7%BB%84%E4%BB%B6 一、......

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
1 收藏
分享
返回顶部
顶部