CHIPageControl - SwiftGit

Animation

CHIPageControl

October 26, 2023

CHIPageControl is a set of cool animated page controls to replace boring UIPageControl. We were inspired by Jardson Almeida dribbble shot and implemented a few more page controls.

Made with ❤️ by Chili Labs.

Overview

Requirements

iOS 8.0+
Xcode 8+
Swift 3

Installation

Manually

Just add the CHIPageControl folder to your project.

CocoaPods

use CocoaPods with Podfile:


                                              
                                                pod ‘CHIPageControl’, ‘~> 0.1.3’
# individual page control

pod ‘CHIPageControl/Aji’

pod ‘CHIPageControl/Aleppo’

pod ‘CHIPageControl/Chimayo’

pod ‘CHIPageControl/Fresno’

pod ‘CHIPageControl/Jalapeno’

pod ‘CHIPageControl/Jaloro’

pod ‘CHIPageControl/Paprika’

pod ‘CHIPageControl/Puya’

Carthage

use Carthage with Cartfile


                                              
                                                github “ChiliLabs/CHIPageControl” ~> 0.1.3

Swift Package Manager

The Swift Package Manager is a tool for managing the distribution of Swift code.

Add the following to your Package.swift file:


                                              
                                                dependencies: [

.package(url: “https://github.com/ChiliLabs/CHIPageControl.git”, .branch(“master”))

]

And then build your project


                                              
                                                $ swift build

Usage

Storyboard

Just drop UIView and set its class to be one of CHIPageControls.

💻 Code


                                              
                                                let pageControl = CHIPageControlAji(frame: CGRect(x: 0, y:0, width: 100, height: 20))

pageControl.numberOfPages = 4

pageControl.radius = 4

pageControl.tintColor = .red

pageControl.currentPageTintColor = .green

pageControl.padding = 6

Adding multiple tintcolors


                                              
                                                // The size of the array needs to match the numberOfPages or it will throw an fatal error

pageControl.tintColors = [UIColor.black, UIColor.yellow, UIColor.black, UIColor.black]
// or
// If it is the first one, it will fill all colors with the selected tintColor and then replace the colors with the desired one

pageControl.insertTintColor(UIColor.yellow, position: 1)

Updating progress


                                              
                                                //update dynamically

pageControl.progress = 0.5
//set progress with animation

pageControl.set(progress: 2, animated: true)

Touch events

You can hear touch events in any of the page indicators.


                                              
                                                pageControl.enableTouchEvents = true

Delegate

Implement the CHIBasePageControlDelegate to catch touch events.


                                              
                                                func didTouch(pager: CHIBasePageControl, index: Int)

Page Controls

CHIPageControlAji

CHIPageControlAleppo

CHIPageControlChimayo

CHIPageControlFresno

CHIPageControlJalapeno

CHIPageControlJaloro

CHIPageControlPaprika

CHIPageControlPuya

GitHub

View Github

#cocoapods #ibdesiganble #ibinspectable #ios #ipad #iphone #pagecontrol #pageindicator #pager #storyboard #swift #swift3 #ui

YOU MIGHT ALSO LIKE...

July 26, 2025
SwiftUI

🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

July 26, 2025
SwiftUI

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...