UIButton Image + Texte IOS

Je vois très compliqué réponses, tous d'entre eux à l'aide de code. Cependant, si vous utilisez l'Interface Builder, il y a un moyen très simple de le faire:

1. Sélectionnez le bouton et définissez un titre et une image. Notez que si vous définissez l'arrière-plan au lieu de l'image, alors l'image sera redimensionnée si elle est plus petite que le bouton.
2. De définir la position des deux éléments en changeant le bord et les encarts. Vous pouvez même contrôler l'alignement de deux dans la section de Contrôle.

Vous pourriez même utiliser la même approche par le code, sans créer de UILabels et UIImages à l'intérieur que les autres solutions proposées. Toujours Garder Les Choses Simples!

EDIT: ci-Joint un petit exemple d'avoir les 3 choses ensemble (titre, image et arrière plan) avec une bonne encarts

Xcode-9 et Xcode-10 Apple fait quelques modifications en matière de Bord Rentrant maintenant, vous pouvez le modifier en vertu de la taille de l'inspecteur.

Veuillez suivre les étapes ci-dessous:

Étape 1:
D'entrée de texte et sélectionnez l'image que vous souhaitez afficher:

Étape 2:
Sélectionnez le bouton de contrôle en fonction de vos besoins, comme indiqué dans l'image ci-dessous:

Étape 3:
Maintenant, allez à la taille de l'inspecteur et ajouter de la valeur selon vos besoins:

Vous devez créer des imageview pour l'image et étiquette personnalisée pour le texte et vous les ajoutez à votre bouton comme des sous-vues. C'est tout.

UIButton *yourButton = [UIButton buttonWithType:UIButtonTypeCustom];
yourButton.backgroundColor = [UIColor greenColor];
yourButton.frame = CGRectMake(140, 40, 175, 30);     
[yourButton addTarget:self action:@selector(yourButtonSelected:) forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:yourButton];

UIImageView *imageView1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, yourButton.frame.size.width, yourButton.frame.size.height/2)];
imageView1.image =[UIImage imageNamed:@"images.jpg"];
[yourButton addSubview:imageView1];

UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0, yourButton.frame.size.height/2, yourButton.frame.size.width, yourButton.frame.size.height/2)];
label.backgroundColor = [UIColor greenColor];
label.textAlignment= UITextAlignmentCenter;
label.text = @"ButtonTitle";
[yourButton addSubview:label];

Pour objectif de test, utiliser yourButtonSelected: méthode

-(void)yourButtonSelected:(id)sender{
    NSLog(@"Your Button Selected");

}

Je pense qu'il sera utile pour vous.

Utiliser ce code:

UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom];
[sampleButton setFrame:CGRectMake(0, 10, 200, 52)];
[sampleButton setTitle:@"Button Title" forState:UIControlStateNormal];
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]];
[sampleButton setBackgroundImage:[[UIImage imageNamed:@"redButton.png"] 
stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal];
[sampleButton addTarget:self action:@selector(buttonPressed)
forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:sampleButton]

Faire UIImageView et UILabel, et l'ensemble de l'image et de texte à la fois de ce....ensuite, Placez un bouton personnalisé sur imageView et de l'Étiquette....

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"search.png"]];
    imageView.frame = CGRectMake(x, y, imageView.frame.size.width, imageView.frame.size.height);
    [self.view addSubview:imageView];

UILabel *yourLabel = [[UILabel alloc] initWithFrame:CGRectMake(x, y,a,b)];
yourLabel.text = @"raj";
[self.view addSubview:yourLabel];

UIButton * yourBtn=[UIButton buttonWithType:UIButtonTypeCustom];
[yourBtn setFrame:CGRectMake(x, y,c,d)];
[yourBtn addTarget:self action:@selector(@"Your Action") forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:yourBtn];  

Vérifier ce génial lib ImageCenterButton
Il résout tous les problèmes que d'autres libs visages et je confirme il fonctionne avec iOS 9