Autolayout - la taille intrinsèque de UIButton n'inclut pas les inserts de titre

Question

Si j'ai un UIButton disposé à l'aide d'autolayout, sa taille s'ajuste bien à son contenu.

Si je définis une image comme button.image la taille intrinsèque semble à nouveau expliquer ce phénomène.

Cependant, si je modifie le titleEdgeInsets du bouton, la mise en page n'en tient pas compte et tronque le titre du bouton.

Comment puis-je m'assurer que la largeur intrinsèque du bouton tient compte de l'encastrement ?

Editar:

J'utilise ce qui suit :

[self.backButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 5, 0, 0)];

L'objectif est d'ajouter une certaine séparation entre l'image et le texte.

Answer 1

Vous pouvez faire en sorte que cela fonctionne dans Interface Builder (sans écrire de code), en utilisant une combinaison d'inserts de titre et de contenu négatifs et positifs.

Mise à jour : Xcode 7 a un bug où vous ne pouvez pas entrer des valeurs négatives dans le Right Inset, mais vous pouvez utiliser la commande pas à pas située à côté pour diminuer la valeur. (Merci Stuart)

Cela ajoutera 8 pt d'espacement entre l'image et le titre et augmentera la largeur intrinsèque du bouton de la même quantité. Comme ceci :

Answer 2

Vous pouvez résoudre ce problème sans avoir à surcharger des méthodes ou à définir une contrainte de largeur arbitraire. Vous pouvez le faire dans Interface Builder comme suit.

• La largeur intrinsèque du bouton est dérivée de la largeur du titre, de la largeur de l'icône, de la gauche et de la droite. contenu inserts de bord.

• Si un bouton comporte à la fois une image et du texte, ils sont centrés en tant que groupe, sans remplissage entre eux.

• Si vous ajoutez un encart de contenu à gauche, il est calculé par rapport au texte, et non par rapport au texte + icône.

• Si vous définissez une insertion négative de l'image à gauche, l'image est tirée vers la gauche mais la largeur globale du bouton n'est pas affectée.

• Si vous définissez une insertion négative de l'image à gauche, la mise en page réelle utilise la moitié de cette valeur. Ainsi, pour obtenir une insertion gauche de -20 points, vous devez utiliser une valeur d'insertion gauche de -40 points dans Interface Builder.

Il faut donc prévoir un encart de contenu de gauche suffisamment grand pour créer un espace pour l'encart de gauche souhaité. et le remplissage intérieur entre l'icône et le texte, puis décalez l'icône vers la gauche en doublant la quantité de remplissage que vous souhaitez entre l'icône et le texte. Le résultat est un bouton avec des insertions de contenu égales à gauche et à droite, et une paire de texte et d'icône centrée en tant que groupe, avec une quantité spécifique de remplissage entre eux.

Quelques exemples de valeurs :

// Produces a button with the layout:
// |-20-icon-10-text-20-|
// AutoLayout intrinsic width works as you'd desire.
button.contentEdgeInsets = UIEdgeInsetsMake(10, 30, 10, 20)
button.imageEdgeInsets = UIEdgeInsetsMake(0, -20, 0, 0)

Answer 3

Pourquoi ne pas remplacer le intrinsicContentSize sur UIView ? Par exemple :

- (CGSize) intrinsicContentSize
{
    CGSize s = [super intrinsicContentSize];

    return CGSizeMake(s.width + self.titleEdgeInsets.left + self.titleEdgeInsets.right,
                      s.height + self.titleEdgeInsets.top + self.titleEdgeInsets.bottom);
}

Cela devrait indiquer au système de mise en page automatique qu'il doit augmenter la taille du bouton pour tenir compte des encarts et afficher le texte complet. Je ne suis pas sur mon propre ordinateur, donc je n'ai pas testé cela.

Answer 4

Vous n'avez pas précisé comment vous définissez les inserts, je suppose donc que vous utilisez titleEdgeInsets car je vois le même effet que vous. Si j'utilise contentEdgeInsets à la place, cela fonctionne correctement.

- (IBAction)ChangeTitle:(UIButton *)sender {
    self.button.contentEdgeInsets = UIEdgeInsetsMake(0,20,0,20);
    [self.button setTitle:@"Long Long Title" forState:UIControlStateNormal];
}

Answer 5

Et pour Swift a travaillé ceci :

extension UIButton {
    override open var intrinsicContentSize: CGSize {
        let intrinsicContentSize = super.intrinsicContentSize

        let adjustedWidth = intrinsicContentSize.width + titleEdgeInsets.left + titleEdgeInsets.right
        let adjustedHeight = intrinsicContentSize.height + titleEdgeInsets.top + titleEdgeInsets.bottom

        return CGSize(width: adjustedWidth, height: adjustedHeight)
    }
}

Love U Swift