How To Create UI Slider In iOS (Swift 3 + Xcode 8) ?

How To Create UI Slider In iOS??

 Hi, In this tutorial, I’ll show you how to use sliders in your iOS apps. Its super easy to learn and implement. So, without wasting any time, let’s start and see how to do it. :)

First of all, open your Xcode and create a new Single View Application. 



Give some name to your product and make sure to choose Swift as the language. Click Next.



Now, open Main.storyboard and drag 2 objects on your view controller. First drag a Slider (which is of course if you want to use sliders :| ) and then drag a label to display the values of this slider.

Now, add some constraints on both of these objects. For example, you can add following constraints on your label:



Similar way, add some constraints on the slider as well. You can add following constraints on your slider:

Also, don't forget to assign default, minimum and maximum values to your slider from attribute inspector as shown in the picture below:


Now, click on assistant editor from top right corner of your Xcode and create outlet for your label as shown in the picture below:



Similar way, create an action for your slider. Make sure to choose its type as UISlider (as shown in picture below) :


Once this done, open your ViewController.swift file and write just this one line of code in its Slider Action function.

 @IBAction func mySlider(_ sender: UISlider) {
        
        sliderValueLBL.text = String(Int(sender.value))

    }

Basically, we’re setting the text on our label here. but what text?? Its the value which we’re getting from our slider. First, we’re fetching the value of slider using sender.value and then we’re converting it to Int value so that we don’t get values like 50.12335 or 33.999 like that. And then we’re converting it to string value and saving it on our label.

Now you can run this app and play with your slider, it will change the value of your label whenever you move your slider’s pointer in any direction. 
Slider in iOS


Simple and easy, right?? 

I hope you enjoyed this tutorial. Let me know in the comments section below if you have any doubts or any questions related to sliders in your mind. I’ll try to respond you back with best of my knowledge. 

Thanks for your time. Keep coding..

Comments

Post a Comment

Popular posts from this blog

How To Make The Device Vibrate Or Ring- An iOS Swift Tutorial

How To Make The Device Vibrate Or Ring- An iOS Swift Tutorial The iPhones have a built-in ability to alert users by creating some vibration or sound effects. You can trigger the vibration or sound effects by using SystemSound services. This is very useful in many cases while working on iOS Apps. in this tutorial, we'll learn how to trigger the vibration or sound effect on any particular action or button clicks. This is very easy to do and just takes one or 2 lines of code. In this tutorial, I'll just write the code that you need to add in your button's action or any other specific function to make the device vibrate or sound + vibrate both. We'll also see how to make the device vibrate more than once. So let's start.. Before anything, make sure to import  AVFoundation. For Vibrate Only: If you only want to make the device quick vibrate, then this one line of code will do the trick: AudioServicesPlaySystemSound ( kSystemSoundID_Vibrate ) For Sound ...
Read more

PayPal Integration In iOS Applications | Payment Gateways iOS/Swift

Image
PayPal Integration In iOS Applications | Payment Gateways iOS/Swift Hey everyone, In today's post, we'll learn about how to integrate PayPal SDK in iOS apps. These days, there's a huge increase in the eCommerce business. With this increase, there's also getting a high demand of eCommerce mobile apps. The most important part of any eCommerce mobile app is the payment processing through a secure payment gateway. Without any secure payment gateway , no user will trust on your mobile app and hence no one wants to use their payment methods with your app. So, a secure and reliable payment gateway is must for every eCommerce mobile app. And when it comes to reliability and security who can ever forget PayPal ??? So, In this tutorial, I'll guide you through a step by step approach to integrate PayPal Payment Gateway into any iOS application using Swift as the language. I hope you'll like it. And Yes, Bring yourself a cup of coffee, this tutorial is going to ta...
Read more

How To Parse JSON Data In iOS (Swift 3 + Xcode 8) ?

Image
JSON Data Parsing In iOS Hi, In this post, I'll show you how to fetch and parse JSON data from an URL in your iOS app. First, what is JSON?? JSON stands for "JavaScript Object Notation". JSON is the most popular and light weight format for data-interchange.  In this app, we’ll use http://fixer.io website's API to get the latest currency exchange rates and use them in our iOS app.  So, let’s start and see how to parse JSON data in iOS. First of all, open your Xcode and create a Single View Application.  Give some name to your project and make sure to choose Swift as the language. Click Next. For this post, we don’t need to work in Storyboard. So just open your ViewController.swift file and write following lines of code in your viewDidLoad() method:      override func viewDidLoad() {         super . viewDidLoad ()                  //Give your...
Read more