ทำให้ข้อความเป็นตัวหนาโดยใช้สตริงที่มาจากแหล่งข้อมูลอย่างรวดเร็ว


106

ฉันมีสตริงแบบนี้

var str = "@text1 this is good @text1"

ตอนนี้แทนที่ด้วยสตริงอื่นพูดtext1 t 1ฉันสามารถแทนที่ข้อความได้ แต่ฉันไม่สามารถทำตัวหนาได้ ฉันต้องการทำให้สตริงใหม่เป็นตัวหนาt 1เพื่อให้ผลลัพธ์สุดท้ายเป็น:

@t 1นี่คือสิ่งที่ดี@t 1

ฉันจะทำมันได้อย่างไร?

ตัวอย่างทั้งหมดที่ฉันเห็นอยู่ใน Objective-C แต่ฉันต้องการทำใน Swift

ขอบคุณล่วงหน้า.


1
คุณต้องคลายปัญหาของคุณ: เรียนรู้วิธี "ตัวหนา": stackoverflow.com/questions/25199580/…เรียนรู้วิธีการแทนที่ข้อความ
Larme

1
ใช้ไลบรารีนี้ง่ายนิดเดียว github.com/iOSTechHub/AttributedString
Ashish Chauhan

คำตอบ:


243

การใช้งาน:

let label = UILabel()
label.attributedText =
    NSMutableAttributedString()
        .bold("Address: ")
        .normal(" Kathmandu, Nepal\n\n")
        .orangeHighlight(" Email: ")
        .blackHighlight(" prajeet.shrestha@gmail.com ")
        .bold("\n\nCopyright: ")
        .underlined(" All rights reserved. 2020.")

ผลลัพธ์:

ป้อนคำอธิบายภาพที่นี่

นี่คือวิธีที่เป็นระเบียบในการผสมผสานข้อความที่เป็นตัวหนาและตัวหนาในป้ายกำกับเดียวรวมถึงวิธีการโบนัสอื่น ๆ

ส่วนขยาย: Swift 5. *

extension NSMutableAttributedString {
    var fontSize:CGFloat { return 14 }
    var boldFont:UIFont { return UIFont(name: "AvenirNext-Bold", size: fontSize) ?? UIFont.boldSystemFont(ofSize: fontSize) }
    var normalFont:UIFont { return UIFont(name: "AvenirNext-Regular", size: fontSize) ?? UIFont.systemFont(ofSize: fontSize)}

    func bold(_ value:String) -> NSMutableAttributedString {

        let attributes:[NSAttributedString.Key : Any] = [
            .font : boldFont
        ]

        self.append(NSAttributedString(string: value, attributes:attributes))
        return self
    }

    func normal(_ value:String) -> NSMutableAttributedString {

        let attributes:[NSAttributedString.Key : Any] = [
            .font : normalFont,
        ]

        self.append(NSAttributedString(string: value, attributes:attributes))
        return self
    }
    /* Other styling methods */
    func orangeHighlight(_ value:String) -> NSMutableAttributedString {

        let attributes:[NSAttributedString.Key : Any] = [
            .font :  normalFont,
            .foregroundColor : UIColor.white,
            .backgroundColor : UIColor.orange
        ]

        self.append(NSAttributedString(string: value, attributes:attributes))
        return self
    }

    func blackHighlight(_ value:String) -> NSMutableAttributedString {

        let attributes:[NSAttributedString.Key : Any] = [
            .font :  normalFont,
            .foregroundColor : UIColor.white,
            .backgroundColor : UIColor.black

        ]

        self.append(NSAttributedString(string: value, attributes:attributes))
        return self
    }

    func underlined(_ value:String) -> NSMutableAttributedString {

        let attributes:[NSAttributedString.Key : Any] = [
            .font :  normalFont,
            .underlineStyle : NSUnderlineStyle.single.rawValue

        ]

        self.append(NSAttributedString(string: value, attributes:attributes))
        return self
    }
}

