Bagaimana cara menggarisbawahi UILabel dengan cepat?

99

Bagaimana cara menggarisbawahi a UILabeldi Swift? Saya mencari yang Objective-C tetapi tidak bisa membuatnya bekerja di Swift.

ios  swift  overriding  uilabel  nsattributedstring 
— Esqarrouth
sumber
7
NSAttributedString?
— Larme
ada apa dengan tidak suka? ada kebingungan yang jelas di sini dengan attibutes yang tampak seperti panggilan metode di objc
— Esqarrouth
di sini Anda Bisa mendapatkan cara mudah stackoverflow.com/questions/28268060/…
— Kapil B
berikut adalah cara mudahnya [ stackoverflow.com/questions/28268060/…
— Kapil B

Jawaban:

227

Anda dapat melakukan ini menggunakan NSAttributedString

Contoh:

let underlineAttribute = [NSAttributedString.Key.underlineStyle: NSUnderlineStyle.thick.rawValue]
let underlineAttributedString = NSAttributedString(string: "StringWithUnderLine", attributes: underlineAttribute)
myLabel.attributedText = underlineAttributedString

EDIT

Untuk memiliki atribut yang sama untuk semua teks dari satu UILabel, saya sarankan Anda untuk membuat subclass UILabel dan mengganti teks, seperti itu:

Swift 4.2.0

class UnderlinedLabel: UILabel {

override var text: String? {
    didSet {
        guard let text = text else { return }
        let textRange = NSMakeRange(0, text.count)
        let attributedText = NSMutableAttributedString(string: text)
        attributedText.addAttribute(NSAttributedString.Key.underlineStyle , value: NSUnderlineStyle.single.rawValue, range: textRange)
        // Add other attributes if needed
        self.attributedText = attributedText
        }
    }
}

Swift 3.0.0

class UnderlinedLabel: UILabel {
    
    override var text: String? {
        didSet {
            guard let text = text else { return }
            let textRange = NSMakeRange(0, text.characters.count)
            let attributedText = NSMutableAttributedString(string: text)
            attributedText.addAttribute(NSUnderlineStyleAttributeName , value: NSUnderlineStyle.styleSingle.rawValue, range: textRange)
            // Add other attributes if needed
            self.attributedText = attributedText
        }
    }
}

Dan Anda meletakkan teks Anda seperti ini:

@IBOutlet weak var label: UnderlinedLabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        label.text = "StringWithUnderLine"
    }

TUA:

Swift (2.0 hingga 2.3):

class UnderlinedLabel: UILabel {
    
    override var text: String? {
        didSet {
            guard let text = text else { return }
            let textRange = NSMakeRange(0, text.characters.count)
            let attributedText = NSMutableAttributedString(string: text)
            attributedText.addAttribute(NSUnderlineStyleAttributeName, value:NSUnderlineStyle.StyleSingle.rawValue, range: textRange)
            // Add other attributes if needed
            
            self.attributedText = attributedText
        }
    }
}

Swift 1.2:

class UnderlinedLabel: UILabel {
    
