iOS: Otomatik Mizanpajda çok satırlı UILabel

Otomatik Düzen ile bazı çok temel düzen davranışlarına ulaşmaya çalışırken sorun yaşıyorum. Görünüm denetleyicim IB'de şöyle görünüyor:

Üst etiket başlık etiketidir, kaç satır olacağını bilmiyorum. Tüm metin satırlarını görüntülemek için başlık etiketine ihtiyacım var. Ayrıca diğer iki etikete ve küçük resmin başlığın hemen altına yerleştirilmesine ihtiyacım var, ancak ne kadar uzun olursa olsun. Etiketler ve küçük resim arasındaki dikey boşluk sınırlamalarının yanı sıra başlık etiketi ve denetimi arasında bir üst boşluk kısıtlaması ve küçük resim ile denetimi arasında bir alt boşluk kısıtlaması ayarladım. Beyaz UIView'in yükseklik kısıtlaması yoktur, bu nedenle alt görünümlerini içerecek şekilde dikey olarak uzanmalıdır. Başlık etiketi için satır sayısını 0 olarak ayarladım.

Dizenin gerektirdiği satır sayısına sığması için başlık etiketinin yeniden boyutlandırılmasını nasıl sağlayabilirim? Anladığım kadarıyla, Auto Layout kullanıyorum çünkü setFrame yöntemlerini kullanamıyorum. Başlık etiketinin altında kalmak için diğer görünümlere ihtiyacım olduğu için Otomatik Düzen'i kullanmak zorundayım (dolayısıyla kısıtlamalar).

Bunu nasıl yapabilirim?

Kullanım -setPreferredMaxLayoutWidthüzerindeki UILabeldinlenme işlemesi gerektiğini ve Otomatik mizanpaj.

[label setPreferredMaxLayoutWidth:200.0];

Tercih edilen MaxLayoutWidth ile ilgili UILabel belgelerine bakın .

Güncelleme:

Yalnızca heightfilm şeridindeki kısıtlamayı ayarlamanız Greater than or equal togerekir, PreferredMaxLayoutWidth öğesini ayarlamanıza gerek yoktur.

Etiket kümesi satır sayısını 0'a, ayrıca otomatik düzen ayarı yüksekliğini> = x olarak genişletin. Otomatik düzen gerisini halleder. Daha sonra doğru konumlandırmak için önceki öğeye dayalı diğer öğelerinizi de içerebilir.

Kaynak: http://www.objc.io/issue-3/advanced-auto-layout-toolbox.html

Çok Satırlı Metnin İç İçerik Boyutu

UILabel ve NSTextField öğelerinin gerçek içerik boyutu çok satırlı metin için belirsizdir. Metnin yüksekliği, sınırlamalar çözülürken henüz belirlenmemiş olan çizgilerin genişliğine bağlıdır. Bu sorunu çözmek için, her iki sınıfın da içsel içerik boyutunu hesaplamak için maksimum satır genişliğini belirten preferMaxLayoutWidth adlı yeni bir özelliği vardır.

Genellikle bu değeri önceden bilmediğimizden, bunu doğru yapmak için iki adımlı bir yaklaşım benimsememiz gerekir. İlk önce Otomatik Mizanpaj'ın işini yapmasına izin veriyoruz ve sonra tercih edilen maksimum genişliği ve tetikleme düzenini tekrar güncellemek için düzen geçişinde ortaya çıkan çerçeveyi kullanıyoruz.