มันไม่ใช่สำหรับ swift 2?
remy boys

2
เพิ่มเติมเล็กน้อย: func bold(_ text:String, _ size:CGFloat). ฉันเพิ่มขนาดเป็นตัวหนาเพื่อให้สามารถควบคุมได้จากภายนอก นอกจากนี้ฉันพลาดAvenirNext-Mediumแบบอักษรในฟังก์ชั่นนี้ฉันจึงใช้เวลาไม่กี่นาทีในการทำความเข้าใจว่าทำไมฉันจึงมองไม่เห็นแบบอักษรของฉัน โปรดทราบ
กัล

คุณช่วยวันของฉันเพื่อน!
oskarko

ขอบคุณ! ทำงานอย่างมีเสน่ห์ :)
Sharad Chauhan

1
Ballay ballay sarkaaar: D
Mohsin Khubaib Ahmed

103
var normalText = "Hi am normal"

var boldText  = "And I am BOLD!"

var attributedString = NSMutableAttributedString(string:normalText)

var attrs = [NSFontAttributeName : UIFont.boldSystemFont(ofSize: 15)]
var boldString = NSMutableAttributedString(string: boldText, attributes:attrs)

attributedString.append(boldString)

เมื่อคุณต้องการกำหนดให้กับป้ายกำกับ:

yourLabel.attributedText = attributedString

คำตอบสุดเจ๋ง! ขอบคุณ!
hacker_1989

หมายเหตุ: appendAttributedString ถูกเปลี่ยนชื่อเป็น. append ()
Andrea Leganza

28

แก้ไข / ปรับปรุง: Xcode 8.3.2 • Swift 3.1

หากคุณรู้จัก HTML และ CSS คุณสามารถใช้เพื่อควบคุมรูปแบบฟอนต์สีและขนาดของสตริงที่มาจากแหล่งข้อมูลของคุณได้อย่างง่ายดายดังต่อไปนี้:

extension String {
    var html2AttStr: NSAttributedString? {
        return try? NSAttributedString(data: Data(utf8), options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue], documentAttributes: nil)
    }
}

"<style type=\"text/css\">#red{color:#F00}#green{color:#0F0}#blue{color: #00F; font-weight: Bold; font-size: 32}</style><span id=\"red\" >Red,</span><span id=\"green\" > Green </span><span id=\"blue\">and Blue</span>".html2AttStr

ฉันพยายามใช้สิ่งนี้ใน Swift 2 Xcode แต่ไม่ได้ใช้แบบอักษร นี่คือสตริง: <link href=\"https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre\" rel=\"stylesheet\"> <span style=\"font-family: 'Frank Ruhl Libre', sans-serif;\">שלום</span>
DaniSmithProductions

หากสไตล์ใช้ WebKit เพื่อแยกวิเคราะห์สตริง HTML ใน NSAttributedString โปรดใช้ความระมัดระวังในเธรดพื้นหลัง ...
FouZ

ประโยชน์ของการใช้แนวทางนี้มากกว่าคำตอบ @prajeet คืออะไร?
Emre Önder

18

หากคุณกำลังทำงานกับสตริงที่แปลเป็นภาษาท้องถิ่นคุณอาจไม่สามารถพึ่งพาสตริงตัวหนาที่อยู่ท้ายประโยคได้เสมอไป หากเป็นกรณีนี้สิ่งต่อไปนี้จะใช้ได้ดี:

เช่น Query "blah"ไม่ตรงกับรายการใด ๆ

/* Create the search query part of the text, e.g. "blah". 
   The variable 'text' is just the value entered by  the user. */
let searchQuery = "\"\(text)\""

/* Put the search text into the message */
let message = "Query \(searchQuery). does not match any items"

/* Find the position of the search string. Cast to NSString as we want
   range to be of type NSRange, not Swift's Range<Index> */
