NSAttributedString和html样式（子弹对齐）

在我的iOS应用程序中，我使用NSAttributedString生成项目符号列表。 不幸的是，我正努力让子弹看起来很漂亮。 我的第一次尝试是使用常规文本和子弹的unicode字符，基本上使用这样的字符串：

var attributedString = NSMutableAttributedString( string: "Here is a list of bullets and a paragraph introducing them, note that this paragraph spans multiple lines\n" + "• This is the first bullet\n" + "• Here is a second bullet\n" + "• And here is a third bullet with a lot of text such that it overflows to the next line" ) 

结果如下：

我喜欢子弹看起来如何，但是最后一个子弹中的溢出文本应该与之前的行对齐，我无法弄清楚如何用纯文本实现（没有对上面的段落应用相同的对齐）。

我的第二次尝试是通过NSHTMLTextDocumentType在NSAttributedString中使用html，并使用

和
• 元素生成项目符号。

   let content = "Here is a list of bullets and a paragraph introducing them, note that this paragraph spans multiple lines" + "
  " + "
  This is the first bullet
  " + "
  Here is a second bullet
  " + "
  And here is a third bullet with a lot of text such that it overflows to the next line
  " + "
  " var attributedString = try! NSMutableAttributedString( data: content, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], documentAttributes: nil ) 

  这解决了第一个问题，但引入了一个新问题：

  

  子弹现在间隔得太远（从左边缘和右边的文本）。 我尝试使用典型的html / css技巧来修复对齐（

• ），但这些样式似乎被NSAttributedString忽略。

  我尝试使用额外的NSMutableParagraphStyle来解决这个问题，但它似乎弊大于利。 这是我尝试过的：

   var paragraphStyle = NSMutableParagraphStyle() paragraphStyle.firstLineHeadIndent = 0 paragraphStyle.headIndent = 20 attributedString.addAttribute(NSParagraphStyleAttributeName, value: paragraphStyle, range: attributedStringRange) 

  这就是我得到的：

  

  正如你所看到的，它只会让事情变得更糟，这是我的问题：

  • 它确实抵消了第二行，但我只想要子弹的效果，而不是之前的段落（我想我可以通过减少效果应用的范围来解决这个问题）
  • 我必须猜测/硬编码偏移量，在我的例子中我选择了20，这对于给出当前字体设置的子弹是不够的，这可能会改变
  • 由于某种原因，子弹间距现在更加突出，完全没有任何理由，似乎只是应用一个香草NSParagraphStyle没有做任何事情这样做，我认为没有选择来解决这个问题。

  所有我真正想要的是我的子弹间距看起来类似于第一个截图，而第二行的溢出缩进看起来像第二个，而不必硬编码精确的像素位置。 你能帮助我吗？

  谢谢

  Answer 1

  我不得不在列表中添加自定义样式，这是我最终用于NSAttributedString每个项目符号的段落样式

  headIndent和firstLineHeadIndent可以更改，但NSTextTab位置应该与headIndent相同

   NSMutableParagraphStyle *const bulletParagraphStyle = [[NSParagraphStyle defaultParagraphStyle] mutableCopy]; bulletParagraphStyle.headIndent = 60; bulletParagraphStyle.firstLineHeadIndent = 30; NSTextTab *listTab = [[NSTextTab alloc] initWithTextAlignment:NSTextAlignmentNatural location:60 options:@{}]; bulletParagraphStyle.tabStops = @[listTab]; 

  假设您的项目符号后面有一个\t （然后是文本）