UILabel sur la deuxième ligne si le contenu ne rentre pas dans la première ligne de la vue

Question

La meilleure façon de décrire mes situations est avec des images. Ce que j'ai est une vue qui contient plusieurs UILabel s et UIImage. La boîte rouge est un UILabel et si le contenu est trop grand, il devrait aller à la deuxième ligne. Du storyboard j'ai un cas de travail quand le contenu tient mais le problème est que je ne suis pas sûr de savoir comment gérer le cas quand le dernier (boîte rouge) devrait aller à la deuxième ligne. J'utilise autolayout et cartography.

Si quelqu'un peut me diriger dans la bonne direction, je serai très reconnaissant.

Answer 1

Commencez par calculer la largeur du texte en fonction de la position de votre libellé actuel.

Si la largeur du texte est plus que la largeur de l'étiquette actuelle puis voir ma réponse de lien ci-dessous:

Auto Layout how to move the view2 from right to the bottom?

largeur Calculer:

func widthForView1(_ text:String, font:UIFont, height:CGFloat) -> CGFloat 
{ 

let label:UILabel = UILabel(frame: CGRect(x: 0, y: 0, width: your_label_width, height: your_lable_height)) 
label.numberOfLines = 0 
label.lineBreakMode = NSLineBreakMode.byWordWrapping 
label.text = text 
label.font = font 
label.sizeToFit() 
return label.frame.width 
} 

Answer 2

Utilisation de View tag peut résoudre ce problème. TagListView est une bibliothèque externe. Lorsque vous ajoutez une vue en tant que sous-classe de taglistView, sa hauteur augmente automatiquement en conséquence.

inscrire dans le fichier pod: pod 'TagListView'

func addTags() { 
     let str1 = "Hi" 
     tagListView.addTag(str1) 
     let str2 = "Helloo" 
      tagListView.addTag(str2) 
     let str3 = "How Are u ? " 
     tagListView.addTag(str2) 
     tagListView.isUserInteractionEnabled = false 
    } 

Answer 3

Vous ne pouvez pas le faire avec des contraintes seulement. Pour changer la position entière de l'élément sur l'écran, vous devez le faire par programme.