NSAttributedString và kiểu dáng html (liên kết dấu đầu dòng)

Question

Trong ứng dụng iOS của tôi, tôi đang sử dụng NSAttributedString để tạo danh sách các dấu đầu dòng. Thật không may tôi đang đấu tranh với việc làm cho viên đạn trông có thể trình bày được. Nỗ lực đầu tiên của tôi là sử dụng văn bản thường xuyên và một ký tự unicode cho đạn, về cơ bản cách sử dụng một chuỗi như thế này:

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

Kết quả là đây:

Tôi thích cách đạn tìm , nhưng các văn bản tràn trong viên đạn cuối cùng phải được liên kết với dòng trước và tôi không thể tìm ra cách để đạt được điều đó với văn bản thuần túy (mà không áp dụng cùng một liên kết với đoạn trên).

Lần thử thứ hai của tôi là sử dụng html trong NSAttributedString qua NSHTMLTextDocumentType và sử dụng các yếu tố <ul> và <li> để tạo các dấu đầu dòng.

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

Đó khắc phục sự cố đầu tiên nhưng giới thiệu một hình mới:

Những viên đạn đang cách nhau quá xa (cả hai từ cạnh bên trái và các văn bản trên bên phải). Tôi đã cố gắng sử dụng các thủ thuật html/css điển hình để sửa chữa căn chỉnh (<li style="text-indent: -10px;">) nhưng những kiểu này dường như bị NSAttributedString bỏ qua.

Tôi đã cố gắng khắc phục điều này bằng NSMutableParagraphStyle bổ sung nhưng dường như có nhiều tác hại hơn là tốt. Đây là những gì tôi đã cố gắng:

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

Và đây là những gì tôi nhận:

Như bạn thấy, nó chỉ làm cho mọi việc tồi tệ hơn, đây là vấn đề của tôi với nó:

• Nó bù đắp dòng thứ 2, nhưng tôi chỉ muốn hiệu ứng đó cho các dấu đầu dòng, không phải đoạn trước (tôi đoán tôi có thể khắc phục điều đó bằng cách giảm phạm vi mà hiệu ứng được áp dụng)
• Tôi phải đoán/mã hóa khoảng trống, trong ví dụ tôi chọn 20 và điều đó không đủ cho các dấu đầu dòng được đặt cho cài đặt phông chữ hiện tại, có thể thay đổi
• Vì lý do nào đó, khoảng cách dấu đầu thậm chí còn bị kéo dài hơn không có lý do gì cả, nó có vẻ như chỉ cần áp dụng một vani NSParagraphStyle mà không làm bất cứ điều gì làm điều này và tôi thấy không có tùy chọn để sửa lỗi này.

Tất cả những gì tôi thực sự muốn là khoảng cách dấu đầu dòng của tôi trông giống như ảnh chụp màn hình đầu tiên trong khi dòng thụt lề cho dòng thứ hai trông giống như thứ hai mà không phải cố định vị trí pixel chính xác. Các bạn có thể giúp tôi không?

Cảm ơn

Answer 1

tôi đã có thêm phong cách tùy chỉnh cho một danh sách và đây là kiểu đoạn tôi đã kết thúc sử dụng cho mỗi viên đạn trong một NSAttributedString

Các headIndent và firstLineHeadIndent có thể thay đổi nhưng vị trí NSTextTab nên được giống như 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]; 

này hoạt động giả định điểm đạn của bạn có một \t sau nó (và sau đó văn bản)