स्विफ्ट - टेक्स्ट की दो पंक्तियों के साथ यूब्यूटॉन

Question 1

मैं सोच रहा था कि क्या पाठ की दो पंक्तियों के साथ एक UIButton बनाना संभव है। मैं एक अलग फ़ॉन्ट आकार के लिए प्रत्येक पंक्ति की जरूरत है। पहली पंक्ति 17 बिंदु और दूसरी 11 बिंदु होगी। मैं एक UIButton के अंदर दो लेबल लगाने के साथ खिलवाड़ करने की कोशिश की है, लेकिन मैं उन्हें बटन की सीमा के अंदर रहने के लिए नहीं मिल सकता।

मैं ui बिल्डर में यह सब करने का प्रयास कर रहा हूं, और प्रोग्रामिक रूप से नहीं।

धन्यवाद

Question 2

दो सवाल हैं।

मैं सोच रहा था कि क्या पाठ की दो पंक्तियों के साथ एक UIButton बनाना संभव है

यह स्टोरीबोर्ड या प्रोग्रामेटिक रूप से उपयोग करके संभव है।

स्टोरीबोर्ड:

कैरेक्टर व्रैप या वर्ड रैप के लिए 'लाइन ब्रेक मोड' बदलें और यूआईबीटटन के शीर्षक क्षेत्र में एक नई लाइन दर्ज करने के लिए Alt / Option + Enter कुंजी का उपयोग करें ।

यहां छवि विवरण दर्ज करें

प्रोग्राम के रूप में:

override func viewDidAppear(animated: Bool) {
        super.viewDidAppear(animated)

        btnTwoLine?.titleLabel?.lineBreakMode = NSLineBreakMode.ByWordWrapping;
}

मैं एक अलग फ़ॉन्ट आकार 1 के लिए प्रत्येक पंक्ति की जरूरत है

सबसे खराब स्थिति यह है, आप एक कस्टम UIButtonक्लास का उपयोग कर सकते हैं और उसके भीतर दो लेबल जोड़ सकते हैं।

बेहतर तरीका है, का उपयोग करें NSMutableAttributedString। ध्यान दें, यह केवल प्रोग्रामेटिक रूप से प्राप्त किया जा सकता है।

स्विफ्ट 5:

@IBOutlet weak var btnTwoLine: UIButton?

override func viewDidAppear(animated: Bool) {
    super.viewDidAppear(animated)

    //applying the line break mode
    textResponseButton?.titleLabel?.lineBreakMode = NSLineBreakMode.byWordWrapping;
    let buttonText: NSString = "hello\nthere"

    //getting the range to separate the button title strings
    let newlineRange: NSRange = buttonText.range(of: "\n")

    //getting both substrings
    var substring1 = ""
    var substring2 = ""

    if(newlineRange.location != NSNotFound) {
        substring1 = buttonText.substring(to: newlineRange.location)
        substring2 = buttonText.substring(from: newlineRange.location)
    }

    //assigning diffrent fonts to both substrings
    let font1: UIFont = UIFont(name: "Arial", size: 17.0)!
    let attributes1 = [NSMutableAttributedString.Key.font: font1]
    let attrString1 = NSMutableAttributedString(string: substring1, attributes: attributes1)

    let font2: UIFont = UIFont(name: "Arial", size: 11.0)!
    let attributes2 = [NSMutableAttributedString.Key.font: font2]
    let attrString2 = NSMutableAttributedString(string: substring2, attributes: attributes2)

    //appending both attributed strings
    attrString1.append(attrString2)

    //assigning the resultant attributed strings to the button
    textResponseButton?.setAttributedTitle(attrString1, for: [])
}

पुराना स्विफ्ट

@IBOutlet weak var btnTwoLine: UIButton?

