OCSegmentedControl

Introduction

'OCSegmentedControl' is a segmented control that is built on top of default segmented control.

Features

• Supports 2 to 3 items.
• Color for selected and unselected states can be configured.
• Supports accessibility features for improved user experience.

OCSegmentedControl

'OCSegmentedControl' is custom segmented control built using default iOS segmented control. 'OCSegmentedControl' constructor takes 4 parameters

1. list of segment items
2. selected index for segment items
3. configuration for 'OCSegmentedControl'
4. completion for notifying the item click

OCSegmentedControlStyle

'OCSegmentedControlStyle' is a protocol for configuring the 'OCSegmentedControl'. It comprises of

• backgroundColor, color of the segmentedControl
• shouldShowDivider, flag to hide/ unhide divider
• selectedSegmentTitleColor, color for active segment title
• selectedSegmentColor, color for active segment
• unselectedSegmentTitleColor, color for inactive segment title

Integration

import SwiftUI

struct ContentView: View {
    /// List of navigation items
    let segmentItems = ["Tab 1", "Tab 2", "Tab 3"]
    
    /// Selected index for segment items
    @State var selectedIndex: Int = 0

    var body: some View {
        // Instantiating OCSegmentedControl
        OCSegmentedControl(segmentItemList: segmentItems,
                           selectedIndex: $selectedIndex)
    }
}