• Stars
    star
    205
  • Rank 191,264 (Top 4 %)
  • Language
    Swift
  • License
    MIT License
  • Created almost 10 years ago
  • Updated almost 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

UICollectionView-based image carousel written in Swift

MVCarouselCollectionView

UICollectionView-based image carousel written in Swift

License Platform Language Issues Cocoapod

Preview

MVCarouselCollectionView preview

Features

  • Horizontal-scrolling carousel with pinch & zoom capabilities
  • Synchronous or asynchronous image loading (works with local or remote images)
  • Embedded or full-screen mode

Installation

If you are using CocoaPods, simply add the line below to your Podfile, then type 'pod install':

pod 'MVCarouselCollectionView'

Alternatively, you can install this as a git submodule by following these steps:

  • git submodule add https://github.com/bizz84/MVCarouselCollectionView.git
  • Drag the MVCarouselCollectionView.xcodeproj file into your Xcode project (Xcode will ask to create a workspace file if your project does not have one already)
  • Under the main app target, open the General tab and add MVCarouselCollectionView under the Embedded Binaries section
  • Build the MVCarouselCollectionView target

Usage

Below is a sample implementation of a view controller using MVCarouselCollectionView. See the demo application for a more advanced usage example.

import MVCarouselCollectionView

class CarouselViewController: UIViewController, MVCarouselCollectionViewDelegate {

    // Local images
    let imagePaths = [ "image1.png", "image2.png", "image3.png" ]
    // Closure to load local images with UIImage.named
    let imageLoader: ((imageView: UIImageView, imagePath : String, completion: (newImage: Bool) -> ()) -> ()) = {
      (imageView: UIImageView, imagePath : String, completion: (newImage: Bool) -> ()) in

        imageView.image = UIImage(named:imagePath)
        completion(newImage: imageView.image != nil)
    }

    @IBOutlet var collectionView : MVCarouselCollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()

        configureCollectionView()
    }

    func configureCollectionView() {
    
        // NOTE: the collectionView IBOutlet class must be declared as MVCarouselCollectionView in Interface Builder, otherwise this will crash.
        collectionView.selectDelegate = self
        collectionView.imagePaths = imagePaths
        collectionView.commonImageLoader = self.imageLoader
        collectionView.maximumZoom = 2.0
        collectionView.reloadData()
    }
    // MARK:  MVCarouselCollectionViewDelegate
    func carousel(carousel: MVCarouselCollectionView, didSelectCellAtIndexPath indexPath: NSIndexPath) {

        // Do something with cell selection
    }
    
    func carousel(carousel: MVCarouselCollectionView, didScrollToCellAtIndex cellIndex : NSInteger) {

        // Page changed, can use this to update page control
    }
}

Configuration

MVCarouselCollectionView was designed to be used with paging enabled. Please ensure the following properties are set:

  • Paging Enabled = true
  • Min spacing between cells = 0
  • Min spacing between lines = 0

Known issues

The demo app is only known to work well in portrait mode. Interface rotation / size classes changes are not properly supported.

Requirements

  • MVCarouselCollectionView is compatible with Swift 2.0 and was tested under Xcode 7.2.
  • iOS 8.0 or greater is supported.
  • For Swift 1.2 / Xcode 6.x support, please use the older pod: pod 'MVCarouselCollectionView', '1.0.5'

License

Copyright (c) 2015-2016 Andrea Bizzotto [email protected]

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

More Repositories

1

SwiftyStoreKit

Lightweight In App Purchases Swift framework for iOS 8.0+, tvOS 9.0+ and macOS 10.10+ ⛺
Swift
6,552
star
2

flutter-tips-and-tricks

My Flutter Tips & Tricks on Twitter 👇
Dart
2,040
star
3

starter_architecture_flutter_firebase

Time Tracking app with Flutter & Firebase
Dart
1,655
star
4

layout-demo-flutter

Super Useful Flutter Layouts - Right in Your Pocket. 😉
Dart
1,381
star
5

complete-flutter-course

Flutter Foundations Course - eCommerce App
Dart
815
star
6

flutter_example_apps

A directory of all my open source Flutter apps and projects.
753
star
7

firebase_auth_demo_flutter

Reference Authentication Flow with Flutter & Firebase
Dart
675
star
8

nested-navigation-demo-flutter

Nested navigation with BottomNavigationBar
Dart
620
star
9

movie_app_state_management_flutter

Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc
Dart
557
star
10

time_tracker_flutter_course

Source code for every lesson in the "Flutter & Firebase: Build a Complete App for iOS & Android" course on Udemy
Dart
405
star
11

dart-course-materials

Code, Exercises & Syllabus for my Complete Dart Course
Dart
343
star
12

