Swift Create Custom Button Programmatically With Code Examples

  • Updated
  • Posted in Programming
  • 4 mins read


Swift Create Custom Button Programmatically With Code Examples

Through the usage of the programming language, we are going to work collectively to unravel the Swift Create Custom Button Programmatically puzzle on this lesson. This is demonstrated within the code that follows.

        let button = self.makeButton(title: "Login", titleColor: .blue, font: UIFont.init(identify: "Arial", dimension: 18.0), background: .white, cornerRadius: 3.0, borderWidth: 2, borderColor: .black)
        view.addSubview(button)
        // Adding Constraints
        button.topAnchor.constraint(equalToFixed: 40).isActive = true
        button.leftAnchor.constraint(equalTo: view.leftAnchor, fixed: 40).isActive = true
        button.properAnchor.constraint(equalTo: view.properAnchor, fixed: -40).isActive = true
        button.backsideAnchor.constraint(equalTo: view.backsideAnchor, fixed: -400).isActive = true
        button.addTarget(self, motion: #selector(pressed(_ :)), for: .touchUpInside)

       // Define commmon technique
        func makeButton(title: String? = nil,
                           titleColor: UIColor = .black,
                           font: UIFont? = nil,
                           background: UIColor = .clear,
                           cornerRadius: CGFloat = 0,
                           borderWidth: CGFloat = 0,
                           borderColor: UIColor = .clear) -> UIButton {
        let button = UIButton()
        button.translatesAutoresizingMaskIntoConstraints = false
        button.setTitle(title, for: .regular)
        button.backgroundColor = background
        button.setTitleColor(titleColor, for: .regular)
        button.titleLabel?.font = font
        button.layer.cornerRadius = 6.0
        button.layer.borderWidth = 2
        button.layer.borderColor = UIColor.purple.cgColor
        return button
      }
        // Button Action
         @objc func pressed(_ sender: UIButton) {
                print("Pressed")
          }

The an identical situation Swift Create Custom Button Programmatically might be resolved utilizing a special technique, which is described within the part beneath with code samples.

let button = UIButton(body: CGRect(x: 20, y: 20, width: 200, top: 60))
 button.setTitle("Email", for: .regular)
 button.backgroundColor = .white
 button.setTitleColor(UIColor.black, for: .regular)
 button.addTarget(self, motion: #selector(self.buttonTapped), for: .touchUpInside)
 myView.addSubview(button)



@objc func buttonTapped(sender : UIButton) {
                //Write button motion right here
            }

Utilizing a variety of various examples allowed the Swift Create Custom Button Programmatically downside to be resolved efficiently.

How do I create a customized button in Swift?

How do I create a button motion in Swift?

How to Create button in Swift iOS?

SwiftUI’s button is much like UIButton , besides it is extra versatile when it comes to what content material it reveals and it makes use of a closure for its motion moderately than the previous goal/motion system. To create a button with a string title you’ll begin with code like this: Button(“Button title”) { print(“Button tapped!”) }03-Sept-2021

How to Create button Action Programmatically in iOS?

You must specify button’s place. You want so as to add the button to a visual dad or mum view (i.e. self. view).You will not have the ability to see or contact your button.

  • Step 1: Create your First iOS 7 UIButton in Code.
  • Step 2: Set the Button’s Center Position.
  • Step 3: Add an motion to the button.

How do I fashion a button in Xcode?

What is @ibdesignable in Swift?

@IBInspectable permits us to create attributes in code that we are able to assign in a storyboard or a . xib file. For instance, once we need a cornerRadius property accessible in a Storyboard, we create a cornerRadius property inside our customized view and mark it with @IBInspectable .03-Apr-2020

How do I code buttons in Xcode?

Create a brand new mission and open up Main. storyboard . Search for a button on this dialog and drag the Button object onto your storyboard display screen. You can then modify the types and textual content of the button to fit your liking.

How do I add a button to a storyboard in Swift?

What is the distinction between IBOutlet and IBAction?

An IBOutlet is for hooking up a property to a view when designing your XIB. An IBAction is for hooking a way (motion) as much as a view when designing your XIB. An IBOutlet enables you to reference the view out of your controller code.19-Aug-2011

How do I give a constraint to button programmatically in Swift?

Leave a Reply