- (void)layoutSubviews
{
    [super layoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [super layoutSubviews];
}

Etiketin çerçeve kümesini alması için ilk [super layoutSubviews] çağrısı, değişiklikten sonra düzeni güncellemek için ikinci çağrı gereklidir. İkinci çağrıyı atlarsak NSInternalInconsistencyException hatası alırız, çünkü düzen geçişinde kısıtlamaların güncellenmesini gerektiren değişiklikler yaptık, ancak düzeni tekrar tetiklemedik.

Bunu bir etiket alt sınıfında da yapabiliriz:

@implementation MyLabel
- (void)layoutSubviews
{
    self.preferredMaxLayoutWidth = self.frame.size.width;
    [super layoutSubviews];
}
@end

Bu durumda, önce [super layoutSubviews] öğesini çağırmamız gerekmez, çünkü layoutSubviews çağrıldığında, etiketin kendisinde zaten bir çerçevemiz vardır.

Bu ayarlamayı görünüm denetleyicisi düzeyinden yapmak için viewDidLayoutSubviews'e bağlanırız. Bu noktada, ilk Otomatik Mizanpaj geçişinin çerçeveleri zaten ayarlanmıştır ve bunları tercih edilen maksimum genişliği ayarlamak için kullanabiliriz.

- (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [self.view layoutIfNeeded];
}

Son olarak, etiket üzerinde, etiketin içerik sıkıştırma direnci önceliğinden daha yüksek önceliği olan açık bir yükseklik kısıtlamanız olmadığından emin olun. Aksi takdirde, içeriğin hesaplanan yüksekliğini keser. Etiketin yüksekliğini etkileyebilecek tüm kısıtlamaları kontrol ettiğinizden emin olun.

Ben sadece bu senaryo ile savaşıyordum, ama gerektiğinde yeniden boyutlandırmak ve aşağı inmek için gereken birkaç görüşle. Beni deli ediyordu, ama sonunda anladım.

İşte önemli nokta: Interface Builder, görünümler ekledikçe ve taşıdıkça ekstra kısıtlamalar atmayı sever ve fark etmeyebilirsiniz. Benim durumumda, yarısı ile onun denetimi arasındaki boyutu belirten ekstra bir kısıtlamaya sahip, temelde o noktaya sabitleyen bir görüşüm vardı. Bu, yukarıdaki hiçbir şeyin daha büyük bir boyutta yeniden boyutlandırılamayacağı anlamına geliyordu, çünkü bu kısıtlamaya karşı gidecekti.

Durumun bu olup olmadığını anlamanın kolay bir yolu, etiketi manuel olarak yeniden boyutlandırmaya çalışmaktır. IB onu büyütmene izin veriyor mu? Varsa, aşağıdaki etiketler beklediğiniz gibi mi hareket ediyor? Kısıtlamalarınızın görünümlerinizi nasıl taşıyacağını görmek için yeniden boyutlandırmadan önce ikisini de işaretlediğinizden emin olun:

Görünüm sıkışmışsa, altındaki görünümleri izleyin ve bunlardan birinin kısıtlamayı denetlemek için en üst alana sahip olmadığından emin olun. Ardından, etiket için satır sayısı seçeneğinizin 0 olarak ayarlandığından emin olun ve geri kalanıyla ilgilenmelidir.

Aşağıdakilere ihtiyacınız olduğunu düşünüyorum:

• En büyük kısıtlama
• Önde gelen bir kısıtlama (örn. Sol taraf)
• Sondaki bir kısıtlama (örn. Sağ taraf)
• İçeriği sarma önceliğini yataydan alçaka ayarlayın, böylece metin kısasa verilen alanı dolduracaktır.
• İçerik sıkıştırma direncini yataydan alçaka ayarlayın, böylece daha geniş olmaya çalışmak yerine sarın.
• Satır sayısını 0 olarak ayarlayın.
• Satır sonu modunu sözcük kaydırmaya ayarlayın.

Konuyla ilgili birçok konuda bulunan farklı çözümlerin hiçbiri benim durumum için mükemmel çalışmadı (dinamik tablo görünümü hücrelerinde x dinamik çok satırlı etiketler).

Bunu yapmanın bir yolunu buldum:

Etiketinizdeki kısıtlamaları ayarladıktan ve çok satırlı özelliğini 0 olarak ayarladıktan sonra, bir UILabel alt sınıfı yapın; Benim AutoLayoutLabel'i aradım:

@implementation AutoLayoutLabel

- (void)layoutSubviews{
    [self setNeedsUpdateConstraints];
    [super layoutSubviews];
    self.preferredMaxLayoutWidth = CGRectGetWidth(self.bounds);
}

@end

Metin sarma etiketi olan bir UITableViewCell var. Metin sarma çalıştım aşağıdaki gibi.

1) UILabel kısıtlamalarını aşağıdaki gibi ayarlayın.

2) Ayar no. 0 olarak satır.

3) UITableViewCell'e UILabel yükseklik kısıtlaması eklendi.

@IBOutlet weak var priorityLabelWidth: NSLayoutConstraint!

4) UITableViewCell'de:

priorityLabel.sizeToFit()
priorityLabelWidth.constant = priorityLabel.intrinsicContentSize().width+5

Bunu yapmanın bir yolu ... Metin uzunluğu arttıkça, etiket metninin yazı tipini kullanarak

Label.adjustsFontSizeToFitWidth = YES;