Форматировать UILabel с маркерами?

89

Можно ли отформатировать textв a, UILabelчтобы отобразить маркер ?

Если да, то как я могу это сделать?

Роб
источник
@Hoque: UILabels не обрабатывают свой текст как HTML.
Бен Зотто
2
Вот класс для этого! codeload.github.com/eyalc/ECListView/zip/master
Хеманг,
20
Почему это закрыто как не по теме? Это законный вопрос с правомерным ответом.
Len
2
Почему,
черт возьми,
2
Сочетание клавишALT+8 = •
TheTiger

Ответы:

162

Возможно, использовать кодовую точку Unicode для символа маркера в вашей строке?

Цель-c

myLabel.text = @"\u2022 This is a list item!";

Swift 4

myLabel.text = "\u{2022} This is a list item!"
Политта
источник
4
Простите мое невежество, но я все время использую UILabels, и мне интересно, не могли бы вы указать «например».
daveMac
1
myLabel.numberOfLines = 0дает вам многострочную метку, которая будет учитывать символы разрыва строки. В целом, мне нравится использовать, UITextFieldпотому что он более гибкий. Например, вы можете легко определить, какой символ нажимал пользователь при работе с. UITextFieldЯ не думаю, что вы можете сделать это с UILabel. Текстовые представления также имеют много других полезных функций.
Джон Эрк
7
Другой способ использоватьoption+8
атулхатри
3
Не забывайте использовать заглавную букву «u», если вы используете локализуемые строки: \ U2022
Николай Нильсен,
1
Swift немного отличается от "\ u {2022}"
андерс
80

просто добавь " • "

Даже я искал что-то подобное для своего textView. То, что я сделал, просто добавьте строку выше с моей строкой и передайте ее мне textView, то же самое можно сделать и для labels.

Я ответил на это для будущего зрителя.

Zac24
источник
• Работал на меня. У меня был * в Xcode, который я просто скопировал / заменил с помощью •, и он отлично работал с моей меткой. Я заменил «Label» на •
Брайан
49

Вот хорошее решение со Swift

let label = UILabel()
label.frame = CGRect(x: 40, y: 100, width: 280, height: 600)
label.textColor = UIColor.lightGray
label.numberOfLines = 0

let arrayString = [
    "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
    "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
    "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
    "Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
]

label.attributedText = add(stringList: arrayString, font: label.font, bullet: "")

self.view.addSubview(label)

Добавить атрибуты маркера

func add(stringList: [String],
         font: UIFont,
         bullet: String = "\u{2022}",
         indentation: CGFloat = 20,
         lineSpacing: CGFloat = 2,
         paragraphSpacing: CGFloat = 12,
         textColor: UIColor = .gray,
         bulletColor: UIColor = .red) -> NSAttributedString {

    let textAttributes: [NSAttributedStringKey: Any] = [NSAttributedStringKey.font: font, NSAttributedStringKey.foregroundColor: textColor]
    let bulletAttributes: [NSAttributedStringKey: Any] = [NSAttributedStringKey.font: font, NSAttributedStringKey.foregroundColor: bulletColor]

    let paragraphStyle = NSMutableParagraphStyle()
    let nonOptions = [NSTextTab.OptionKey: Any]()
    paragraphStyle.tabStops = [
        NSTextTab(textAlignment: .left, location: indentation, options: nonOptions)]
    paragraphStyle.defaultTabInterval = indentation
    //paragraphStyle.firstLineHeadIndent = 0
    //paragraphStyle.headIndent = 20
    //paragraphStyle.tailIndent = 1
    paragraphStyle.lineSpacing = lineSpacing
    paragraphStyle.paragraphSpacing = paragraphSpacing
    paragraphStyle.headIndent = indentation

    let bulletList = NSMutableAttributedString()
    for string in stringList {
        let formattedString = "\(bullet)\t\(string)\n"
        let attributedString = NSMutableAttributedString(string: formattedString)

        attributedString.addAttributes(
            [NSAttributedStringKey.paragraphStyle : paragraphStyle],
            range: NSMakeRange(0, attributedString.length))

        attributedString.addAttributes(
            textAttributes,
            range: NSMakeRange(0, attributedString.length))

        let string:NSString = NSString(string: formattedString)
        let rangeForBullet:NSRange = string.range(of: bullet)
        attributedString.addAttributes(bulletAttributes, range: rangeForBullet)
        bulletList.append(attributedString)
    }

    return bulletList
}

Вот результат:

