신속한 속성 문자열을 사용하여 텍스트를 굵게 만들기


100

나는 이와 같은 문자열이

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

이제 text1다른 문자열로 바꾸십시오 t 1. 텍스트를 바꿀 수 있지만 굵게 표시 할 수 없습니다. t 1최종 출력이 다음과 같도록 새 문자열을 굵게 표시하고 싶습니다 .

@t 1 이것은 좋다 @t 1

내가 어떻게 해?

내가보고있는 모든 예제는 Objective-C에 있지만 Swift로하고 싶습니다.

미리 감사드립니다.


1
문제를 분해해야합니다. "bold" 방법 알아보기 : stackoverflow.com/questions/25199580/… 텍스트 교체 방법 알아보기.
Larme

1
이 라이브러리를 사용하면 아주 간단합니다. github.com/iOSTechHub/AttributedString
Ashish Chauhan

답변:


236

용법:

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
    }
}

스위프트 2가 아니야?
remy boys

2
작은 추가 : func bold(_ text:String, _ size:CGFloat). 굵은 부분에 크기를 추가하여 외부에서 제어 할 수 있도록했습니다. 또한 AvenirNext-Medium이 기능 에서 글꼴을 놓 쳤기 때문에 글꼴을 볼 수없는 이유를 이해하는 데 몇 분이 걸렸습니다. 주의.
Gal

당신이 내 하루를 구했어, 친구!
oskarko 17.10.31

감사! : 마법처럼 일했다
샤 라드 차우 한

1
Ballay ballay sarkaaar : D
Mohsin Khubaib Ahmed

102
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을 사용하여 NSAttributedString에서 HTML 문자열을 구문 분석하는 경우 백그라운드 스레드에서 신중하게 사용하십시오 ...
FouZ

@prajeet 대답 대신이 접근 방식을 사용하면 어떤 이점이 있습니까?
Emre Önder

17

현지화 된 문자열로 작업하는 경우 항상 문장 끝에있는 굵은 문자열에 의존하지 못할 수 있습니다. 이 경우 다음이 잘 작동합니다.

예 : 검색어 "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 19-01-25

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!)

이것은 주어진 문자열에서 굵게 표시하려는 모든 하위 문자열을 강조합니다.


두 곳에서 같은 단어를 굵게 표시 할 수 있습니까? 예 : "친구 30 명을 찾으려면 30 일 후에 다시 확인하세요." 두 "30"을 굵게 만드는 방법은 무엇입니까? 미리 감사드립니다.
Dian

8

이것이 제가 생각 해낸 가장 좋은 방법입니다. 당신은 어디에서 전화를 바로 호출하여 많은 경우에, 임의의 문자열에서 단어를 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)

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)

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")

2 센트 ...

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.Weight 사용으로 인해).
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
    }
}

4

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

레이블에서 텍스트는 "Hi John " 과 같습니다.


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원하는 글꼴과 방법
잭 샤피로

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

스위프트 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 2017 년

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

NSAttributedString.Key대신 Swift 5.1 사용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

0

-> 크기별 검색 텔레비전

NString 및 해당 범위를 사용하는 단방향

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 및 해당 범위 사용 하지 않는 다른

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


-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.