Otomatik yerleşim - UIButton'un gerçek boyutu başlık eklerini içermez

Otomatik yerleşim kullanarak düzenlenmiş bir UIButtonum varsa, boyutu içeriğine uyacak şekilde güzelce ayarlanır.

Bir görüntüyü olarak ayarlarsam button.image, içsel boyut yine bunu hesaba katar.

Ancak, titleEdgeInsetsdüğmenin ayarını yaparsam , düzen bunu hesaba katmaz ve bunun yerine düğme başlığını keser.

Düğmenin iç genişliğinin iç metinleri hesaba katmasını nasıl sağlayabilirim?

Düzenle:

Aşağıdakileri kullanıyorum:

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

Amaç, görüntü ile metin arasına bir miktar ayrım eklemektir.

Bunu herhangi bir yöntemi geçersiz kılmak veya rastgele bir genişlik kısıtlaması ayarlamak zorunda kalmadan çözebilirsiniz. Hepsini Interface Builder'da aşağıdaki gibi yapabilirsiniz.

• İçsel düğme genişliği başlık genişliği artı simge genişliği artı sol ve sağ içerik kenarı iç metinlerinden türetilir .

• Bir düğmenin hem resmi hem de metni varsa, aralarında dolgu olmadan bir grup olarak ortalanırlar.

• Sol içerik iç metin eklerseniz, metin + simgesine değil metne göre hesaplanır.

• Negatif bir sol görüntü eki ayarlarsanız, görüntü sola çekilir ancak toplam düğme genişliği etkilenmez.

• Negatif bir sol görüntü eki ayarlarsanız, gerçek düzen bu değerin yarısını kullanır. Bu nedenle, -20 punto sol iç metin elde etmek için, Arayüz Oluşturucu'da -40 nokta sol iç metin değeri kullanmanız gerekir.

Böylece, hem istenen sol iç metin hem de simgenin ile metin arasında istediğiniz doldurma miktarını iki katına bıraktığı simgesine simgesi ve metin arasındaki iç dolgusu ve ardından kayması. Sonuç, eşit sol ve sağ içerik girişlerine sahip bir düğme ve grup olarak ortalanmış, aralarında belirli miktarda dolgu bulunan bir metin ve simge çiftidir.

Bazı örnek değerler:

// 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)

Negatif ve pozitif Başlık ve İçerik Ekleri birleşimini kullanarak Arayüz Oluşturucu'da (herhangi bir kod yazmadan) çalışmasını sağlayabilirsiniz.

Güncelleme : Xcode 7, RightAnkastre alanına negatif değerler giremeyeceğiniz bir hataya sahip , ancak değeri azaltmak için yanındaki step kontrolünü kullanabilirsiniz. (Teşekkürler Stuart)

Bunu yapmak, görüntü ve başlık arasında 8pt boşluk ekleyecek ve düğmenin iç genişliğini aynı miktarda artıracaktır. Bunun gibi:

Neden intrinsicContentSizeUIView'daki yöntemi geçersiz kılmıyorsunuz? Örneğin:

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

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

Bu, otomatik yerleştirme sistemine, eklere izin vermek ve tam metni göstermek için düğmenin boyutunu artırması gerektiğini söylemelidir. Kendi bilgisayarımda değilim, bu yüzden bunu test etmedim.

Ekleri nasıl ayarladığınızı belirtmediniz, bu yüzden elde ettiğiniz etkiyi gördüğüm için titleEdgeInsets kullandığınızı tahmin ediyorum. Bunun yerine contentEdgeInsets kullanırsam düzgün çalışır.

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

Ve Swift için bunu çalıştı:

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)
    }
}

Aşk U Swift

Bu iplik biraz eski, ama ben sadece kendim bu koştu ve negatif bir iç metin kullanarak çözmeyi başardı. Örneğin, istediğiniz dolgu değerlerini buraya yazın:

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

Doğru otomatik düzenleme kısıtlamaları ile birlikte, bir resim ve metin içeren otomatik yeniden boyutlandırma düğmesi ile sonuçlanırsınız! Aşağıda desiredLeftPadding10 olarak ayarlanmış olarak görülüyor .

Düğmenin gerçek çerçevesinin etiketi içermediğini görebilirsiniz (etiket 10 sınır sağa, sınırların dışına kaydırıldığından), ancak metin ve resim arasında 10 nokta dolgusu elde ettik.

For Swift 3 dayanan pegpeg 'ın cevabı:

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)

    }

}

Yukarıdakilerin hepsi iOS 9+ için çalışmadı, yaptığım şey:

• Bir genişlik kısıtlaması ekleyin (düğmenin metni yoksa minimum genişlik için. Metin sağlanırsa düğme otomatik olarak ölçeklenir)
• ilişkiyi Büyük veya Eşit olarak ayarlama

Şimdi düğmenin etrafına bir kenarlık eklemek için sadece yöntemi kullanın:

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

UIButton simgesi ile etiket arasına 5pt boşluk eklemek istedim. Bunu nasıl başardım:

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

ContentEdgeInsets, titleEdgeInsets ve imageEdgeInsets'in birbiriyle ilişkili şekli, her bir girişten biraz vermek ve almak gerektirir. Bu nedenle, başlığın soluna bazı ekler eklerseniz, sağa negatif iç metin eklemeniz ve sağdaki içeriğe biraz daha fazla alan (pozitif bir ek yoluyla) sağlamanız gerekir.

Başlık iç metinlerinin kaymasıyla eşleşecek doğru bir içerik iç metin ekleyerek metnim düğmenin sınırları dışına çıkmıyor.

Bu seçenek arayüz oluşturucuda da mevcuttur. Ek'e bakınız. Sol ve sağ 3 olarak ayarladım. Bir cazibe gibi çalışır.

Kullandığım çözüm, düğmeye bir genişlik kısıtlaması eklemektir. Ardından, başlangıçta bir yerde, metniniz ayarlandıktan sonra genişlik sınırlamasını şu şekilde güncelleyin:

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

Nerede olursa olsun 8 nerede.

sizeToFit () öğesinin çağrılması, contentEdgeInset öğesinin etkinleştirilmesini sağlar

extension UIButton {

   open override func draw(_ rect: CGRect) { 
       self.contentEdgeInsets = UIEdgeInsets(top: 10, left: 40, bottom: 10, right: 40)
       self.sizeToFit()
   }
}