Skip to main content

Custom Loader (Activity Indicator) in Swift

Creating a custom activity indicator in Swift allows you to tailor the appearance and behavior of your loading spinner to fit the style of your app. Here's a step-by-step guide to creating a simple custom activity indicator using UIView Step 1: Create a New Swift File for the Custom Activity Indicator Create a new Swift file and name it  RotatingCirclesView.swift . Add the following code to define a custom UIView subclass for your activity indicator: // //   RotatingCirclesView.swift //   Welcome In // //   Created by Praveen Kumar on 05/09/24. // import UIKit class RotatingCirclesView : UIView {          let circle1 = UIView ( frame : CGRect ( x : 20 , y : 20 , width : 60 , height : 60 ))     let circle2 = UIView ( frame : CGRect ( x : 120 , y : 20 , width : 60 , height : 60 ))          let position : [ CGRect ] = [ CGRect ( x : 30 , y : 20 , width : 60 , height : 60 ), CGRect ( x : 60 , y : 15 ,...

Change the Color of the Status Bar - StatusBarStyle Tutorial in Swift

How to Set Status Bar Style Color in Swift 

The status bar can have a dark and light appearance inside your app In this tutorial the appearance of the status bar color will be changed try two type. This tutorial is made with Xcode 9 and built for iOS 11, swift 3 & swift 4.

1:- iOS 11 and Swift 4, Xcode 9

  •       Info.plist - add row View controller-based status bar appearance and set it to NO
  •       In file appDelegate.swift -> didFinishLaunchingWithOptions in 
  •       UIApplication.shared.statusBarStyle = .lightContent
 func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions:   [UIApplicationLaunchOptionsKey: Any]?) -> Bool {

    application.statusBarStyle = .lightContent // .default
    return true
}

Change the Color of the Status Bar

2:- Add With a function => Go to the ViewController.swift file and add the following lines of code.
      
       override var preferredStatusBarStyle: UIStatusBarStyle {
                      return .lightContent
                }

Comments

Post a Comment