Pytanie o tytuł i zapytanie o wyrównywanie UIButton

Question

Mam numer UIButton i próbuję ustawić na nim tytuł i obraz.

Chciałbym wyrównać tytuł dla UIButton po lewej stronie i umieścić obraz wyrównany w prawo. Próbuję uzyskać wygląd przycisku odtwarzacza Timer w aplikacji Zegary (ten, który mówi "Kiedy zegar się kończy").

I bawił contentHorizontalAlignment, contentEdgeInsetstitleEdgeInsets i imageEdgeInsets, aby osiągnąć swój cel, ale bezskutecznie. Dokumentacja jest również dość skąpa dla tego samego.

Jak mogę osiągnąć to samo?

Pytania pokrewne, Zegar w aplikacji Zegary ma dwa zestawy tekstu, jeden wyrównany w lewo i drugi wyrównany do prawej z obrazem? Jak to zrobić w UIButton? (W tej chwili nie potrzebuję tej funkcjonalności).

Answer 1

zmienić właściwość imageEdgeInsets na UIButton a potem po prostu użyć setImage:forState:

Answer 2

Pamiętaj, że UIButton dziedziczy z UIView, więc możesz dodawać do niego subviews, tak jak każdy inny widok. W tej sytuacji, należy utworzyć przycisk, a następnie dodać UILabel na lewym boku i UIImage po prawej:

// Create the button 
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect]; 

// Now load the image and create the image view 
UIImage *image = [UIImage imageNamed:@"yourImage.png"]; 
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(/*frame*/)]; 
[imageView setImage:image]; 

// Create the label and set its text 
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(/*frame*/)]; 
[label setText:@"Your title"]; 

// Put it all together 
[button addSubview:label]; 
[button addSubview:imageView];

Answer 3

Oto kod używam do tego:

//Right-align the button image 
CGSize size = [[myButton titleForState:UIControlStateNormal] sizeWithFont:myButton.titleLabel.font]; 
[myButton setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, -size.width)]; 
[myButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, myButton.imageView.image.size.width + 5)]; 

Answer 4

utworzyć podklasę UIButton i zastąpić swoją layoutSubviews sposób, aby dostosować swój tekst & obrazu programowo. Lub użyj czegoś w stylu https://github.com/stevestreza/BlockKit/blob/master/Source/UIView-BKAdditions.h, aby zaimplementować layoutSubviews za pomocą bloku.

Answer 5

Poniższy kod działa:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
button.frame = buttonRect; 
[button setTitle:@"A title" forState:UIControlStateNormal]; 
[button setImage:buttonImage forState:UIControlStateNormal]; 
button.imageEdgeInsets = UIEdgeInsetsMake(0.0, WIDTH(button.titleLabel) + 10.0, 0.0, 0.0); 
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft; 

Answer 6

Można również zastąpić titleRectForContentRect: i imageRectForContentRect: metod UIButton w pozycji zlecenia tekstu i obrazu w dowolnym miejscu.

Answer 7

Oto podklasa UIButton w Swift, która wyrównuje obraz po lewej stronie i tekst w środku. Ustaw imageLeftInset na żądaną wartość.

class LeftImageAlignedButton : UIButton { 

var imageLeftInset : CGFloat = 10.0 

override func layoutSubviews() { 
    super.layoutSubviews() 
    self.contentHorizontalAlignment = .Left 
    if let font = titleLabel?.font { 
     let textWidth = ((titleForState(state) ?? "") as NSString).sizeWithAttributes([NSFontAttributeName:font]).width 
     let imageWidth = imageForState(state)?.size.width ?? 0.0 
     imageEdgeInsets = UIEdgeInsets(top: 0, left: imageLeftInset, bottom: 0, right: 0) 
     titleEdgeInsets = UIEdgeInsets(top: 0, left: bounds.width/2 - textWidth/2.0 - imageWidth, bottom: 0, right: 0) 
    } 
} 
} 

Answer 8

w Swift dla każdego, kto troszczy się (z odstępem 10pt):

let size = (self.titleForState(UIControlState.Normal)! as NSString).sizeWithAttributes([NSFontAttributeName:self.titleLabel!.font]) 
let offset = (size.width + 10) 
self.imageEdgeInsets = UIEdgeInsetsMake(0, offset, 0, -offset) 
self.titleEdgeInsets = UIEdgeInsetsMake(0, 0, 0, self.imageView!.frame.size.width + 10) 

Answer 9

za pomocą na iOS 9, próbowałem wiele odpowiedzi w tym wątku, ale żaden z nich nie nadaje się do mnie. Znalazłem odpowiedź dla siebie następująco:

class MyButton: UIButton { 

    override func layoutSubviews() { 
    super.layoutSubviews() 

    self.contentHorizontalAlignment = UIControlContentHorizontalAlignment.Left 

    if self.imageView?.image != nil { 
     // Move icon to right side 
     self.imageEdgeInsets = UIEdgeInsets(
     top: 0, 
     left: self.bounds.size.width - self.imageView!.image!.size.width, 
     bottom: 0, 
     right: 0) 

     // Move title to left side 
     self.titleEdgeInsets = UIEdgeInsetsMake(0, -self.imageView!.frame.size.width + 8, 0, 0) 

    } 
    } 
} 

SWIFT 3:

class MyButton: UIButton { 

    override func layoutSubviews() { 
     super.layoutSubviews() 

     self.contentHorizontalAlignment = UIControlContentHorizontalAlignment.left 

     if self.imageView?.image != nil { 
      // Move icon to right side 
      self.imageEdgeInsets = UIEdgeInsets(
       top: 0, 
       left: self.bounds.size.width - self.imageView!.image!.size.width, 
       bottom: 0, 
       right: 0) 

      // Move title to left side 
      self.titleEdgeInsets = UIEdgeInsetsMake(0, -self.imageView!.frame.size.width + 8, 0, 0) 

     } 
    } 
} 

Mam nadzieję, że pomoże to w przypadku kogoś jak ja!