ESPictureBrowser - 仿即刻App风格的图片浏览效果
LeonardHump
8年前
<h2><strong>ESPictureBrowser</strong></h2> <p>类似于<即刻>应用的图片浏览器效果</p> <ul> <li> <p>支持 iOS 8 及以上</p> </li> </ul> <h3><strong>效果图</strong></h3> <p><img src="https://simg.open-open.com/show/3cc2e6ddf854dc8d7d088a281fcafd42.gif"> <img src="https://simg.open-open.com/show/f4a45fd30755be85b4caba8cd4e64e0e.gif"> <img src="https://simg.open-open.com/show/ac67f98201e8136918fc32f5f467f3fc.gif"></p> <h2><strong>集成方式</strong></h2> <ul> <li> <p>cocoapod</p> </li> </ul> <pre> pod 'ESPictureBrowser', '~> 0.2.1'</pre> <h2><strong>使用方式</strong></h2> <ul> <li>初始化并显示</li> </ul> <pre> /** 显示图片浏览器 @param fromView 用户点击的视图 @param picturesCount 图片的张数 @param currentPictureIndex 当前用户点击的图片索引 */ - (void)showFormView:(UIView *)fromView picturesCount:(NSUInteger)picturesCount currentPictureIndex:(NSUInteger)currentPictureIndex</pre> <ul> <li> <p>实现代理方法</p> </li> </ul> <pre> /** 获取对应索引的图片大小 @param pictureBrowser 图片浏览器 @param index 索引 @return 图片大小 */ - (CGSize)pictureView:(ESPictureBrowser *)pictureBrowser imageSizeForIndex:(NSInteger)index { ... } /** 获取对应索引默认图片,可以是占位图片,可以是缩略图 @param pictureBrowser 图片浏览器 @param index 索引 @return 图片 */ - (UIImage *)pictureView:(ESPictureBrowser *)pictureBrowser defaultImageForIndex:(NSInteger)index { ... } /** 获取对应索引的高质量图片地址字符串 @param pictureBrowser 图片浏览器 @param index 索引 @return 图片的 url 字符串 */ - (NSString *)pictureView:(ESPictureBrowser *)pictureBrowser highQualityUrlStringForIndex:(NSInteger)index { ... }</pre> <ul> <li> <p>其他配置</p> </li> </ul> <pre> /** 图片之间的间距,默认: 20 */ @property (nonatomic, assign) CGFloat betweenImagesSpacing; /** 页数文字中心点,默认:居中,中心 y 距离底部 20 */ @property (nonatomic, assign) CGPoint pageTextCenter; /** 页数文字字体,默认:系统字体,16号 */ @property (nonatomic, strong) UIFont *pageTextFont; /** 页数文字颜色,默认:白色 */ @property (nonatomic, strong) UIColor *pageTextColor; /** 长按图片要执行的事件,将长按的索引回调 */ @property (nonatomic, copy) void(^longPressBlock)(NSUInteger);</pre> <h2><strong>其他</strong></h2> <p>不存在<即刻 v2.7.0>中的图片放大之后,拖动消失的 Bug,具体 bug 见效果图:</p> <p><img src="https://simg.open-open.com/show/30fa400203f062cf250e2c8ac935cfde.gif"></p> <h2><strong>TODO</strong></h2> <ul> <li> <p>加载图片进度效果</p> </li> </ul> <h2><strong>License</strong></h2> <p><strong>MIT</strong></p> <p> </p>