введите описание изображения здесь

Крунал
источник
Это очень элегантное решение.
Jeroen
9

В Swift 4 я использовал «•» с новой строкой

 @IBOutlet weak var bulletLabel: UILabel!
 let arrayOfLines = ["Eat egg for protein","You should Eat Ghee","Wheat is with high fiber","Avoid to eat Fish "]
 for value in arrayOfLines {
     bulletLabel.text = bulletLabel.text!  + " • " + value + "\n"
  }

Выход:

введите описание изображения здесь

Джек
источник
9
почему следует избегать рыбы
rd_
Просто скопируйте и вставьте его -> •
Виджей Патидар
7

В быстрой версии 3.1

lblItemName.text = "\u{2022} This is a list item!"
Даксеш Нагар
источник
3

Проверьте эту ссылку, я создал пользовательское представление для форматирования текста с помощью маркеров / других символов / изображений (используя свойство attributeText UILabel) в качестве символа элемента списка (Swift 3.0) https://github.com/akshaykumarboth/SymbolTextLabel-iOS- Swift

 import UIKit

    class ViewController: UIViewController {

    @IBOutlet var symbolView: SymbolTextLabel!

    var testString = "Understanding the concept of sales"

    var bulletSymbol = "\u{2022}" 
    var fontsize: CGFloat= 18
    override func viewDidLoad() {

        super.viewDidLoad()
         //First way // Dynamically creating SymbolTextLabel object

        let symbolTextLabel = SymbolTextLabel(frame: CGRect(x: 0, y: 0, width: 0, height: 0))

        symbolTextLabel.setText(text: testString, symbolCode: bulletSymbol) //setting text and symbol of text item

        symbolTextLabel.setFontSize(textSize: fontsize) // setting font size

        //symbolTextLabel.setSpacing(spacing: 5) // setting space between symbol and text

        self.view.addSubview(symbolTextLabel) 
//second way // from storyboard or interface builder

     symbolView.setText(text: testString, symbolCode: bulletSymbol)
 //setting text and symbol of text item 

    symbolView.setFontSize(textSize: fontsize) // setting font size

        //symbolView.setSpacing(spacing: 5) // setting space between symbol and text

         } 
    }
Акшай Кумар Оба
источник
2

Если вы хотите выровнять отступ текста для маркеров, вы можете использовать следующий метод, который строит NSAttributedStringс правильными свойствами отступа и интервала:

- (NSAttributedString *)attributedStringForBulletTexts:(NSArray *)stringList
                                              withFont:(UIFont *)font
                                          bulletString:(NSString *)bullet
                                           indentation:(CGFloat)indentation
                                           lineSpacing:(CGFloat)lineSpacing
                                      paragraphSpacing:(CGFloat)paragraphSpacing
                                             textColor:(UIColor *)textColor
                                           bulletColor:(UIColor *)bulletColor {

    NSDictionary *textAttributes = @{NSFontAttributeName: font,
                                 NSForegroundColorAttributeName: textColor};
    NSDictionary *bulletAttributes = @{NSFontAttributeName: font, NSForegroundColorAttributeName: bulletColor};

    NSMutableParagraphStyle *paragraphStyle = [NSMutableParagraphStyle new];
    paragraphStyle.tabStops = @[[[NSTextTab alloc] initWithTextAlignment: NSTextAlignmentLeft location:indentation options:@{}]];
    paragraphStyle.defaultTabInterval = indentation;
    paragraphStyle.lineSpacing = lineSpacing;
    paragraphStyle.paragraphSpacing = paragraphSpacing;
    paragraphStyle.headIndent = indentation;

    NSMutableAttributedString *bulletList = [NSMutableAttributedString new];

    for (NSString *string in stringList) {
        NSString *formattedString = [NSString stringWithFormat:@"%@\t%@\n", bullet, string];
        NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:formattedString];
        if (string == stringList.lastObject) {
            paragraphStyle = [paragraphStyle mutableCopy];
            paragraphStyle.paragraphSpacing = 0;
        }
        [attributedString addAttributes:@{NSParagraphStyleAttributeName: paragraphStyle} range:NSMakeRange(0, attributedString.length)];
        [attributedString addAttributes:textAttributes range:NSMakeRange(0, attributedString.length)];

        NSRange rangeForBullet = [formattedString rangeOfString:bullet];
        [attributedString addAttributes:bulletAttributes range:rangeForBullet];
        [bulletList appendAttributedString:attributedString];
    }

    return bulletList;
}

