iOS tutorial: Create a drop down utilizing swift language in iOS
On this tutorial, we’ll discover ways to create a drop down utilizing swift language in iOS app growth. For making a dropdown, we’ll use a cocoa-pod named “DropDown” by assistolab. Given under is the url for the pod documentation. You’ll be able to test that for higher understanding in regards to the performance or options present by assistolab dropdown library.
https://github.com/AssistoLab/DropDown
Putting in Dopdown pod utilizing terminal
Step1: Open terminal, and set path of your listing to the trail of your venture, test picture proven under. Be aware that path of listing shall be until folder that incorporates .xcodeproj file.
Step 2: Run under instructions to initialize pod for the venture and podfile
pod init
open -e podfile
In poddile add pod identify as instructed in documentation of the dropdown pod, and eventually in terminal run
pod set up
Step 3: At this level we had, pod efficiently added to our venture. Open venture by clicking file named ”.xcworkspace”
Step 4: In file ViewController.swift, import module DropDown and add under line of codes
@IBOutlet weak var vwDropDown:UIView! @IBOutlet weak var lblTitle:UILabel! let dropDown = DropDown() let fruitsArray = ["mango", "apple", "banana", "cherry"]
In above code snippets, we created two IBOutlets one is of UIView sort and second one is of UILabel sort. Create an occasion of DropDown module put in utilizing pods, and different of string array holding values we’re going to present as dropdown choices.
In our foremost.storyboard we already designed consumer interface as proven under(as we’re not overlaying the design half on this weblog publish)
Configuring dropdown with datasource and its anchor factors
In our viewcontroller’s viewDidLoad perform, we’ll configuring datasource for dropdown choices. Additionally we’ll set anchor level for dropdown, and write dropdown’s callback methodology that provides us the choice seleccted by consumer. Under is the code for dropdown configurations and registering choice callback
override func viewDidLoad() {
tremendous.viewDidLoad()
// Do any extra setup after loading the view.
lblTitle.textual content = "Choose a fruit"
dropDown.anchorView = vwDropDown
dropDown.dataSource = fruitsArray
dropDown.bottomOffset = CGPoint(x: 0, y:(dropDown.anchorView?.plainView.bounds.top)!)
dropDown.route = .backside
dropDown.selectionAction = { [unowned self] (index: Int, merchandise: String) in
print("Chosen merchandise: (merchandise) at index: (index)")
self.lblTitle.textual content = fruitsArray[index]
}
}
In above code, first we set textual content for UILabel identify lblTitle as default placeholder string. In subsequent line, we inform compiler that vwDropdown shall be our anchorview for the dropdown. Subsequent, we assign fruits array as a data-source. We have to inform in regards to the backside offset for our dropdown. Backside offset will inform dropdown that make its y offset as the peak of anchorview. Subsequent line of code, tells the route for opening of dropdown. Lastly, we write down the callback for our dropdown choice.
Current dropdown to consumer’s
In an effort to present dropdown we’ll create an, IBAction for our button and name under line of code.
The place to go from right here
On this publish, we realized easy methods to create a dropdown in iOS app growth utilizing swift language. For creating dropdown, we used assistolab pod. I hope this publish, helped you in studying easy methods to create dropdown in iOS utilizing swift language.
