2016-04-10 16 views
0

Medium iOS App ScreenshotMetin Kiti kullanarak Orta iOS uygulaması gibi zengin bir metin görünümü nasıl oluşturulur?

Metin içinde çok sayıda resim (varyant yüksekliği) olan ve her biri iki paragraf arasında oturan zengin bir metin görünümüdür. Lütfen ekran görüntüsüne bakın.

Text Kit'in dışlama yollarını desteklediğini biliyorum, bu teknolojiye dayanan zengin bir metin görünümü oluşturmak mümkün mü? Dışlama yollarını oluştururken görüntülerin konumunu nasıl belirlersiniz?

Şimdiden teşekkürler.

cevap

5

Metnin görüntü şeklinin etrafına sarılmasını istemediğiniz için bir dışlama yoluna ihtiyacınız yoktur. Görüntünün kendi ortalanmış paragrafı olarak görünmesini istiyorsunuz. Bu, resim ekinden önce ve sonra yeni satırlara (\n) ihtiyaç duyduğunuz ve ekte alignment = .Center ile bir paragraf stili ayarlamanız gerektiği anlamına gelir.

Örnek:

import UIKit 
import XCPlayground 

let richText = NSMutableAttributedString(string: "Hello!\n") 
let attachment = NSTextAttachment(data: nil, ofType: nil) 
attachment.image = UIImage(named: "Kaz-256.jpg") 
let imageText = NSAttributedString(attachment: attachment).mutableCopy() as! NSMutableAttributedString 
let imageStyle = NSMutableParagraphStyle() 
imageStyle.alignment = .Center 
imageText.addAttribute(NSParagraphStyleAttributeName, value: imageStyle, range: NSMakeRange(0, imageText.length)) 
richText.appendAttributedString(imageText) 
richText.appendAttributedString(NSAttributedString(string: "\nGoodbye.")) 


let textView = UITextView(frame: CGRectMake(0, 0, 320, 480)) 
textView.attributedText = richText 
XCPlaygroundPage.currentPage.liveView = textView 

Sonuç:

example result

+0

Rob, çok teşekkür ederim! – Evan

+0

Ortadaki iOS uygulama düzenleyicisi gibi bir şeyle üstte ve görüntüdeki metin arasında nasıl bir boşluk var? –

+0

Görüntüden önce daha yeni satır eklediniz mi? Ya da görüntünün 'NSParagraphStyle'ının' paragraphSpacingBefore' özelliğini ayarlayabilirsiniz. –

İlgili konular