И вы можете использовать этот метод следующим образом, передав NSArrayтекст и предоставив вам уже UILabel:

NSArray *stringArray = @[@"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
                         @"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
                         @"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.",
                         @"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                         ];

label.attributedText = [self attributedStringForBulletTexts:stringArray
                                                   withFont:label.font
                                               bulletString:@"•"
                                                indentation:15
                                                lineSpacing:2
                                           paragraphSpacing:10
                                                  textColor:UIColor.blackColor
                                                bulletColor:UIColor.grayColor];
Джонатан Кабрера
источник
1

Да. Скопируйте и вставьте следующий маркер: компилятор Swift может интерпретировать и отображать маркер по желанию в Xcode, больше ничего не нужно.

Повторное использование

extension String {
    static var bullet: String {
        return "• "
    }
}


print(String.bullet + "Buy apples")
let secondPoint: String = .bullet + "Buy oranges"
print(secondPoint)

выход

• Buy apples
• Buy oranges

Многоразовый массив

extension Array where Element == String {

    var bulletList: String {
        var po = ""
        for (index, item) in self.enumerated() {
            if index != 0 {
                po += "\n"
            }
            po += .bullet + item
        }
        return po
    }
}


print(["get apples", "get oranges", "get a bannana"].bulletList)

выход

get apples
• get oranges
• get a bannana
СкоттиБлейдс
источник
1
Если вы проголосовали против. По крайней мере, будьте любезны сказать почему.
ScottyBlades
Я думаю, причина в том, что ваше решение не оптимально. Лучше всего использовать кодовую точку Unicode.
Роберт Дж. Клегг
Спасибо за вдумчивый ответ. Почему точка Unicode лучше?
ScottyBlades
Потому что, если разработчику нужно было сделать это несколько раз, на разных экранах или в разных проектах (не в один и тот же период времени), это принесло бы им больше пользы, зная, каково значение кодовой точки. Таким образом, нет необходимости идти и штрафовать вышеуказанный ответ или подобное место, чтобы скопировать его. Ну, в любом случае, это мои мысли по этому поводу.
Роберт Дж. Клегг
1
@ RobertJ.Clegg Я только что обновил свой ответ, чтобы предоставить возможность многократного использования. Можете ли вы привести мне пример, когда строка кодовой точки делает маркер более пригодным для повторного использования, чем прямая строка маркера?
ScottyBlades
0

Если кто-то, как я, ищет текст для текстового просмотра с маркерами, то ответ ниже. Кстати работает только для статического текста.

•   Better experience - Refer a friend and How to Play \n• Tournaments performance improvement\n• UI/UX Improvements\n• Critical bug fixes

Я назначил текст выше для textview. У меня все получилось так, как задумано

Нарасимха Налламсетти
источник
0

Вот решение от @krunal, преобразованное в NSAttributedStringрасширение Swift 5 :

import UIKit

public extension NSAttributedString {
    static func makeBulletList(from strings: [String],
                               bulletCharacter: String = "\u{2022}",
                               bulletAttributes: [NSAttributedString.Key: Any] = [:],
                               textAttributes: [NSAttributedString.Key: Any] = [:],
                               indentation: CGFloat = 20,
                               lineSpacing: CGFloat = 1,
                               paragraphSpacing: CGFloat = 10) -> NSAttributedString
    {
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.defaultTabInterval = indentation
        paragraphStyle.tabStops = [
            NSTextTab(textAlignment: .left, location: indentation)
        ]
        paragraphStyle.lineSpacing = lineSpacing
        paragraphStyle.paragraphSpacing = paragraphSpacing
        paragraphStyle.headIndent = indentation

        let bulletList = NSMutableAttributedString()

        for string in strings {
            let bulletItem = "\(bulletCharacter)\t\(string)\n"

            var attributes = textAttributes
            attributes[.paragraphStyle] = paragraphStyle

            let attributedString = NSMutableAttributedString(
                string: bulletItem, attributes: attributes
            )

            if !bulletAttributes.isEmpty {
                let bulletRange = (bulletItem as NSString).range(of: bulletCharacter)
                attributedString.addAttributes(bulletAttributes, range: bulletRange)
            }

            bulletList.append(attributedString)
        }

        if bulletList.string.hasSuffix("\n") {
            bulletList.deleteCharacters(
                in: NSRange(location: bulletList.length - 1, length: 1)
            )
        }

        return bulletList
    }
}
тадия
источник