UIButton qui se redimensionne à la taille de ses titleLabel

J'ai eu à travailler, mais vous devez utiliser un bouton personnalisé, pas un type de système. Donner la touche à la fois la largeur et la hauteur des contraintes, et de faire un IBOutlet à la hauteur de la contrainte (heightCon dans mon code) de sorte que vous pouvez l'ajuster dans le code.

- (void)viewDidLoad {
    [super viewDidLoad];
    self.button.titleLabel.numberOfLines = 0;
    self.button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
    [self.button setTitle:@"A real real real real real real real real long long name." forState:UIControlStateNormal];
    [self.button addTarget:self action:@selector(doStuff:) forControlEvents:UIControlEventTouchUpInside];
    self.button.backgroundColor = [UIColor redColor];
    self.button.titleLabel.backgroundColor = [UIColor blueColor];
    [self.button layoutIfNeeded]; //need this to update the button's titleLabel's size
    self.heightCon.constant = self.button.titleLabel.frame.size.height;
}

Après Edit:

J'ai trouvé que vous pouvez également le faire plus simplement, et avec un système de bouton si vous faites une sous-classe, et l'utilisation de ce code,

@implementation RDButton

-(CGSize)intrinsicContentSize {
    return CGSizeMake(self.frame.size.width, self.titleLabel.frame.size.height);
}

Remplacés intrinsicContentSize méthode est appelée lorsque vous définissez le titre. Vous ne devriez pas régler une hauteur de contrainte dans ce cas.

Suis même question. Il ne se produit que si UIButton's titleLabel a plus d'une ligne. Est-ce un bug dans UIKit?

Ma solution Swift:

class ResizableButton: UIButton {    
    override var intrinsicContentSize: CGSize {
        let labelSize = titleLabel?.sizeThatFits(CGSize(width: frame.size.width, height: CGFloat.greatestFiniteMagnitude)) ?? .zero
        let desiredButtonSize = CGSize(width: labelSize.width + titleEdgeInsets.left + titleEdgeInsets.right, height: labelSize.height + titleEdgeInsets.top + titleEdgeInsets.bottom)

        return desiredButtonSize
    }
}

Je suis loin de mon ordinateur donc je ne peux pas ajouter le code pour l'instant, mais j'ai trouvé une solution de contournement de cette avant.

Ce que vous pouvez faire est de créer un UILabel et ajouter un UITapGestureRecognizer à l'étiquette. Faire ce que vous voulez de l'action du bouton par la manipulation de la appuyez sur un événement. Et aussi assurez-vous d'activer les interactions de l'utilisateur sur le UILabel.

Ce label va maintenant se comporter comme une auto redimensionnement bouton.

[self.bouton sizeToFit] devrait fonctionner si votre mise en page automatique est Désactivée. Si vous devez utiliser la mise en forme automatique, puis d'autres suggestions (calcul de la largeur de ligne), etc sont plus appropriés.

Remplacer l' -(CGSize)intrinsicContentSize dans la Coutume UIButton comme indiqué ci-dessous.

Objective - C:

-(CGSize)intrinsicContentSize {
    CGSize titleLabelIntrinsicSize = [self.titleLabel intrinsicContentSize];
    return CGSizeMake(titleLabelIntrinsicSize.width + self.contentEdgeInsets.left + self.contentEdgeInsets.right, titleLabelIntrinsicSize.height + self.contentEdgeInsets.top + self.contentEdgeInsets.bottom);
}

Swfit :

override var intrinsicContentSize: CGSize {
        get {
            if let thisSize = self.titleLabel?.intrinsicContentSize {
                return CGSize(width: thisSize.width + self.contentEdgeInsets.left + self.contentEdgeInsets.right, height: thisSize.height + self.contentEdgeInsets.top + self.contentEdgeInsets.bottom)
            }
            return super.intrinsicContentSize
        }
    }

J'ai dû invalider la valeur intrinsèque de la taille du contenu lorsque les points de vue ont été aménagés et ensuite calculer la hauteur du bouton pour le intrinsicContentSize de la propriété.

Voici le code à Swift3/Xcode 9

override func layoutSubviews() {
self.invalidateIntrinsicContentSize()
super.layoutSubviews()
}
override var intrinsicContentSize: CGSize {
return CGSize(width: self.frame.size.width, height: titleLabel!.frame.size.height + contentEdgeInsets.top + contentEdgeInsets.bottom)
}