    override var text: String! {
        didSet {
            let textRange = NSMakeRange(0, count(text))
            let attributedText = NSMutableAttributedString(string: text)
            attributedText.addAttribute(NSUnderlineStyleAttributeName, value:NSUnderlineStyle.StyleSingle.rawValue, range: textRange)
            // Add other attributes if needed
            
            self.attributedText = attributedText
        }
    }
}
— HamzaGhazouani
sumber
Apa cara terbaik untuk menghilangkan garis bawah?
— N. Der
Saya sudah lama bertanya-tanya: mengapa kita harus menggunakan rawValue jika tidak maka crash?
— Bruno Muniz
Anda harus melewatkan UTF16hitungan alih-alih jumlah karakter saat membuat textRange AndaNSRange
— Leo Dabus
Saya telah mengubah solusi ini untuk menambahkan garis bawah saat menginisialisasi, dengan cara ini kita dapat menggunakannya dengan mudah dengan papan cerita required init?(coder: NSCoder) { super.init(coder: coder) self.addUnderline() // your code }
— João Serra
114

Swift 5 & 4.2 satu liner:

label.attributedText = NSAttributedString(string: "Text", attributes:
    [.underlineStyle: NSUnderlineStyle.single.rawValue])

Swift 4 satu liner:

label.attributedText = NSAttributedString(string: "Text", attributes:
    [.underlineStyle: NSUnderlineStyle.styleSingle.rawValue])

Swift 3 satu liner:

label.attributedText = NSAttributedString(string: "Text", attributes:
      [NSUnderlineStyleAttributeName: NSUnderlineStyle.styleSingle.rawValue])
— hasan
sumber
1
NSUnderlineStyle.styleSingle.rawValue telah diubah namanya menjadi NSUnderlineStyle.single.rawValue di 4.2 cepat
— Skaal
Bagaimana cara menghapus garis bawah?
— N. Der
@ N.Der Setel lagi teks normal ke label
— byJeevan
15

Jika Anda mencari cara untuk melakukan ini tanpa warisan:

Cepat 5

extension UILabel {
    func underline() {
        if let textString = self.text {
          let attributedString = NSMutableAttributedString(string: textString)
            attributedString.addAttribute(NSAttributedString.Key.underlineStyle,
                                          value: NSUnderlineStyle.single.rawValue,
                                          range: NSRange(location: 0, length: attributedString.length))
          attributedText = attributedString
        }
    }
}

Cepat 3/4

// in swift 4 - switch NSUnderlineStyleAttributeName with NSAttributedStringKey.underlineStyle
extension UILabel {
    func underline() {
        if let textString = self.text {
          let attributedString = NSMutableAttributedString(string: textString)
          attributedString.addAttribute(NSUnderlineStyleAttributeName, value: NSUnderlineStyle.styleSingle.rawValue, range: NSRange(location: 0, length: attributedString.length))
          attributedText = attributedString
        }
    }
}


extension UIButton {
  func underline() {
    let attributedString = NSMutableAttributedString(string: (self.titleLabel?.text!)!)
    attributedString.addAttribute(NSUnderlineStyleAttributeName, value: NSUnderlineStyle.styleSingle.rawValue, range: NSRange(location: 0, length: (self.titleLabel?.text!.characters.count)!))
    self.setAttributedTitle(attributedString, for: .normal)
  }
}
— Shlomo Koppel
sumber
Anda harus melewatkan UTF16hitungan alih-alih jumlah karakter saat membuatNSRange
— Leo Dabus
11

Cepat 5:

1- Buat ekstensi String untuk mendapatkan atributedText

extension String {

    var underLined: NSAttributedString {
        NSMutableAttributedString(string: self, attributes: [.underlineStyle: NSUnderlineStyle.single.rawValue])
    }

}

2- Gunakan itu

Pada tombol:

button.setAttributedTitle(yourButtonTitle.underLined, for: .normal)

Pada Label:

label.attributedText = yourLabelTitle.underLined

Atau versi Stoyboard

— alegelos.dll
sumber
8

Hanya sedikit perbaikan untuk jawaban Shlome di Swift 4 dan Xcode 9 .

extension UILabel {
    func underline() {
        if let textString = self.text {
            let attributedString = NSMutableAttributedString(string: textString)
            attributedString.addAttribute(NSAttributedStringKey.underlineStyle,
                                          value: NSUnderlineStyle.styleSingle.rawValue,
                                          range: NSRange(location: 0, length: attributedString.length - 1))
            attributedText = attributedString
        }
    }
}

    extension UIButton {
        func underline() {
            let attributedString = NSMutableAttributedString(string: (self.titleLabel?.text!)!)
            attributedString.addAttribute(NSAttributedStringKey.underlineStyle,
                                          value: NSUnderlineStyle.styleSingle.rawValue,
                                          range: NSRange(location: 0, length: (self.titleLabel?.text!.count)!))
            self.setAttributedTitle(attributedString, for: .normal)
        }
    }
— Elano Vasconcelos
sumber
Anda harus melewatkan UTF16hitungan alih-alih jumlah karakter saat membuatNSRange
— Leo Dabus
4

Jawaban yang Sama di Swift 4.2

Untuk UILable

extension UILabel {
    func underline() {
        if let textString = self.text {
            let attributedString = NSMutableAttributedString(string: textString)
            attributedString.addAttribute(NSAttributedString.Key.underlineStyle,
                                          value: NSUnderlineStyle.single.rawValue,
                                          range: NSRange(location: 0, length: textString.count))
            self.attributedText = attributedString
        }
    }
}

Hubungi UILabel seperti di bawah ini

myLable.underline()

Untuk UIButton

extension UIButton {
    func underline() {
        if let textString = self.titleLabel?.text {

            let attributedString = NSMutableAttributedString(string: textString)
            attributedString.addAttribute(NSAttributedString.Key.underlineStyle,
                                          value: NSUnderlineStyle.single.rawValue,
                                          range: NSRange(location: 0, length: textString.count))
            self.setAttributedTitle(attributedString, for: .normal)
        }

    }
}

Hubungi UIButton seperti di bawah ini

myButton.underline()

Saya melihat jawaban di atas dan beberapa di antaranya adalah nilai teks yang tidak dibuka secara paksa . Saya akan menyarankan untuk mendapatkan nilai dengan membuka bungkusnya dengan aman. Ini akan menghindari crash jika nilai nihil. Semoga ini membantu :)

