स्विफ्ट में एक UIButton प्रोग्रामेटिक रूप से बनाएं

Question

मैं यूआई के प्रोग्राम बनाने की कोशिश कर रहा हूं। मुझे यह कार्य कैसे करना है? मैं स्विफ्ट के साथ विकास कर रहा हूं।

कोड में देखें

override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        let myFirstLabel = UILabel()
        let myFirstButton = UIButton()
        myFirstLabel.text = "I made a label on the screen #toogood4you"
        myFirstLabel.font = UIFont(name: "MarkerFelt-Thin", size: 45)
        myFirstLabel.textColor = UIColor.redColor()
        myFirstLabel.textAlignment = .Center
        myFirstLabel.numberOfLines = 5
        myFirstLabel.frame = CGRectMake(15, 54, 300, 500)
        myFirstButton.setTitle("✸", forState: .Normal)
        myFirstButton.setTitleColor(UIColor.blueColor(), forState: .Normal)
        myFirstButton.frame = CGRectMake(15, -50, 300, 500)
        myFirstButton.addTarget(self, action: "pressed", forControlEvents: .TouchUpInside)
        self.view.addSubview(myFirstLabel)
        self.view.addSubview(myFirstButton)
    }

        func pressed(sender: UIButton!) {
            var alertView = UIAlertView();
            alertView.addButtonWithTitle("Ok");
            alertView.title = "title";
            alertView.message = "message";
            alertView.show();
        }

Answer 1

आप चयनकर्ता नाम के अंत में केवल कॉलन को याद कर रहे हैं। चूंकि दबाया गया एक पैरामीटर होता है, बृहदान्त्र होना चाहिए। साथ ही आपके दबाए गए फ़ंक्शन को व्यूडीडलड के अंदर नेस्टेड नहीं किया जाना चाहिए।

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    let myFirstLabel = UILabel()
    let myFirstButton = UIButton()
    myFirstLabel.text = "I made a label on the screen #toogood4you"
    myFirstLabel.font = UIFont(name: "MarkerFelt-Thin", size: 45)
    myFirstLabel.textColor = UIColor.redColor()
    myFirstLabel.textAlignment = .Center
    myFirstLabel.numberOfLines = 5
    myFirstLabel.frame = CGRectMake(15, 54, 300, 500)
    myFirstButton.setTitle("✸", forState: .Normal)
    myFirstButton.setTitleColor(UIColor.blueColor(), forState: .Normal)
    myFirstButton.frame = CGRectMake(15, -50, 300, 500)
    myFirstButton.addTarget(self, action: #selector(myClass.pressed(_:)), forControlEvents: .TouchUpInside)
    self.view.addSubview(myFirstLabel)
    self.view.addSubview(myFirstButton)
}

@objc func pressed(sender: UIButton!) {
    var alertView = UIAlertView()
    alertView.addButtonWithTitle("Ok")
    alertView.title = "title"
    alertView.message = "message"
    alertView.show()
}

संपादित करें: स्विफ्ट 2.2 में सर्वोत्तम प्रथाओं को प्रतिबिंबित करने के लिए अद्यतन किया गया। #selector () का उपयोग शाब्दिक स्ट्रिंग के बजाय किया जाना चाहिए जो कि पदावनत है।

Comments

बटन दबाते ही ऐप फिर भी क्रैश हो जाता है।

— बेनर Ben३

क्षमा करना तय है। फ़ंक्शन को नेस्टेड नहीं किया जाना चाहिए।

— दश

अरे, क्या आप मुझे उस स्ट्रिंग के पीछे तर्क बता सकते हैं जिसे हमें स्ट्रिंग के बाद जोड़ने की आवश्यकता है जो कार्रवाई का प्रतिनिधित्व करता है?

— जूनियर

@chorajunior बृहदान्त्र की जरूरत है क्योंकि pressedफ़ंक्शन एक तर्क लेता है।

— ह्यूघघटोटल

इसके विपरीत, यह पढ़ने वाला कोई भी व्यक्ति यह जानना चाहता है कि यदि आपकी बटन क्रिया एक ऐसे फ़ंक्शन का संदर्भ देती है जो कोई पैरामीटर नहीं लेता है, तो बृहदान्त्र की आवश्यकता नहीं होती है और हटाए नहीं जाने पर भी त्रुटि हो सकती है।

— डेव जी

Answer 2

स्विफ्ट 2.2 Xcode 7.3

चूंकि ऑब्जेक्टिव-सी स्ट्रिंग लिटरेल्स को अब बटन कॉलबैक विधियों के लिए हटा दिया गया है