let range = (message as NSString).rangeOfString(searchQuery)

/* Make the text at the given range bold. Rather than hard-coding a text size,
   Use the text size configured in Interface Builder. */
let attributedString = NSMutableAttributedString(string: message)
attributedString.addAttribute(NSFontAttributeName, value: UIFont.boldSystemFontOfSize(label.font.pointSize), range: range)

/* Put the text in a label */
label.attributedText = attributedString

2
หลังจากค้นหามาหลายชั่วโมงนี่เป็นคำตอบเดียวที่พบวิธีแก้ปัญหาของฉัน +1
Super_Simon

9

นี่เป็นวิธีที่ดีที่สุดที่ฉันคิดขึ้นมา เพิ่มฟังก์ชั่นที่คุณสามารถโทรได้จากทุกที่และเพิ่มลงในไฟล์โดยไม่มีคลาสเช่น Constants.swift จากนั้นคุณสามารถรวบรวมคำภายในสตริงใดก็ได้ในหลาย ๆ ครั้งโดยเรียกรหัสเพียงบรรทัดเดียว :

ในการไปยังไฟล์ constants.swift:

import Foundation
import UIKit

func addBoldText(fullString: NSString, boldPartOfString: NSString, font: UIFont!, boldFont: UIFont!) -> NSAttributedString {
   let nonBoldFontAttribute = [NSFontAttributeName:font!]
   let boldFontAttribute = [NSFontAttributeName:boldFont!]
   let boldString = NSMutableAttributedString(string: fullString as String, attributes:nonBoldFontAttribute)
   boldString.addAttributes(boldFontAttribute, range: fullString.rangeOfString(boldPartOfString as String))
   return boldString
}

จากนั้นคุณสามารถเรียกรหัสบรรทัดเดียวสำหรับ UILabel ใดก็ได้:

self.UILabel.attributedText = addBoldText("Check again in 30 DAYS to find more friends", boldPartOfString: "30 DAYS", font: normalFont!, boldFont: boldSearchFont!)


//Mark: Albeit that you've had to define these somewhere:

let normalFont = UIFont(name: "INSERT FONT NAME", size: 15)
let boldFont = UIFont(name: "INSERT BOLD FONT", size: 15)

9

ฉันขยายคำตอบที่ยอดเยี่ยมของ David West เพื่อให้คุณสามารถป้อนสตริงและบอกสตริงย่อยทั้งหมดที่คุณต้องการทำให้กล้า:

func addBoldText(fullString: NSString, boldPartsOfString: Array<NSString>, font: UIFont!, boldFont: UIFont!) -> NSAttributedString {
    let nonBoldFontAttribute = [NSFontAttributeName:font!]
    let boldFontAttribute = [NSFontAttributeName:boldFont!]
    let boldString = NSMutableAttributedString(string: fullString as String, attributes:nonBoldFontAttribute)
    for i in 0 ..< boldPartsOfString.count {
        boldString.addAttributes(boldFontAttribute, range: fullString.rangeOfString(boldPartsOfString[i] as String))
    }
    return boldString
}

แล้วเรียกแบบนี้ว่า

let normalFont = UIFont(name: "Dosis-Medium", size: 18)
let boldSearchFont = UIFont(name: "Dosis-Bold", size: 18)
self.UILabel.attributedText = addBoldText("Check again in 30 days to find more friends", boldPartsOfString: ["Check", "30 days", "find", "friends"], font: normalFont!, boldFont: boldSearchFont!)

สิ่งนี้จะทำให้สตริงย่อยทั้งหมดที่คุณต้องการเป็นตัวหนาในสตริงที่คุณกำหนด


เป็นไปได้ไหมที่จะมีคำเดียวกันเป็นตัวหนาในสองที่ต่างกัน EX: "ตรวจสอบอีกครั้งใน 30 วันเพื่อค้นหาเพื่อน 30 คน" คุณจะทำให้ทั้ง "30" เป็นตัวหนาได้อย่างไร ขอบคุณล่วงหน้า.
Dian

