DatePicker & Alerts

DatePicker & Alert


Advanced usage of native UIAlertController with  DatePicker.

Features

  •  Custom pickers based on UIDatePicker.
  •  Example using a Storyboard.
  •  Easy contentViewController placement.
  •  Attributed title label and message label.
  •  Button customization: image and title color.
  •  Understandable action button placement.
  •  Easy presentation.
  •  Pure Swift 4

  • New Alert
    • let alert = UIAlertController(style: .alert, title: "Title", message: "Message")
// or
let alert = UIAlertController(style: .alert)
  • Set and styling title
    • alert.set(title: "Title", font: .systemFont(ofSize: 20), color: .black)
// or
alert.setTitle(font: .systemFont(ofSize: 20), color: .black)
  • Set and styling message
    • alert.set(message: "Message", font: .systemFont(ofSize: 16), color: .black)
// or
alert.setMessage(font: .systemFont(ofSize: 16), color: .black)
  • Add button with image
    • alert.addAction(image: image, title: "Title", color: .black, style: .default) { action in
    // completion handler
}
  • Show Alert
    • // show alert
alert.show()

// or show alert with options
alert.show(animated: true, vibrate: true) {
    // completion handler
}

Pickers

For UX better to use .actionSheet style in UIAlertController when set picker into contentViewController. If you like you can use .alert style as well, buy .actionSheet style is wider and User can see more as well as action button is placing at bottom that also more convenience for User to touch it.
UITextField In native UIAlertController you can only add UITextField to .alert style with default style and you can not change such properties as .borderColor, .borderWidth, .frame.size and so on. But if you make your own UIViewController with UITextField, it will solve all these problems.

DatePicker

UIDatePicker does not look very much in .alert style.


@IBAction func onClickEvent(_ sender: UIButton) {



  let alert = UIAlertController(title: "Date", message: nil, preferredStyle: .actionSheet)



  alert.addDatePicker(mode: .dateAndTime, date: Date(), minimumDate: nil  , maximumDate: nil) { date in



    let dateFormatter = DateFormatter()



    dateFormatter.dateFormat = "dd - MMMM - YYYY"



    sender.setTitle(dateFormatter.string(from: date), for: .normal)



 }



 alert.addAction(title: "OK", style: .cancel)



 alert.show()



}



         - Patel Poorav

Comments

Post a Comment

Popular posts from this blog

UISearchBar and UISearchBarDelegate

Image
UISearchBar and UISearchBarDelegate One of the most important feature in an iOS application would be searching functionality, today we will be learning how to add search to our tableview application in Swift using UISearchBar and UISearchBarDelegate UISearchBar The UISearchBar class implements a text field control for text-based searches. The control provides a text field for entering text, a search button, a bookmark button, and a cancel button. The UISearchBar object does not actually perform any searches. You use a delegate, an object conforming to the UISearchBarDelegate protocol, to implement the actions when text is entered and buttons are clicked. You can hide and show the cancel button by setting `showsCancelButton` to false or true. UISearchBarDelegate The UISearchBarDelegate protocol defines the optional methods you implement to make a UISearchBar control functional. A UISearchBar object provides the user interface for a search field on a bar, but it’...
Read more

carAnimationView

Image
Car AnimationView IOS – Animations Animation is a critical part of your iOS user interfaces. Animation draws the user’s attention toward things that change, and adds a ton of fun and polish to your apps UI. Even more importantly, in an era of “flat design”, animation is one of the key ways to make your app stand apart from others. In this tutorial, you’ll learn how to use UIView animation to do the following: Set the stage for a cool animation. Create move and fade animations. Adjust the animation easing. Reverse and repeat animations. There’s a fair bit of material to get through, but I promise it will be a lot of fun. Are you up for the challenge? Create a single view application. Select the imageview and set View Create IBOutlet from imageview. `CTRL+DRAG` from imageview to the viewcontroller.swift You can choose from four different easing options: .curveLinear : This option applies no acceleration or deceleration to the animatio...
Read more