let button:UIButton = UIButton(frame: CGRectMake(100, 400, 100, 50))
button.backgroundColor = UIColor.blackColor()
button.setTitle("Button", forState: UIControlState.Normal)
button.addTarget(self, action:#selector(self.buttonClicked), forControlEvents: .TouchUpInside)
self.view.addSubview(button)

func buttonClicked() {
     print("Button Clicked")
}

स्विफ्ट 3 एक्सकोड 8

let button:UIButton = UIButton(frame: CGRect(x: 100, y: 400, width: 100, height: 50))
button.backgroundColor = .black
button.setTitle("Button", for: .normal)
button.addTarget(self, action:#selector(self.buttonClicked), for: .touchUpInside)
self.view.addSubview(button)

func buttonClicked() {
    print("Button Clicked")
}

स्विफ्ट 4 एक्सकोड 9

let button:UIButton = UIButton(frame: CGRect(x: 100, y: 400, width: 100, height: 50))
button.backgroundColor = .black
button.setTitle("Button", for: .normal)
button.addTarget(self, action:#selector(self.buttonClicked), for: .touchUpInside)
self.view.addSubview(button)

@objc func buttonClicked() {
    print("Button Clicked")
}

Comments

@ n.by.n इस विधि बटन पर तर्क कैसे पारित करें?

— अर्गोप्प

Answer 3

स्विफ्ट 4/5

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



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

Answer 4

स्विफ्ट 4

    private func createButton {
        let sayButtonT = UIButton(type: .custom)
        sayButtonT.addTarget(self, action: #selector(sayAction(_:)), for: .touchUpInside)
    }

    @objc private func sayAction(_ sender: UIButton?) {

    }

Answer 5

सिम्युलेटर में हाँ। कुछ बार यह चयनकर्ता को पहचानता है कि ऐसा लगता है कि एक बग है। यहां तक ​​कि मैंने आपके कोड के लिए सामना नहीं किया, फिर मैंने सिर्फ एक्शन नाम (चयनकर्ता) बदल दिया। यह काम करता हैं

let buttonPuzzle:UIButton = UIButton(frame: CGRectMake(100, 400, 100, 50))
buttonPuzzle.backgroundColor = UIColor.greenColor()
buttonPuzzle.setTitle("Puzzle", forState: UIControlState.Normal)
buttonPuzzle.addTarget(self, action: "buttonAction:", forControlEvents: UIControlEvents.TouchUpInside)
buttonPuzzle.tag = 22;
self.view.addSubview(buttonPuzzle)

एक उदाहरण चयनकर्ता फ़ंक्शन यहां है:

func buttonAction(sender:UIButton!) {
    var btnsendtag:UIButton = sender
    if btnsendtag.tag == 22 {            
        //println("Button tapped tag 22")
    }
}

Answer 6

आपको UIButton के टाइटललैब प्रॉपर्टी को एक्सेस करके प्रोग्रामिक रूप से कस्टमाइज़ किया गया UI बटन बनाने में सक्षम होना चाहिए ।

स्विफ्ट में प्रति क्लास संदर्भ : टाइटललैब संपत्ति के बारे में , यह कहता है कि "हालांकि यह संपत्ति केवल पढ़ने के लिए है, इसके अपने गुण पढ़ने / लिखने हैं। इन गुणों का उपयोग मुख्य रूप से बटन के पाठ को कॉन्फ़िगर करने के लिए करें।"

में स्विफ्ट , आप सीधे इस तरह की तरह titleLabel के गुणों को संशोधित कर सकते हैं:

let myFirstButton = UIButton()
myFirstButton.titleLabel!.text = "I made a label on the screen #toogood4you"
myFirstButton.titleLabel!.font = UIFont(name: "MarkerFelt-Thin", size: 45)
myFirstButton.titleLabel!.textColor = UIColor.red
myFirstButton.titleLabel!.textAlignment = .center
myFirstButton.titleLabel!.numberOfLines = 5
myFirstButton.titleLabel!.frame = CGRect(x: 15, y: 54, width: 300, height: 500)

संपादित करें

स्विफ्ट 3.1 सिंटेक्स

Comments

मैंने इस कोड को चलाने की कोशिश की और यह मेरे लिए काम नहीं कर रहा है। टाइटलैबेल के नॉन चिडलेन की मौजूदगी लगती है

— user2202911

Answer 7

ये कोशिश करें..मुझे उम्मीद है कि इससे मदद मिलेगी ...

override func viewDidLoad() {
super.viewDidLoad()  

    let btn = UIButton()
    btn.frame = CGRectMake(10, 10, 50, 50)  //set frame
    btn.setTitle("btn", forState: .Normal)  //set button title
    btn.setTitleColor(UIColor.redColor(), forState: .Normal) //set button title color
    btn.backgroundColor = UIColor.greenColor() //set button background color
    btn.tag = 1 // set button tag
    btn.addTarget(self, action: "btnclicked:", forControlEvents: .TouchUpInside) //add button action
    self.view.addSubview(btn) //add button in view

}

इन बटन क्लिक घटना है ..

func btnclicked(sender: UIButton!) 
{
    //write the task you want to perform on buttons click event..
}

Answer 8

स्विफ्ट 3: आप एक UIButtonप्रोग्राम बना सकते हैं

उदाहरण के लिए या तो ViewDidLoad() बटन के लिए बाधाओं को जोड़ना सुनिश्चित करें, अन्यथा आप इसे नहीं देखेंगे

let button = UIButton()
button.translatesAutoresizingMaskIntoConstraints = false
button.target(forAction: #selector(buttonAction), withSender: self)
//button.backgroundColor etc

view.addSubview(button)

func buttonAction() {
   //some Action
}

या वैश्विक दायरे के रूप में आपके दायरे के बाहर इसे अपने में कहीं से भी एक्सेस करने के लिए module

let button: UIButton = {
   let b = UIButton()
   b.translatesAutoresizingMaskIntoConstraints = false
   //b.backgroundColor etc
   return b
}()

और फिर आप बाधाओं को सेटअप करें

func setupButtonView() {
   view.addSubview(button)
   button.widthAnchor.constraint(equalToConstant: 40).isActive = true
   button.heightAnchor.constraint(equalToConstant: 40).isActive = true
   // etc

}

Answer 9

स्विफ्ट: यूआई बटन प्रोग्रामेटिक रूप से बनाते हैं,

var button: UIButton = UIButton(type: .Custom)

button.frame = CGRectMake(80.0, 210.0, 160.0, 40.0)

button.addTarget(self, action: #selector(self.aMethod), forControlEvents: .TouchUpInside)

button.tag=2

button.setTitle("Hallo World", forState: .Normal)

view.addSubview(button)


func aMethod(sender: AnyObject) {
    print("you clicked on button \(sender.tag)")
}

Answer 10

UIButton के लिए "बटन फैक्ट्री" का विस्तार (और जब हम उस पर कर रहे हों) भी इस तरह से उइबेल के लिए करें:

extension UILabel
{
// A simple UILabel factory function
// returns instance of itself configured with the given parameters

// use example (in a UIView or any other class that inherits from UIView):

//   addSubview(   UILabel().make(     x: 0, y: 0, w: 100, h: 30,
//                                   txt: "Hello World!",
//                                 align: .center,
//                                   fnt: aUIFont,
//                              fntColor: UIColor.red)                 )
//

func make(x: CGFloat, y: CGFloat, w: CGFloat, h: CGFloat,
          txt: String,
          align: NSTextAlignment,
          fnt: UIFont,
          fntColor: UIColor)-> UILabel
{
    frame = CGRect(x: x, y: y, width: w, height: h)
    adjustsFontSizeToFitWidth = true
    textAlignment = align
    text = txt
    textColor = fntColor
    font = fnt
    return self
}
// Of course, you can make more advanced factory functions etc.
// Also one could subclass UILabel, but this seems to be a     convenient case for an extension.
}


extension UIButton
{
// UIButton factory returns instance of UIButton
//usage example:

// addSubview(UIButton().make(x: btnx, y:100, w: btnw, h: btnh,
// title: "play", backColor: .red,
// target: self,
// touchDown: #selector(play), touchUp: #selector(stopPlay)))


func make(   x: CGFloat,y: CGFloat,
             w: CGFloat,h: CGFloat,
                  title: String, backColor: UIColor,
                  target: UIView,
                  touchDown:  Selector,
                  touchUp:    Selector ) -> UIButton
{
    frame = CGRect(x: x, y: y, width: w, height: h)
    backgroundColor = backColor
    setTitle(title, for: .normal)
    addTarget(target, action: touchDown, for: .touchDown)
    addTarget(target, action: touchUp  , for: .touchUpInside)
    addTarget(target, action: touchUp  , for: .touchUpOutside)

    return self
}
}

Xcode संस्करण 9.2 (9C40b) स्विफ्ट 4.x में स्विफ्ट का परीक्षण किया गया

Answer 11

स्विफ्ट: यूआई बटन प्रोग्रामेटिक रूप से बनाते हैं

let myButton = UIButton() 
myButton.titleLabel!.frame = CGRectMake(15, 54, 300, 500) 
myButton.titleLabel!.text = "Button Label"
myButton.titleLabel!.textColor = UIColor.redColor()
myButton.titleLabel!.textAlignment = .Center

Answer 12

स्विफ्ट 3 एक्सकोड 8 के लिए ......।

let button = UIButton(frame: CGRect(x: 0, y: 0, width: container.width, height: container.height))
        button.addTarget(self, action: #selector(self.barItemTapped), for: .touchUpInside)


func barItemTapped(sender : UIButton) {
    //Write button action here
}

Answer 13

बाधाओं के साथ UIButton iOS 9.1/Xcode 7.1.1/Swift 2.1:

import UIKit
import MapKit

class MapViewController: UIViewController {  

    override func loadView() {
        mapView = MKMapView()  //Create a view...
        view = mapView         //assign it to the ViewController's (inherited) view property.
                               //Equivalent to self.view = mapView

        myButton = UIButton(type: .RoundedRect)  //RoundedRect is an alias for System (tested by printing out their rawValue's)
        //myButton.frame = CGRect(x:50, y:500, width:70, height:50)  //Doesn't seem to be necessary when using constraints.
        myButton.setTitle("Current\nLocation", forState: .Normal)
        myButton.titleLabel?.lineBreakMode = .ByWordWrapping  //If newline in title, split title onto multiple lines
        myButton.titleLabel?.textAlignment = .Center
        myButton.setTitleColor(UIColor.whiteColor(), forState: .Normal)
        myButton.layer.cornerRadius = 6   //For some reason, a button with type RoundedRect has square corners
        myButton.backgroundColor = UIColor.redColor().colorWithAlphaComponent(0.5) //Make the color partially transparent
        //Attempt to add padding around text. Shrunk the frame when I tried it.  Negative values had no effect.
        //myButton.titleEdgeInsets = UIEdgeInsetsMake(-10,-10,-10,-10)
        myButton.contentEdgeInsets = UIEdgeInsetsMake(5,5,5,5)  //Add padding around text.

        myButton.addTarget(self, action: "getCurrentLocation:", forControlEvents: .TouchUpInside)
        mapView.addSubview(myButton)

        //Button Constraints:
        myButton.translatesAutoresizingMaskIntoConstraints = false //***
        //bottomLayoutGuide(for tab bar) and topLayoutGuide(for status bar) are properties of the ViewController
        //To anchor above the tab bar on the bottom of the screen:
        let bottomButtonConstraint = myButton.bottomAnchor.constraintEqualToAnchor(bottomLayoutGuide.topAnchor, constant: -20) //Implied call of self.bottomLayoutGuide. Anchor 20 points **above** the top of the tab bar.
        //To anchor to the blue guide line that is inset from the left 
        //edge of the screen in InterfaceBuilder:
        let margins = view.layoutMarginsGuide  //Now the guide is a property of the View.
        let leadingButtonConstraint = myButton.leadingAnchor.constraintEqualToAnchor(margins.leadingAnchor)

        bottomButtonConstraint.active = true
        leadingButtonConstraint.active = true
    }


    func getCurrentLocation(sender: UIButton) {
        print("Current Location button clicked!")
    }

बटन टैब बार के ऊपर नीचे बाएँ कोने में लंगर डाला गया है।

Comments

getCurrentLocationकृपया हमें स्थान पाने में कैसे मदद करें?

— nyxee

@nyxee, यहाँ सवाल यह था कि प्रोग्राम को बटन कैसे बनाया जाए। उपयोगकर्ता का स्थान प्राप्त करने का बटन बनाने से कोई लेना-देना नहीं है। उपयोगकर्ता का स्थान देखने के लिए यहां देखें; developer.apple.com/reference/corelocation/cllocationmanager । यदि आप इसका पता नहीं लगा सकते हैं, तो कृपया अपना प्रश्न पूछें।

— 7stud

Answer 14

स्विफ्ट में हम इस कोड को हमारी viewcontroller.swift फ़ाइल में लिखकर प्रोग्रामिक रूप से बना सकते हैं ...

import UIKit

class ViewController: UIViewController
{  
private let firstbutton:UIButton = UIButton()

override func viewDidLoad() {
    super.viewDidLoad()
    self.firstbutton = UIButton.buttonWithType(UIButtonType.Custom) as? UIButton
    self.firstbutton!.frame = CGRectMake(100, 200, 100, 100)
    self.firstbutton!.backgroundColor = UIColor.redColor()
    self.firstbutton!.setTitle("My Button", forState: UIControlState.Normal)
    self.firstbutton!.addTarget(self, action:#selector(self.firstButtonClicked), forControlEvents: .TouchUpInside)
    self.view.addSubview(firstbutton!)
    }

func firstButtonClicked(){
   print("First Button Clicked")
}

Comments

चयनकर्ता फ़ंक्शन के लिए @objc के बिना यह स्वीकार नहीं कर रहा है।

— प्रद्युम्न पाटिल

Answer 15

इसका उपयोग Objective-C में किया जा रहा है

UIButton *testButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[testButton setTitle:@"Go to here" forState:UIControlStateNormal];
testButton.frame = CGRectMake(20, 20, 150, 150);    
[self.view addSubview:testButton];

नवीनतम स्विफ्ट में इसका उपयोग करना

let testButton   = UIButton(type: UIButtonType.system) as UIButton
testButton.frame = CGRectMake(160, 160, 80, 20)
testButton.backgroundColor = UIColor.green
testButton.setTitle("Button testing:- ", forState: UIControlState.normal)
self.view.addSubview(testButton)

Answer 16

यदि आप मुख्य स्टोरीबोर्ड भाग में जाते हैं, और नीचे दाईं ओर एक वर्ग के साथ सर्कल में जाते हैं, और एक खाली बटन का उपयोग करते हैं। फिर कोड में @IBAction का उपयोग करके इसे वायर्ड किया जा सकता है। फिर आप इसके साथ @IBAction फ़ंक्शन कर सकते हैं।

Answer 17

स्विफ्ट 4.2 - XCode 10.1

एक बंद का उपयोग करना

let button: UIButton = {
  let button = UIButton(type: .system)
  button.titleLabel?.font = UIFont.systemFont(ofSize: 20)
  ...
  return button
}()

Answer 18

में आईओएस 12, स्विफ्ट 4.2 और XCode 10.1

//For system type button
let button = UIButton(type: .system)
button.frame = CGRect(x: 100, y: 250, width: 100, height: 50)
//        button.backgroundColor = .blue
button.setTitle("Button", for: .normal)
button.setTitleColor(.white, for: .normal)
button.titleLabel?.font = UIFont.boldSystemFont(ofSize: 13.0)
button.titleLabel?.textAlignment = .center//Text alighment center
button.titleLabel?.numberOfLines = 0//To display multiple lines in UIButton
button.titleLabel?.lineBreakMode = .byWordWrapping//By word wrapping
button.tag = 1//To assign tag value
button.btnProperties()//Call UIButton properties from extension function
button.addTarget(self, action:#selector(self.buttonClicked), for: .touchUpInside)
self.view.addSubview(button)

//For custom type button (add image to your button)
let button2 = UIButton(type: .custom)
button2.frame = CGRect(x: 100, y: 400, width: 100, height: 50)
//        button2.backgroundColor = .blue
button2.setImage(UIImage.init(named: "img.png"), for: .normal)
button2.tag = 2
button2.btnProperties()//Call UIButton properties from extension function
button2.addTarget(self, action:#selector(self.buttonClicked), for: .touchUpInside)
self.view.addSubview(button2)

@objc func buttonClicked(sender:UIButton) {
    print("Button \(sender.tag) clicked")
}

//You can add UIButton properties like this also
extension UIButton {
    func btnProperties() {
        layer.cornerRadius = 10//Set button corner radious
        clipsToBounds = true
        backgroundColor = .blue//Set background colour
        //titleLabel?.textAlignment = .center//add properties like this
    }
}

Answer 19

स्विफ्ट 5.0

        let button = self.makeButton(title: "Login", titleColor: .blue, font: UIFont.init(name: "Arial", size: 18.0), background: .white, cornerRadius: 3.0, borderWidth: 2, borderColor: .black)
        view.addSubview(button)
        // Adding Constraints
        button.heightAnchor.constraint(equalToConstant: 40).isActive = true
        button.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 40).isActive = true
        button.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -40).isActive = true
        button.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -400).isActive = true
        button.addTarget(self, action: #selector(pressed(_ :)), for: .touchUpInside)

       // Define commmon method
        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: .normal)
        button.backgroundColor = background
        button.setTitleColor(titleColor, for: .normal)
        button.titleLabel?.font = font
        button.layer.cornerRadius = 6.0
        button.layer.borderWidth = 2
        button.layer.borderColor = UIColor.red.cgColor
        return button
      }
        // Button Action
         @objc func pressed(_ sender: UIButton) {
                print("Pressed")
          }