8

จากคำตอบที่ยอดเยี่ยมของ Jeremy Bader และ David West ส่วนขยาย Swift 3:

extension String {
    func withBoldText(boldPartsOfString: Array<NSString>, font: UIFont!, boldFont: UIFont!) -> NSAttributedString {
        let nonBoldFontAttribute = [NSFontAttributeName:font!]
        let boldFontAttribute = [NSFontAttributeName:boldFont!]
        let boldString = NSMutableAttributedString(string: self as String, attributes:nonBoldFontAttribute)
        for i in 0 ..< boldPartsOfString.count {
            boldString.addAttributes(boldFontAttribute, range: (self as NSString).range(of: boldPartsOfString[i] as String))
        }
        return boldString
    }
}

การใช้งาน:

let label = UILabel()
let font = UIFont(name: "AvenirNext-Italic", size: 24)!
let boldFont = UIFont(name: "AvenirNext-BoldItalic", size: 24)!
label.attributedText = "Make sure your face is\nbrightly and evenly lit".withBoldText(
    boldPartsOfString: ["brightly", "evenly"], font: font, boldFont: boldFont)

6

Swift 4 และสูงกว่า

สำหรับ Swift 4 ขึ้นไปนั่นเป็นวิธีที่ดี:

    let attributsBold = [NSAttributedString.Key.font : UIFont.systemFont(ofSize: 16, weight: .bold)]
    let attributsNormal = [NSAttributedString.Key.font : UIFont.systemFont(ofSize: 16, weight: .regular)]
    var attributedString = NSMutableAttributedString(string: "Hi ", attributes:attributsNormal)
    let boldStringPart = NSMutableAttributedString(string: "John", attributes:attributsBold)
    attributedString.append(boldStringPart)
  
    yourLabel.attributedText = attributedString

ในป้ายกำกับข้อความจะดูเหมือน: "สวัสดีจอห์น "


5

การใช้งาน ....

let attrString = NSMutableAttributedString()
            .appendWith(weight: .semibold, "almost bold")
            .appendWith(color: .white, weight: .bold, " white and bold")
            .appendWith(color: .black, ofSize: 18.0, " big black")

สองเซ็นต์ ...

extension NSMutableAttributedString {

    @discardableResult func appendWith(color: UIColor = UIColor.darkText, weight: UIFont.Weight = .regular, ofSize: CGFloat = 12.0, _ text: String) -> NSMutableAttributedString{
        let attrText = NSAttributedString.makeWith(color: color, weight: weight, ofSize:ofSize, text)
        self.append(attrText)
        return self
    }

}
extension NSAttributedString {

    public static func makeWith(color: UIColor = UIColor.darkText, weight: UIFont.Weight = .regular, ofSize: CGFloat = 12.0, _ text: String) -> NSMutableAttributedString {

        let attrs = [NSAttributedStringKey.font: UIFont.systemFont(ofSize: ofSize, weight: weight), NSAttributedStringKey.foregroundColor: color]
        return NSMutableAttributedString(string: text, attributes:attrs)
    }
}

1
iOS 11 ขึ้นไป (เนื่องจาก UIFont การใช้งานน้ำหนัก)
Andrea Leganza

4

ยอมรับว่าคำตอบของPrajeet Shresthaในชุดข้อความนี้ถูกต้องฉันต้องการขยายโซลูชันของเขาโดยใช้ป้ายกำกับหากเป็นที่รู้จักและลักษณะของแบบอักษร

สวิฟต์ 4

extension NSMutableAttributedString {

    @discardableResult func normal(_ text: String) -> NSMutableAttributedString {
        let normal = NSAttributedString(string: text)
        append(normal)

        return self
    }