override func viewDidAppear(animated: Bool) {
        super.viewDidAppear(animated)

        //applying the line break mode
        btnTwoLine?.titleLabel?.lineBreakMode = NSLineBreakMode.ByWordWrapping;

        var buttonText: NSString = "hello\nthere"

        //getting the range to separate the button title strings
        var newlineRange: NSRange = buttonText.rangeOfString("\n")

        //getting both substrings
        var substring1: NSString = ""
        var substring2: NSString = ""

        if(newlineRange.location != NSNotFound) {
            substring1 = buttonText.substringToIndex(newlineRange.location)
            substring2 = buttonText.substringFromIndex(newlineRange.location)
        }

        //assigning diffrent fonts to both substrings
        let font:UIFont? = UIFont(name: "Arial", size: 17.0)
        let attrString = NSMutableAttributedString(
            string: substring1 as String,
            attributes: NSDictionary(
                object: font!,
                forKey: NSFontAttributeName) as [NSObject : AnyObject])

        let font1:UIFont? = UIFont(name: "Arial", size: 11.0)
        let attrString1 = NSMutableAttributedString(
            string: substring2 as String,
            attributes: NSDictionary(
                object: font1!,
                forKey: NSFontAttributeName) as [NSObject : AnyObject])

        //appending both attributed strings
        attrString.appendAttributedString(attrString1)

        //assigning the resultant attributed strings to the button
        btnTwoLine?.setAttributedTitle(attrString, forState: UIControlState.Normal)

    }

उत्पादन

यहां छवि विवरण दर्ज करें

Question 3