open_weather_example_flutter

Flutter Weather App Example using the OpenWeatherMap API
Dart
295
star
13

bottom_bar_fab_flutter

BottomAppBar Navigation with FAB
Dart
283
star
14

flutter_animations_course_materials

All projects from my Flutter Animations Course
Dart
248
star
15

tmdb_movie_app_riverpod

Flutter Movies app with Riverpod (TMDB API)
Dart
233
star
16

fluttercon_23_resources

List of talks from FlutterCon 23
219
star
17

Sustainable-Earth

A curated list of all things sustainable
Ruby
189
star
18

coding-with-flutter-login-demo

Source code for login demo in Coding with Flutter series
Dart
168
star
19

flutter_animations_gallery

A showcase of the most common Flutter animation APIs.
Dart
156
star
20

firebase_user_avatar_flutter

Advanced Provider Architecture Demo: Image Picker + Firebase Storage Upload
Dart
154
star
21

stopwatch-flutter

Simple stopwatch example app in Flutter
Dart
142
star
22

multiple-counters-flutter

Flutter State Management [ setState ❖ StreamBuilder ❖ scoped_model ❖ redux ]
Dart
132
star
23

ftcon24eu_talks

List of talks from FlutterCon 24 Europe
Dart
122
star
24

coronavirus_rest_api_flutter_course

Coronavirus REST API Flutter Course
Dart
120
star
25

codewithandrea_flutter_packages

A collection of packages created to increase code reuse across many of my Flutter projects.
Dart
119
star
26

slivers_demo_flutter

Example Layouts with Slivers in Flutter
Dart
111
star
27

nested_navigation_examples

Bottom Navigation Bar with Nested Routes: GoRouter vs Beamer
106
star
28

firebase-login-flutter

Sample login and registration app with Firebase built in Flutter.
Dart
106
star
29

MVSelectorScrollView

Simple scrollable horizontal control, alternative to UISegmentedControl
Objective-C
103
star
30

flutter-firebase-masterclass

Flutter & Firebase Masterclass
Dart
103
star
31

simple_auth_flutter_riverpod

Simple authentication flow using Flutter & Riverpod
Dart
99
star
32

code_with_andrea_flutter

Code With Andrea Home Page - Flutter Clone
Dart
76
star
33

AcceptanceMark

Tool for generating Acceptance Tests in Xcode, inspired by Fitnesse
Swift
65
star
34

flight_co2_calculator_flutter

Flutter package and sample app to calculate Flight CO2 emissions
Dart
58
star
35

page_flip_builder

Interactive Page Flip Flutter widget
Dart
49
star
36

CrackingTheCodingInterview

Solutions to exercises from the book "Cracking the Coding Interview"
Swift
49
star
37

image-picker-demo-flutter

Photos and Camera Image Picker built in Flutter
Dart
47
star
38

split_view_example_flutter

Flutter Split View and Drawer Navigation example
Dart
47
star
39

localization_riverpod_flutter

Simplified localization app template
Dart
47
star
40

MVHorizontalPicker

Simple scrollable horizontal control, alternative to UISegmentedControl
Swift
43
star
41

github_search_flutter_client_rxdart_example

Example GitHub Search app built in Flutter & RxDart
Dart
41
star
42

apple_sign_in_firebase_flutter

Demo app showing how to implement Apple Sign In with Firebase & Flutter
Dart
40
star
43

json_placeholder_flutter_example

Riverpod data caching and CRUD example with the JsonPlaceholder API
Dart
35
star
44

simple_auth_comparison_flutter

Flutter State Management Comparison: [ setState ❖ BLoC ❖ ValueNotifier ❖ Provider ]
Dart
35
star
45

fitness_tracker_flutter

Fitness Tracker - Flutter UI Demo
Dart
35
star
46

input_validation_demo_flutter

Flutter: Input Validation with RegExp
Dart
33
star
47

platform_aware_widgets_flutter

Example project showing how to create platform-aware widget classes in Flutter.
Dart
32
star
48

async_notifier_example_riverpod

AsyncNotifier example with Riverpod
C++
29
star
49

pushable_button

A 3D pushable button built in Flutter. Ideal for important CTAs in the app.
Dart
29
star
50

MVBouncyView

UIView category to add bouncing animations to your UIViews
Objective-C
28
star
51

restaurant_ratings_flutter_firebase

Restaurant In-App Rating Demo App with Flutter & Firebase
Dart
28
star
52

passwordless_sign_in_firebase_flutter

Passwordless sign-in with Flutter and Firebase
Dart
24
star
53

faker_app_flutter_firebase