    @discardableResult func bold(_ text: String, withLabel label: UILabel) -> NSMutableAttributedString {

        //generate the bold font
        var font: UIFont = UIFont(name: label.font.fontName , size: label.font.pointSize)!
        font = UIFont(descriptor: font.fontDescriptor.withSymbolicTraits(.traitBold) ?? font.fontDescriptor, size: font.pointSize)

        //generate attributes
        let attrs: [NSAttributedStringKey: Any] = [NSAttributedStringKey.font: font]
        let boldString = NSMutableAttributedString(string:text, attributes: attrs)

        //append the attributed text
        append(boldString)

        return self
    }
}

3

วิธีทำที่ง่ายสุด ๆ

    let text = "This string is having multiple font"
    let attributedText = 
    NSMutableAttributedString.getAttributedString(fromString: text)

    attributedText.apply(font: UIFont.boldSystemFont(ofSize: 24), subString: 
    "This")

    attributedText.apply(font: UIFont.boldSystemFont(ofSize: 24), onRange: 
    NSMakeRange(5, 6))

สำหรับรายละเอียดเพิ่มเติมคลิกที่นี่: https://github.com/iOSTechHub/AttributedString


แล้วกึ่งตัวหนาล่ะ?
Houman

นี่ควรเป็นคำตอบที่ได้รับการยอมรับ @Houman ใช้ไลบรารีด้านบนและใช้applyวิธีการกับแบบอักษรที่คุณต้องการ
Zack Shapiro

2

สิ่งนี้อาจเป็นประโยชน์

class func createAttributedStringFrom (string1 : String ,strin2 : String, attributes1 : Dictionary<String, NSObject>, attributes2 : Dictionary<String, NSObject>) -> NSAttributedString{

let fullStringNormal = (string1 + strin2) as NSString
let attributedFullString = NSMutableAttributedString(string: fullStringNormal as String)

attributedFullString.addAttributes(attributes1, range: fullStringNormal.rangeOfString(string1))
attributedFullString.addAttributes(attributes2, range: fullStringNormal.rangeOfString(strin2))
return attributedFullString
}

2

Swift 3.0

แปลง html เป็นสตริงและเปลี่ยนแบบอักษรตามความต้องการของคุณ

do {

     let str = try NSAttributedString(data: ("I'm a normal text and <b>this is my bold part . </b>And I'm again in the normal text".data(using: String.Encoding.unicode, allowLossyConversion: true)!), options: [ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], documentAttributes: nil)

     myLabel.attributedText = str
     myLabel.font =  MONTSERRAT_BOLD(23)
     myLabel.textAlignment = NSTextAlignment.left
} catch {
     print(error)
}


func MONTSERRAT_BOLD(_ size: CGFloat) -> UIFont
{
    return UIFont(name: "MONTSERRAT-BOLD", size: size)!
}

คุณควรแปลงสตริงของคุณเป็นข้อมูลโดยใช้ utf8 โปรดทราบว่าข้อมูลสอดคล้องกับคอลเล็กชันใน Swift 3 ดังนั้นคุณสามารถเริ่มต้นข้อมูลด้วยมุมมองคอลเลคชันสตริง utf8 Data("I'm a normal text and <b>this is my bold part . </b>And I'm again in the normal text".utf8)และตั้งค่าการเข้ารหัสอักขระในตัวเลือก[NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue]
Leo Dabus

1

สำหรับ -> ค้นหาโทรทัศน์ตามขนาด

1 ทางโดยใช้ NString และ Range

let query = "Television"
let headerTitle = "size"
let message = "Search \(query) by \(headerTitle)"
let range = (message as NSString).range(of: query)
let attributedString = NSMutableAttributedString(string: message)
attributedString.addAttribute(NSAttributedString.Key.font, value: UIFont.boldSystemFont(ofSize: label1.font.pointSize), range: range)
label1.attributedText = attributedString

อื่นโดยไม่ใช้ NString และ Range

