Swift中的项目符号列表-iOS

时间:2018-07-18 12:23:50

标签: ios swift nsattributedstring

我需要在iOS应用程序中将项目符号文本添加到textView中。我正在研究this linkthis one并遵循他们的想法。这是我的代码:

let paragraph = NSMutableParagraphStyle()
paragraph.firstLineHeadIndent = 15
paragraph.headIndent = 15

attributes = [
    NSAttributedStringKey.paragraphStyle: paragraph
]

attributedString = NSAttributedString(string: "\u{2022} Some text some text some text some text some text some text", attributes: attributes)
finalText.append(attributedString)

我需要的是使上面的文本开头的文本缩进。就像图片中的一样:

enter image description here

我得到的是带有项目符号起点的缩进文本。

enter image description here

7 个答案:

答案 0 :(得分:4)

从代码中删除 paragraph.firstLineHeadIndent = 15 ...

let paragraph = NSMutableParagraphStyle()
paragraph.headIndent = 15

attributes = [
    NSAttributedStringKey.paragraphStyle: paragraph
]

attributedString = NSAttributedString(string: "\u{2022} Some text some text some text some text some text some text", attributes: attributes)
finalText.append(attributedString)

请参考我的示例代码屏幕截图

let style = NSMutableParagraphStyle()
        style.alignment = .left
        style.headIndent = 20

        let title = NSMutableAttributedString(string: "\u{2022} I need to add bulleted text to textView in iOS app. I am looking at this link and this one and following their ideas. This is my code:", attributes: [NSAttributedStringKey.paragraphStyle: style,NSAttributedStringKey.foregroundColor:UIColor.blue])

        let titleStr = NSMutableAttributedString(string: "\n\n\u{2022} I need to add bulleted text to textView in iOS app. I am looking at this link and this one and following their ideas. This is my code:", attributes: [NSAttributedStringKey.paragraphStyle: style,NSAttributedStringKey.foregroundColor:UIColor.blue])
        title.append(titleStr)
        titleLabel.attributedText = title

enter image description here

答案 1 :(得分:3)

paragraph.firstLineHeadIndent设置为零。这只会缩进从第二个开始的行。当前,您正在缩进所有行…

let paragraph = NSMutableParagraphStyle()
// paragraph.firstLineHeadIndent = 15
paragraph.headIndent = 15

答案 2 :(得分:2)

我在使用textView时遇到了同样的问题,我使用了自定义缩进,并且效果很好-

 @IBOutlet  var bulletTextView: UITextView!

 override func viewDidLoad() {
        let bullet1 = "This is a small string,This is a small string,This is a small string,This is a small string,This is a small string,This is a small string,This is a small string"
        let bullet2 = "This is more of medium string with a few more words etc."
        let bullet3 = "Well this is certainly a longer string, with many more words than either of the previuos two strings"
        strings = [bullet1, bullet2, bullet3]
        let fullAttributedString = NSMutableAttributedString()
        for string: String in strings {
            let attributesDictionary:[NSAttributedStringKey:Any] = [NSAttributedStringKey.font : bulletTextView.font,NSAttributedStringKey.foregroundColor : UIColor.red]
            let bulletPoint: String = "\u{2022}"
            //let formattedString: String = "\(bulletPoint) \(string)\n"
            let attributedString = NSMutableAttributedString(string: bulletPoint, attributes: attributesDictionary)
            attributedString.append(NSAttributedString(string: " \(string) \n"))
            let indent:CGFloat = 15
            let paragraphStyle = createParagraphAttribute(tabStopLocation: indent, defaultTabInterval: indent, firstLineHeadIndent: indent - 10, headIndent: indent)
            attributedString.addAttributes([NSAttributedStringKey.paragraphStyle: paragraphStyle], range: NSMakeRange(0, attributedString.length))
            fullAttributedString.append(attributedString)
        }
        bulletTextView.attributedText = fullAttributedString
    }

    func createParagraphAttribute(tabStopLocation:CGFloat, defaultTabInterval:CGFloat, firstLineHeadIndent:CGFloat, headIndent:CGFloat) -> NSParagraphStyle {
        let paragraphStyle: NSMutableParagraphStyle = NSParagraphStyle.default.mutableCopy() as! NSMutableParagraphStyle
        let options:[NSTextTab.OptionKey:Any] = [:]
        paragraphStyle.tabStops = [NSTextTab(textAlignment: .left, location: tabStopLocation, options: options)]
        paragraphStyle.defaultTabInterval = defaultTabInterval
        paragraphStyle.firstLineHeadIndent = firstLineHeadIndent
        paragraphStyle.headIndent = headIndent
        return paragraphStyle
    }

输出:-

enter image description here

答案 3 :(得分:0)

您可以使用表格视图。在您的单元格中添加点并在其旁边添加标签。这样会更容易。另一个解决方案是将Webview与一些html代码一起使用。

Usage of self-sizing tableview cells.

答案 4 :(得分:0)

要使用动态字体调整headIndent的大小,我正在使用以下代码:

private func updateUI() {
    let bullet: NSString = "• "
    var attributes = [NSAttributedString.Key: Any]()
    let paragraph = NSMutableParagraphStyle()
    leStackView.subviews.compactMap({ $0 as? UILabel }).forEach {
        attributes[.font] = $0.font
        paragraph.headIndent = bullet.size(withAttributes: attributes).width
        attributes[.paragraphStyle] = paragraph
        let text = $0.text ?? ""
        $0.attributedText = NSAttributedString(string: text, attributes: attributes)
    }
}

每个项目符号点的标签都在情节提要中设置了纯文本(包括项目符号)和动态字体。

我非常感谢对此线程的贡献以及https://bendodson.com/weblog/2018/08/09/bulleted-lists-with-uilabel/

答案 5 :(得分:0)

简单的解决方案:

extension Sequence where Self.Element == String {

  func toBulletList(_ bulletIndicator: String = "•",
                    itemSeparator: String = "\n",
                    spaceCount: Int = 2) -> String {
    let bullet = bulletIndicator + String(repeating: " ", count: spaceCount)
    let list = self
      .map { bullet + $0 }
      .reduce("", { $0 + ($0.isEmpty ? $0 : itemSeparator) + $1 })
    return list
  }
}

用法:

let items: [String] = [
"one",
"two",
"three"
]

let list = items.toBulletList()
po list -> 
    •  one
    •  two
    •  three

答案 6 :(得分:0)

我遇到了同样的问题,最终我意识到Label不支持它。如果要在同一行中使用项目符号列表,则应使用text view