मैं लगभग एक ही विषय की तलाश में था, सिवाय इसके कि मुझे दो अलग-अलग फ़ॉन्ट आकारों की आवश्यकता नहीं है। मामले में किसी को एक सरल समाधान की तलाश है:

    let button = UIButton()
    button.titleLabel?.numberOfLines = 0
    button.titleLabel?.lineBreakMode = .byWordWrapping
    button.setTitle("Foo\nBar", for: .normal)
    button.titleLabel?.textAlignment = .center
    button.sizeToFit()
    button.addTarget(self, action: #selector(rightBarButtonTapped), for: .allEvents)
    navigationItem.rightBarButtonItem = UIBarButtonItem(customView: button)

Question 4

मेरे पास अधिकांश समाधानों में एक समस्या है जो लाइन कैरेक्टर रैप को "कैरेक्टर रैप" बनाते समय दूसरी पंक्ति को पहली पंक्ति में संरेखित करती है।

सभी लाइनों को केंद्रित करने के लिए। बस शीर्षक को सादे से गुण में बदलें और फिर आप प्रत्येक पंक्ति को केंद्रित कर सकते हैं

Question 5

चरित्र विराम के लिए लाइन ब्रेक को बदलें, अपने बटन का चयन करें और विशेषता निरीक्षक लाइन ब्रेक पर जाएं और इसे चरित्र रैप में बदलें

यहां छवि विवरण दर्ज करें

Question 6

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

let str = NSMutableAttributedString(string: "First line\nSecond Line")
str.addAttribute(NSFontAttributeName, value: UIFont.systemFont(ofSize: 17), range: NSMakeRange(0, 10))
str.addAttribute(NSFontAttributeName, value: UIFont.systemFont(ofSize: 12), range: NSMakeRange(11, 11))
button.setAttributedTitle(str, for: .normal)

Question 7

मैंने इसे ठीक कर दिया है और मेरा समाधान केवल स्टोरीबोर्ड में था।

परिवर्तन:

यह पहचान इंस्पेक्टर में जोड़ा गया -> उपयोगकर्ता परिभाषित रनटाइम एट्रिब्यूट्स (ये KeyPaths):

numberOfLines = 2
titleLab.textAlignment = 1

उपयोगकर्ता परिभाषित रनटाइम विशेषताएँ

मैंने इसे गुण निरीक्षक में जोड़ा:

लाइन तोड़ना = शब्द लपेटना

वर्ड रैप

Question 8

आपको इस कोड में कुछ करने की आवश्यकता है। आप आईबी में 2 अलग-अलग फ़ॉन्ट सेट नहीं कर सकते। लाइन ब्रेक मोड को कैरेक्टर रैप में बदलने के अलावा, आपको शीर्षक सेट करने के लिए कुछ इस तरह की आवश्यकता होती है,

override func viewDidLoad() {
        super.viewDidLoad()
        var str = NSMutableAttributedString(string: "First line\nSecond Line")
        str.addAttribute(NSFontAttributeName, value: UIFont.systemFontOfSize(17), range: NSMakeRange(0, 10))
        str.addAttribute(NSFontAttributeName, value: UIFont.systemFontOfSize(12), range: NSMakeRange(11, 11))
        button.setAttributedTitle(str, forState: .Normal)

    }

Question 9

ऐसा करने का एक तरीका लेबल के साथ है, मुझे लगता है। मैंने ऐसा किया, और यह ठीक काम करने लगता है। मैं इसे UIButton के रूप में बना सकता हूं और फिर लेबल को प्रकट कर सकता हूं, मुझे लगता है। मुझे नहीं पता कि क्या इससे कोई मतलब है।

    let firstLabel = UILabel()

    firstLabel.backgroundColor = UIColor.lightGrayColor()
    firstLabel.text = "Hi"
    firstLabel.textColor = UIColor.blueColor()
    firstLabel.textAlignment = NSTextAlignment.Center
    firstLabel.frame = CGRectMake(0, testButton.frame.height * 0.25, testButton.frame.width, testButton.frame.height * 0.2)
    testButton.addSubview(firstLabel)

    let secondLabel = UILabel()

    secondLabel.backgroundColor = UIColor.lightGrayColor()
    secondLabel.textColor = UIColor.blueColor()
    secondLabel.font = UIFont(name: "Arial", size: 12)
    secondLabel.text = "There"
    secondLabel.textAlignment = NSTextAlignment.Center
    secondLabel.frame = CGRectMake(0, testButton.frame.height * 0.5, testButton.frame.width, testButton.frame.height * 0.2)
    testButton.addSubview(secondLabel)

Question 10

मरे तरीके:

func setButtonTitle(title: String, subtitle: String, button: UIButton){
        //applying the line break mode
        button.titleLabel?.lineBreakMode = NSLineBreakMode.byWordWrapping;
        let title = NSMutableAttributedString(string: title, attributes: Attributes.biggestLabel)
        let subtitle = NSMutableAttributedString(string: subtitle, attributes: Attributes.label)
        let char = NSMutableAttributedString(string: "\n", attributes: Attributes.biggestLabel)
        title.append(char)
        title.append(subtitle)
        button.setAttributedTitle(title, for: .normal)
    }

Question 11

जब मैं एक संग्रह दृश्य के अंदर एक उत्परिवर्ती बटन रखना चाहता था, तो दुर्भाग्य से सुझाए गए समाधान मेरे लिए कारगर नहीं थे। तब एक सहयोगी ने मुझे एक वर्कअराउंड दिखाया, जिसे मैं साझा करना चाहता था अगर किसी को एक ही समस्या है - आशा है कि यह मदद करता है! एक वर्ग बनाएं जो UIControl से विरासत में मिला है और इसे एक लेबल के साथ विस्तारित करें, जो बाद में एक बटन की तरह व्यवहार करेगा।

class MultilineButton: UIControl {

    let label: UILabel = {
        $0.translatesAutoresizingMaskIntoConstraints = false
        $0.numberOfLines = 0
        $0.textAlignment = .center
        return $0
    }(UILabel())

    override init(frame: CGRect) {
        super.init(frame: frame)

        addSubview(label)

        NSLayoutConstraint.activate([
            label.leadingAnchor.constraint(equalTo: layoutMarginsGuide.leadingAnchor),
            label.trailingAnchor.constraint(equalTo: layoutMarginsGuide.trailingAnchor),
            label.topAnchor.constraint(equalTo: layoutMarginsGuide.topAnchor),
            label.bottomAnchor.constraint(equalTo: layoutMarginsGuide.bottomAnchor)
        ])
    }

    override var isHighlighted: Bool {
        didSet {
            backgroundColor = backgroundColor?.withAlphaComponent(isHighlighted ? 0.7 : 1.0)
            label.textColor = label.textColor.withAlphaComponent(isHighlighted ? 0.7 : 1.0)
        }
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}