Mise en page automatique de dimensionner uilabel largeur

J'ai donc deux UILabels côte à côte dans le Storyboard. La seconde étiquette doit être appuyée contre le bord droit de la première (en ajoutant la contrainte de 1), mais j'ai aussi besoin de la première étiquette (celle de gauche) à l'ensemble de largeur égale à la taille du contenu à moins qu'il frappe une largeur max. Visuellement:

|Étiquette de texte| |Étiquette de texte deux|

Et j'ai besoin de les contraintes suivantes:

1) Étiquette doit redimensionner la largeur de façon à moins qu'il atteint une taille max.

2) l'Étiquette doit toujours être en butée contre le bord droit de l'étiquette de l'un

Comment dois-je mis cela dans le Storyboard?

InformationsquelleAutor Msencenb | 2013-12-27

108
1. Créer les 1 point de l'espace horizontal entre les étiquettes: Contrôle-glissez-la de label2 à label1. Choisissez l'Espacement Horizontal de la fenêtre pop-up. Double-cliquez sur la contrainte. Changement de la constante à 1.
2. Donner label1 une largeur max: Sélectionnez label1. Aller à la barre de menu supérieure, sélectionnez Éditeur > Contact > Largeur. Double-cliquez sur la contrainte. Changement de la relation à <= et changement de la constante de la largeur max.
3. Verticalement aligner les étiquettes: Sélectionnez les deux étiquettes. Aller à la barre de menu supérieure, sélectionnez Éditeur > Align > les Centres Verticaux.
4. Vous avez encore besoin de définir des contraintes qui définissent la façon dont vos étiquettes sont positionnées dans leur conteneur de vue. Je vous laisse. J'ai épinglé label1 32 points à partir du bord gauche de la vue racine et 34 points de haut guide de présentation de l'.
5. Mettre à jour les images des étiquettes afin qu'ils reflètent les contraintes ci-dessus: Aller dans la barre de menu dans le coin inférieur droit de la toile. Appuyez sur la résolution Automatique de Problèmes d'implantation de" Tie-Fighter bouton. Sélectionnez "mise à Jour de Toutes les Images..." dans la fenêtre pop-up.
Remarque: Notez que je n'ai pas eu à créer des contraintes pour faire label1's largeur de refléter son contenu taille. Le contenu de dimensionnement contraintes sont générées automatiquement.
- semble fonctionner si les étiquettes de contenu ne marche pas changer, cela fonctionne si le texte de l'étiquette est modifiée par programmation? peut-être im faire quelque chose de mal, mais il ne semble pas correctement la taille lorsque je modifie le texte
- ok j'ai eu de travail, le contenu de mon étreindre priorité et ma résistance à la compression des priorités ont été mauvais
- Cela a été un énorme aider. Merci!!!!
- Tie-fighter bouton. Lolz.
- ce contenu tendresse et de la résistance à la compression avez-vous mis?
- cela dépend de ce que vous faites, mais l'étiquette que vous voulez de squash plus facilement, rend à la fois les priorités faible (je l'ai juste mis à 1) et celui qui ne doit pas squash valeur haute (1000)
- merci. J'ai besoin de dynamique de la hauteur et de la largeur dynamique dans multiligne étiquette. Je sais comment définir des contraintes pour la dynamique de la hauteur, mais la largeur est fixe et je vais essayer de trouver une solution :/ savez-vous comment obtenir les deux tailles pour être dynamique?
- si sa destinée à redimensionner la largeur et la hauteur en fonction du contenu seul, qui pourrait être ambigu, car il l'habitude de savoir de combien la redimensionner dans chaque direction, ainsi probablement que les valeurs par défaut à l'un des deux... si son redimensionnement de facteurs externes, alors vous pourriez vouloir vérifier les points de vue de la compression et de contenu serrant les priorités de trop
- Cela fonctionne parfaitement, mais lorsque j'utilise Attribué chaîne, il semble ne pas fonctionner
- Comment un attribuées chaîne de casser? Expliquer.
- yeap exactement il est destiné à redimensionner la largeur et la hauteur en fonction du contenu. Il fonctionne donc si j'ai mis des contraintes NSLayoutRelationEqual. Mais j'ai besoin d'afficher la bulle d'image sous l'étiquette comme dans les Messages.app. Et aucune idée de comment y parvenir :((
- j'ai utilisé un utilisateur de la bibliothèque/classe appelée JSMessagesViewController qui fait des bulles avec une fenêtre de chat tout à fait bien, peut être que cela permettra de résoudre votre problème
- Que faire si j'ai un UILabel dans UITableViewCell. Je suis en utilisant la mise en page automatique . mais pas en mesure de modifier la largeur de uilabel.
- UIlabel a une propriété intrinsèque de la taille du contenu. Dans la mise en page automatique vous avez juste besoin de donner de positions x, y puis tous les autres chose étiquette gère lui-même.
- Il fonctionne sous Android, pourquoi suis-je passer des heures à essayer de faire ce travail dans iOS
- dans la 2e étape Donner label1 une largeur max: Sélectionnez label1. Aller à la barre de menu supérieure, sélectionnez Éditeur > Contact > Largeur. Double-cliquez sur la contrainte. Changement de la relation à <= et changement de la constante de la largeur max. Mieux de donner proportionnelle largeur de super vue avec multiplicateur approprié(c'est à dire 0,5 pour la moitié de la voie). cela permettra de faire amende pour plusieurs appareils ( iPhone et iPad)
InformationsquelleAutor bilobatum
9

Veuillez consulter ci-dessous les contraintes pour Définir UIlabel et UIButton largeur flexible;
- Je pense que c'est cool de réponse simple. Il a travaillé pour moi.
InformationsquelleAutor Harshal Wani

Veuillez d'abord obtenir textSize avec le code ci-dessous:

    CGSize  textSize = { 230.0, 10000.0 };

    CGSize size = [[NSString stringWithFormat:@"%@", yourLabelText] 
                   sizeWithFont:[UIFont systemFontOfSize:10]
                   constrainedToSize:textSize
                   lineBreakMode:NSLineBreakByWordWrapping];

puis réglez votre première étiquette de trame avec ce contenu taille:

   UILabel *lblFirst = [[UILabel alloc] initWithFrame:CGRectMake(X, Y, W, size.height)];
   lblFirst.lineBreakMode = YES;
   lblFirst.lineBreakMode = NSLineBreakByWordWrapping;
   lblFirst.numberOfLines =size.height;
   lblFirst.backgroundColor = [UIColor clearColor];
   [self.view addSubview:lblFirst];

puis la deuxième étiquette de l'Image:

 UILabel *lblFirst = [[UILabel alloc] 
 initWithFrame:CGRectMake(lblFollowerName.frame.size.width + lblFollowerName.frame.origin.x, Y, W, H)];

Je suis conscient de la façon de le faire dans un but purement par programmation de la mode; cependant, pour l'apprentissage de la cause, je voudrais savoir si c'est possible juste en utilisant la mise en page automatique + storyboards.

InformationsquelleAutor Abhishek Gupta

Vous devez vous connecter pour publier un commentaire.