0
votes

Étiquette enveloppe autour de UIBUTTON

J'essaie de créer une vue comme ci-dessous à l'aide de Storyboard en Xcode. Entrez la description de l'image ici

Pour cela, j'ai ajouté un bouton et une étiquette avec des contraintes, mais c'est le résultat que je reçois. Le texte ne démarre pas sous la case. Un moyen de réaliser cela serait de créer 2 étiquettes et d'ajouter les chaînes qui commencent après cette chaîne à 2 étiqueter et placez-la sous la première étiquette.

 Entrez la description de l'image ici

Y a-t-il un meilleur moyen de faire cela? En outre, lorsque vous cliquez sur En savoir plus, le texte peut également développer également.


0 commentaires

3 Réponses :


0
votes

Vous pouvez faire la tête du bouton et l'étiquette identique (bouton ci-dessus étiquette) et insérer des caractères vides au début du texte de l'étiquette

 Entrez la description de l'image ici


0 commentaires

0
votes

Vous pouvez faire un moyen. Prenez le bouton et l'étiquette dans une vue

puis diviser la vue en deux vues, laissé l'une maintient le bouton et la droite contient l'étiquette. faire un espace entre gauche et droite

La contrainte du bouton du bouton dirigera, de haut en haut à zéro et à la hauteur de votre souhait

La contrainte de l'étiquette sera leader, le haut, la traînée et le bas.

 Entrez la description de l'image ici


0 commentaires

0
votes

Vous pouvez y accomplir en utilisant un uitextview et définir un exclusionpath .

L'exclusion exclusion (ou chemins) définit une zone dans Le texte de la vue du texte autour duquel le texte doit envelopper.

Si vous désactivez le défilement, la sélection et l'édition du uitextview Ça se comportera comme un < code> uilabel mais vous donnera également l'avantage de exclusionPath

Voici un exemple simple - beaucoup de valeurs codées durement, de sorte que vous voudriez probablement Faites-en une classe personnalisée - mais cela devrait vous mettre sur votre chemin: xxx

résultat:

 Entrez la description de l'image ici

(J'ai utilisé ces deux images pour la case à cocher):

 Entrez l'image descriptions tion ici  Entrez la description de l'image ici


0 commentaires