Latest 0.2.5
Homepage https://github.com/skx926/KSPhotoBrowser
License MIT
Platforms ios 8.0
Dependencies SDWebImage, SDWebImage/GIF, FLAnimatedImage
Frameworks UIKit
Authors

License MIT 
CocoaPods 
CocoaPods 
Support 

A beautiful photo browser with interactive dismissal animation.

Rotation~
Blur~
Scale~
Corner~
Orientation~
Index~

Features

  • [x] 4 different interactive dismissal animations (Rotation, Scale, Slide)
  • [x] 3 different background styles (Blur Photo, Blur, Black)
  • [x] 2 different loading styles (Determinate, Indeterminate)
  • [x] 2 different pager styles (Dot, Text)
  • [x] Support bounce animation
  • [x] Optimized for image which has a very large height
  • [x] Can display one or more images by providing either image urls or UIImage objects
  • [x] Custom image downloader library support
  • [x] Smooth animation with corner radius
  • [x] Support both portrait and landscape device orientation
  • [ ] Support video browse

Usage

Display images from urls

NSArray *urls = @[@"https://ww4.sinaimg.cn/bmiddle/a15bd3a5jw1f12r9ku6wjj20u00mhn22.jpg",
                  @"https://ww2.sinaimg.cn/bmiddle/a15bd3a5jw1f01hkxyjhej20u00jzacj.jpg"];
NSMutableArray *items = @[].mutableCopy;
for (int i = 0; i < urls.count; i++) {
    // Get the large image url
    NSString *url = [urls[i] stringByReplacingOccurrencesOfString:@"bmiddle" withString:@"large"];
    UIImageView *imageView = _imageViews[i];
    KSPhotoItem *item = [KSPhotoItem itemWithSourceView:imageView imageUrl:[NSURL URLWithString:url]];
    [items addObject:item];
}
KSPhotoBrowser *browser = [KSPhotoBrowser browserWithPhotoItems:items selectedIndex:0];
[browser showFromViewController:self];

Display images from UIImage objects

NSArray *names = @[@"a.jpg", @"b.jpg"];
NSMutableArray *items = @[].mutableCopy;
for (int i = 0; i < names.count; i++) {
    UIImageView *imageView = _imageViews[i];
    KSPhotoItem *item = [KSPhotoItem itemWithSourceView:imageView image:[UIImage imageNamed:names[i]]];
    [items addObject:item];
}
KSPhotoBrowser *browser = [KSPhotoBrowser browserWithPhotoItems:items selectedIndex:0];
[browser showFromViewController:self];

Installation

Cocoapods

  1. Update cocoapods to the latest version.
  2. Add pod 'KSPhotoBrowser' to your Podfile.
  3. Run pod install or pod update.
  4. Import KSPhotoBrowser.h.

Manually

  1. Download all the files of KSPhotoBrowser and add source files to your project.
  2. Manually install SDWebImage to your project.
  3. Import KSPhotoBrowser.h.

Custom Image Downloader

It use SDWebImage as default image downloader, you can also use your custom image downloader like YYWebImage, Kingfisher and so on.

To use a custom image downloader, you need to create a class and make it conforms to KSImageManagerProtocol and implement those methods inside that protocol.

For convenience, I have already created KSYYImageManager to support YYWebImage as an example in the demo, you can also use it directly.

Finally, just use the code below to set your class to KSPhotoBrowser before you use the browser to show images.

[KSPhotoBrowser setImageManagerClass:KSYYImageManager.class]

Requirements

This library requires iOS 8.0+ and Xcode 8.0+.

License

KSPhotoBrowser is provided under the MIT license. See LICENSE file for details.

Latest podspec

{
    "name": "KSPhotoBrowser",
    "version": "0.2.5",
    "summary": "A beautiful photo browser with interactive dismissal animation.",
    "homepage": "https://github.com/skx926/KSPhotoBrowser",
    "license": "MIT",
    "authors": {
        "Kyle Sun": "[email protected]"
    },
    "social_media_url": "https://twitter.com/skx926",
    "platforms": {
        "ios": "8.0"
    },
    "source": {
        "git": "https://github.com/skx926/KSPhotoBrowser.git",
        "tag": "0.2.5"
    },
    "source_files": [
        "KSPhotoBrowser",
        "KSPhotoBrowser/**/*.{h,m}"
    ],
    "frameworks": "UIKit",
    "dependencies": {
        "SDWebImage": [
            "~> 4.0"
        ],
        "SDWebImage/GIF": [],
        "FLAnimatedImage": [
            "~> 1.0"
        ]
    }
}

Pin It on Pinterest

Share This