let query = "Television"
let headerTitle = "size"
let (searchText, byText) = ("Search ", " by \(headerTitle)")
let attributedString = NSMutableAttributedString(string: searchText)
let byTextAttributedString = NSMutableAttributedString(string: byText)
let attrs = [NSAttributedString.Key.font : UIFont.boldSystemFont(ofSize: label1.font.pointSize)]
let boldString = NSMutableAttributedString(string: query, attributes:attrs)
attributedString.append(boldString)
attributedString.append(byTextAttributedString)
label1.attributedText = attributedString

รวดเร็ว 5


0

เพียงใช้รหัสดังนี้:

 let font = UIFont(name: "Your-Font-Name", size: 10.0)!

        let attributedText = NSMutableAttributedString(attributedString: noteLabel.attributedText!)
        let boldedRange = NSRange(attributedText.string.range(of: "Note:")!, in: attributedText.string)
        attributedText.addAttributes([NSAttributedString.Key.font : font], range: boldedRange)
        noteLabel.attributedText = attributedText

0

สองซับในรวดเร็ว 4:

            button.setAttributedTitle(.init(string: "My text", attributes: [.font: UIFont.systemFont(ofSize: 20, weight: .bold)]), for: .selected)
            button.setAttributedTitle(.init(string: "My text", attributes: [.font: UIFont.systemFont(ofSize: 20, weight: .regular)]), for: .normal)

0

สวิฟท์ 5.1 ใช้NSAttributedString.KeyแทนNSAttributedStringKey

let test1Attributes:[NSAttributedString.Key: Any] = [.font : UIFont(name: "CircularStd-Book", size: 14)!]
let test2Attributes:[NSAttributedString.Key: Any] = [.font : UIFont(name: "CircularStd-Bold", size: 16)!]

let test1 = NSAttributedString(string: "\(greeting!) ", attributes:test1Attributes)
let test2 = NSAttributedString(string: firstName!, attributes:test2Attributes)
let text = NSMutableAttributedString()

text.append(test1)
text.append(test2)
return text

-1

การปรับปรุงตามคำตอบของ Prajeet Shrestha: -

คุณสามารถสร้างส่วนขยายทั่วไปสำหรับ NSMutableAttributedString ซึ่งเกี่ยวข้องกับโค้ดน้อยกว่า ในกรณีนี้ฉันเลือกใช้แบบอักษรของระบบ แต่คุณสามารถปรับเปลี่ยนได้เพื่อให้คุณสามารถป้อนชื่อแบบอักษรเป็นพารามิเตอร์ได้

    extension NSMutableAttributedString {

        func systemFontWith(text: String, size: CGFloat, weight: CGFloat) -> NSMutableAttributedString {
            let attributes: [String: AnyObject] = [NSFontAttributeName: UIFont.systemFont(ofSize: size, weight: weight)]
            let string = NSMutableAttributedString(string: text, attributes: attributes)
            self.append(string)
            return self
        }
    }

-1

คุณสามารถทำได้โดยใช้วิธีกำหนดเองง่ายๆที่เขียนไว้ด้านล่าง คุณกำหนดให้สตริงทั้งหมดในพารามิเตอร์แรกและข้อความเป็นตัวหนาในพารามิเตอร์ที่สอง หวังว่านี่จะช่วยได้

func getAttributedBoldString(str : String, boldTxt : String) -> NSMutableAttributedString {
        let attrStr = NSMutableAttributedString.init(string: str)
        let boldedRange = NSRange(str.range(of: boldTxt)!, in: str)
        attrStr.addAttributes([NSAttributedString.Key.font : UIFont.systemFont(ofSize: 17, weight: .bold)], range: boldedRange)
        return attrStr
    }

การใช้งาน: initalString = ฉันเป็นเด็กผู้ชาย

label.attributedText = getAttributedBoldString (str: initalString, boldTxt: "Boy")

สตริงผลลัพธ์ = ฉันเป็นเด็กผู้ชาย

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.