Autolayout - Wewnętrzny rozmiar UIButton nie zawiera wstawek tytułu

Możesz to uruchomić w Kreatorze interfejsów (bez pisania kodu), używając kombinacji negatywnego i pozytywnego tytułu oraz wstawek treści.

Aktualizacja: Xcode 7 ma błąd, w którym nie można wprowadzić wartości ujemnych w polu Wstaw Right, ale można użyć kontrolki krokowej obok, aby zmniejszyć wartość. (Thanks Stuart)

Spowoduje to dodanie 8PT odstępu między obrazkiem a tytułem i zwiększy wewnętrzną szerokość przycisku o taką samą kwotę. Tak:

Dlaczego nie przesłaniać metody intrinsicContentSize w UIView? Na przykład:

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

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

To powinno powiedzieć systemowi autolayout, że powinien zwiększyć rozmiar przycisku, aby umożliwić wstawianie i pokazać pełny tekst. Nie mam własnego komputera, więc tego nie testowałem.

Nie sprecyzowałeś, jak ustawiasz wstawki, więc zgaduję, że używasz titleEdgeInsets, ponieważ widzę ten sam efekt, który otrzymujesz. Jeśli używam contentEdgeInsets zamiast tego działa poprawnie.

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

Ten wątek jest trochę stary, ale sam na to wpadłem i byłem w stanie rozwiązać go za pomocą negatywnego wstawki. Na przykład, zastąp żądane wartości wypełnienia tutaj:

UIButton* myButton = [[UIButton alloc] init];
// setup some autolayout constraints here
myButton.titleEdgeInsets = UIEdgeInsetsMake(-desiredBottomPadding,
                                            -desiredRightPadding,
                                            -desiredTopPadding,
                                            -desiredLeftPadding);

W połączeniu z odpowiednimi ograniczeniami autolayout, kończysz z przyciskiem automatycznej zmiany rozmiaru, który zawiera obraz i tekst! Zobacz poniżej z desiredLeftPadding ustawionym na 10.

Przycisk z obrazkiem i krótkim tekstem

Przycisk z obrazkiem i długim tekstem

Widać, że rzeczywisty ramka przycisku nie obejmuje etykiety (ponieważ etykieta jest przesunięta o 10 punktów w prawo, poza granice), ale osiągnęliśmy 10 punktów wypełnienia między tekstem a obrazem.

I dla Swift pracował to:

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

Wszystko powyżej nie działało dla iOS 9+, to co zrobiłem to:

• Dodaj ograniczenie szerokości (dla minimalnej szerokości, gdy przycisk nie ma żadnego tekstu. Przycisk będzie automatycznie skalowany, jeśli zostanie podany tekst)
• Ustaw relację na większą lub równą

Teraz, aby dodać obramowanie wokół przycisku, użyj metody:

button.contentEdgeInsets = UIEdgeInsetsMake(0,20,0,20);

Dla Swift 3 na podstawie pegpeg ' s odpowiedź:

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)

    }

}

Opcja jest również dostępna w interface builder. Zobacz też Ustawiłem lewo i prawo na 3. Działa jak urok.

Chciałem dodać odstęp 5pt pomiędzy ikoną UIButton a etykietą. Tak to osiągnąłem:

UIButton *infoButton = [UIButton buttonWithType:UIButtonTypeCustom];
// more button config etc
infoButton.contentEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 5);
infoButton.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 0, -5);

Sposób, w jaki contentEdgeInsets, titleEdgeInsets i imageEdgeInsets odnoszą się do siebie, wymaga trochę dawania i brania od każdego wstawki. Więc jeśli dodasz jakieś wstawki do tytułu po lewej stronie, musisz dodać wstawkę negatywną po prawej stronie i zapewnić trochę więcej miejsca (poprzez wstawkę pozytywną) NA treści po prawej stronie.

Poprzez dodanie odpowiedniego wstawki treści, aby dopasować przesunięcie tytułu Wstaw mój tekst nie wychodzi poza granice przycisku.

Rozwiązaniem, którego używam, jest dodanie ograniczenia szerokości na przycisku. Następnie gdzieś w inicjalizacji, po ustawieniu tekstu, zaktualizuj ograniczenie szerokości w następujący sposób:

self.buttonWidthConstraint.constant = self.shareButton.intrinsicContentSize.width + 8;

Gdzie 8 jest tym, czym jest twoja wstawka.