— Abdul Rehman
sumber
cukup cantik dan mudah
— Jan Bergström
Anda harus melewatkan UTF16hitungan alih-alih jumlah karakter saat membuatNSRange
— Leo Dabus
Jika Anda sudah memiliki ekstensi untuk UILabel, IMO lebih mudah memanggil myButton.titleLabel? .Underline (), atau setidaknya menggunakannya di dalam fungsi underline () dalam ekstensi untuk UIButton.
— boherna
4

Swift 4, 4.2 dan 5. 

  @IBOutlet weak var lblUnderLine: UILabel!

Saya perlu menggarisbawahi teks tertentu dalam UILabel. Jadi, temukan range dan atur atribut.

    let strSignup = "Don't have account? SIGNUP NOW."
    let rangeSignUp = NSString(string: strSignup).range(of: "SIGNUP NOW.", options: String.CompareOptions.caseInsensitive)
    let rangeFull = NSString(string: strSignup).range(of: strSignup, options: String.CompareOptions.caseInsensitive)
    let attrStr = NSMutableAttributedString.init(string:strSignup)
    attrStr.addAttributes([NSAttributedString.Key.foregroundColor : UIColor.white,
                           NSAttributedString.Key.font : UIFont.init(name: "Helvetica", size: 17)! as Any],range: rangeFull)
    attrStr.addAttributes([NSAttributedString.Key.foregroundColor : UIColor.white,
                           NSAttributedString.Key.font : UIFont.init(name: "Helvetica", size: 20)!,
                          NSAttributedString.Key.underlineStyle: NSUnderlineStyle.thick.rawValue as Any],range: rangeSignUp) // for swift 4 -> Change thick to styleThick
    lblUnderLine.attributedText = attrStr

Keluaran

masukkan deskripsi gambar di sini

— Gurjinder Singh
sumber
3

Garis bawahi ke beberapa string dalam satu kalimat.

extension UILabel {
    func underlineMyText(range1:String, range2:String) {
        if let textString = self.text {

            let str = NSString(string: textString)
            let firstRange = str.range(of: range1)
            let secRange = str.range(of: range2)
            let attributedString = NSMutableAttributedString(string: textString)
            attributedString.addAttribute(NSAttributedString.Key.underlineStyle, value: NSUnderlineStyle.single.rawValue, range: firstRange)
            attributedString.addAttribute(NSAttributedString.Key.underlineStyle, value: NSUnderlineStyle.single.rawValue, range: secRange)
            attributedText = attributedString
        }
    }
}

Gunakan dengan cara ini.

    lbl.text = "By continuing you agree to our Terms of Service and Privacy Policy."
    lbl.underlineMyText(range1: "Terms of Service", range2: "Privacy Policy.")
— kalpesh
sumber
1
Bagaimana Anda akan melacak sentuhan?
— karthikeyan
2

Swift 4 perubahan. Ingat untuk menggunakan NSUnderlineStyle.styleSingle.rawValue alih-alih NSUnderlineStyle.styleSingle .

   'let attributedString = NSAttributedString(string: "Testing")
    let textRange = NSMakeRange(0, attributedString.length)
    let underlinedMessage = NSMutableAttributedString(attributedString: attributedString)
    underlinedMessage.addAttribute(NSAttributedStringKey.underlineStyle,
                                   value:NSUnderlineStyle.styleSingle.rawValue,
                                   range: textRange)
    label.attributedText = underlinedMessage