Demo project for the first module of my Flutter & Firebase Masterclass
Dart
21
star
54

ncov2019-api-and-webclient

nCoV 2019 Backend REST API and Admin Web Client
Dart
21
star
55

MVScrollViewAutoLayout

Example iOS project showing how Auto-Layout can calculate the contentSize of a UIScrollView for you based on the constraints of the scroll view’s subviews.
Objective-C
20
star
56

MVMediaSlider

Custom media slider inspired by the Overcast App
Swift
18
star
57

force_update_helper

A package for showing a force update prompt that is controlled remotely.
Dart
18
star
58

bmi_calculator_app_flutter

Simple BMI Calculator Flutter App
Dart
16
star
59

flutter_ship_app

Companion app for the Flutter in Production course
JavaScript
16
star
60

rxdart_combine_latest_example_movie_app

Simple movie favourites app showcasing how to use combineLatest to combine data from two Firestore collections into one stream.
Dart
15
star
61

convert-srt-vtt

Bash script to convert closed captions from SRT to VTT format
Shell
15
star
62

redux-navigation-color-picker

Code for "Managing State in a React-Navigation App with Redux" tutorial
JavaScript
15
star
63

ResponsiveCollectionViews

Demo app showing how to make UICollectionViews responsive to trait collection changes
Swift
14
star
64

OAuthRequestBuilderSwift

OAuth Authentication with Custom Headers in Swift
Swift
13
star
65

firebase-example-flutter

Sample Firebase anonymous auth with Flutter
Dart
13
star
66

mood_tracker_flutter

Super easy mood tracking app to demonstrate use of the Firebase Local Emulator Suite
Dart
13
star
67

game_of_life_flutter

Game Of Life Flutter Demo
Dart
12
star
68

flutter_simple_permissions

Swift
12
star
69

dart_json_parsing_examples

JSON Parsing examples in Dart
Dart
11
star
70

flutter_web_apps_template

Flutter Web + GitHub Pages templates
Makefile
11
star
71

SudokuSolver

JSON Android Sudoku Solver
Java
10
star
72

contacts_list_demo_flutter

Sample contact list page built in Flutter and iOS
Swift
10
star
73

MVFeedbackBanner

Customisable banner UI to ask for user feedback / app rating
Swift
9
star
74

ITunesSearch.js

Javascript client for App Store Lookup based on iTunes Search API
JavaScript
7
star
75

coding-with-flutter-robohash-demo

Sample Flutter app showing an avatar image with the RoboHash API.
Dart
7
star
76

openai_dart_shelf_flutter

OpenAI + Dart Shelf + Flutter Demo
C++
7
star
77

flutter_firestore_counter_app

Dart
6
star
78

multiple_counters_firestore_flutter

Multiple Counters Flutter App with Cloud Firestore
Dart
6
star
79

simple_auth_flutter_firebase_ui

Minimal authentication flow with Flutter & Firebase Auth
C++
5
star
80

faker_app_firebase

Simple Flutter app showing how to use the Firebase UI packages
C++
5
star
81

image_upload_flutter_firebase

Flutter image upload demo with Firebase Storage
C++
5
star
82

flutter-firebase-ecommerce-docs

4
star
83

ncov_2019_app_flutter

Coronavirus REST API Flutter Course (demo app before recordings)
Dart
4
star
84

OGLESCubeTestAPI

Android Test for ES API 1.0 and 2.0
Java
3
star
85

required_version_shelf

A simple server-side Dart implementing a required_version endpoint.
Dart
3
star
86

MVKerningLabel

UILabel subclass with kerning support via @IBInspectable property
Swift
2
star
87

MVCoreDataStack

Core Data Parent-Child Stack for iOS 8 and 9
Swift
2
star
88

dart-null-safety-package-name-issue

Null Safety only works if package name is `test`
Dart
2
star
89

firebase_id_token_bug

Ruby
2
star
90

redux-navigator-react

Example app combining redux with react-navigation
JavaScript
2
star
91

SwiftyStoreDemo

Example app for iOS, tvOS showing how to retrieve products info with StoreKit
Swift
2
star
92

astro-vercel-serverless-bug

Astro
1
star
93

Xcode-xcarchive-command

Xcode xcarchive command to archive to custom location
Shell
1
star
94

PopSpringViews

Helper classes to enable Facebook POP spring animations on UIViews
Swift
1
star
95

firebase_ui_auth_widget_tests_bug

C++
1
star
96

biz-engine

OpenGL 2.0 Graphics engine + SDK
C++
1
star
97

ff3_whitelabel_app

Dart
1
star
98

MVITunesSearch

Simple wrapper library for the iTunes Search API to search for apps by developer ID
Objective-C
1
star