`

— venky
sumber
2

Anda juga dapat menggunakan ini jika Anda ingin mencapai setengah dari label seperti yang digarisbawahi: - // Untuk Swift 4.0+

let attributesForUnderLine: [NSAttributedString.Key: Any] = [
            .font: UIFont(name: AppFont.sourceSansPro_Regular, size: 12) ?? UIFont.systemFont(ofSize: 11),
            .foregroundColor: UIColor.blue,
            .underlineStyle: NSUnderlineStyle.single.rawValue]

        let attributesForNormalText: [NSAttributedString.Key: Any] = [
            .font: UIFont(name: AppFont.sourceSansPro_Regular, size: 12) ?? UIFont.systemFont(ofSize: 11),
            .foregroundColor: AppColors.ColorText_787878]

        let textToSet = "Want to change your preferences? Edit Now"
        let rangeOfUnderLine = (textToSet as NSString).range(of: "Edit Now")
        let rangeOfNormalText = (textToSet as NSString).range(of: "Want to change your preferences?")

        let attributedText = NSMutableAttributedString(string: textToSet)
        attributedText.addAttributes(attributesForUnderLine, range: rangeOfUnderLine)
        attributedText.addAttributes(attributesForNormalText, range: rangeOfNormalText)
        yourLabel.attributedText = attributedText
— Vipul Kumar
sumber
1

Jawaban di atas menyebabkan kesalahan dalam lingkungan build saya.

Ini tidak berfungsi di Swift 4.0:

attributedText.addAttribute(NSUnderlineStyleAttributeName, 
                            value: NSUnderlineStyle.styleSingle.rawValue, 
                            range: textRange)

Coba ini sebagai gantinya:

attributedText.addAttribute(NSAttributedStringKey.underlineStyle,
                            value: NSUnderlineStyle.styleSingle.rawValue,
                            range: textRange)

semoga ini membantu seseorang.

— H. Tan
sumber
1

// Versi Swift 4

 let attributedString  = NSMutableAttributedString(string: "Your Text Here", attributes: [NSAttributedStringKey.underlineStyle : true])

self.yourlabel.attributedText = attributedString
— Pengembang iOS
sumber
0

Untuk Swift 2.3 

extension UIButton {
    func underline() {
        let attributedString = NSMutableAttributedString(string: (self.titleLabel?.text!)!)
        attributedString.addAttribute(NSUnderlineStyleAttributeName, value: NSUnderlineStyle.StyleSingle.rawValue, range: NSRange(location: 0, length: (self.titleLabel?.text!.characters.count)!))
        self.setAttributedTitle(attributedString, forState: .Normal)
    }
}

dan di ViewController 

@IBOutlet var yourButton: UIButton!

di ViewDidLoadMetode atau di fungsi Anda, tulis saja

yourButton.underline()

itu akan menggarisbawahi judul tombol Anda

— Syed Hasnain
sumber
0

Kelas untuk menyetel dan menghapus garis bawah untuk UIbuttons untuk Swift 5. Saya harap ini membantu

import Foundation
   import UIKit

   class UiUtil {

       static let underlineThickness = 2
    
       class func removeUnderlineFromButton( _ button:UIButton ) {
          if let str = button.titleLabel?.attributedText {
            let attributedString = NSMutableAttributedString( attributedString: str )
            attributedString.removeAttribute(.underlineStyle, range: 
   NSRange.init(location: 0, length: attributedString.length))
            button.setAttributedTitle(attributedString, for: .normal)
         }
      }

    class func setUnderlineFromButton( _ button:UIButton ) {
        if let str = button.titleLabel?.attributedText {
            let attributedStringUnderline = NSMutableAttributedString( attributedString: 
    str  )
              attributedStringUnderline.addAttribute(
                NSAttributedString.Key.underlineStyle,
                value: underlineThickness,
                range: NSRange.init(location: 0, length: attributedStringUnderline.length)
              )
              button.setAttributedTitle(attributedStringUnderline, for: .normal)
           }
      }

   }
— Wil
sumber
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.