UIButton avec image et texte possible ?

Question

J'ai un bouton dont la largeur est de 200 et la hauteur de 270. Je veux avoir du texte et une image sur le même bouton. Pas comme une image de fond sur ce texte. Au lieu de cela, je veux afficher le texte de hauteur 120 et l'image de hauteur 150 sur le même bouton. Comment faire ?

Answer 1

Vous pouvez utiliser ce code, il vous sera utile.

.h file code
IBOutlet UIButton *testBtn;

.m file code
[testBtn setImage: [UIImage imageNamed:@"Image name.png"] forState:UIControlStateNormal];
[testBtn setTitleEdgeInsets:UIEdgeInsetsMake(70.0, -150.0, 5.0, 5.0)];
[testBtn setTitle:@"Your text" forState:UIControlStateNormal];

Ajustez les coordonnées et la taille de votre bouton en fonction de vos besoins. Il s'agit d'un exemple de code pour vous guider.

PS : Prenez un UIButton dans le fichier nib>Faites-en un bouton personnalisé>Connectez l'IBOutlet à votre bouton personnalisé dans le fichier nib.c'est tout.

Answer 2

Le code ci-dessous montre comment placer une image et du texte dans un bouton à l'aide des propriétés setImageEdgeInsets et setTitleEdgeInsets de la classe UIButton.

UIButton *butt=[UIButton buttonWithType:UIButtonTypeCustom ];
    [butt setFrame:CGRectMake(0, 0, 100, 100)];
    [butt setBackgroundImage:[UIImage imageNamed:@"sig.png"] forState:UIControlStateNormal];
    [butt setImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0, 50.0, 0.0)];
    [butt setTitleEdgeInsets:UIEdgeInsetsMake(75.0, 0.0, 0.0, 0.0)];
    [butt setTitle:@"hello" forState:UIControlStateNormal];
    [butt setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [self.view addSubview:butt];

Answer 3

Oui, vous pouvez afficher une image et un titre dans le même bouton, à condition qu'ils soient tous deux suffisamment petits pour tenir. Le plus dur est à venir, lorsque vous devez vous occuper du placement.

Vous pouvez jouer avec le contentVerticalAlignment y contentHorizontalAlignment les propriétés de la UIButton (hérité de UIControl ).

Vous pouvez également utiliser le titleEdgeInsets y imageEdgeInsets pour décaler le titre et l'image de l'emplacement qu'ils obtiennent en fonction des propriétés d'alignement.

Si vous souhaitez un placement très précis ou personnalisé, je vous suggère de remplacer la fonction titleRectForContentRect: y imageRectForContentRect: méthodes de l UIButton . Ils vous permettent de définir les cadres de votre titre et de votre image, et ils sont appelés chaque fois que le bouton doit être mis en page. Un avertissement, si vous voulez faire référence à self.titleLabel à l'intérieur de titleRectForContentRect: assurez-vous que self.currentTitle est défini en premier. J'ai obtenu une erreur d'accès, il est possible que la méthode soit appelée lors de la première initialisation du titleLabel.

Answer 4

Utilisez le concept de sous-vues. Prenez 3 contrôles, UIButton (200x270), UILabel (200x120) et UIImageView (200x150). Attribuez l'image à la UIImageView et définissez le texte de la UILabel . Positionnez vos contrôles d'étiquettes et d'images en fonction de l'emplacement (x,y) de l'objet de l'image. UIButton .

Au final, vous devriez avoir quelque chose comme :

Pour les instances suivantes :

UIButton *button;
UILabel *label;
UIImageView *imageView;

[button addSubView:imageView];
[button addSubView:label];

Answer 5

[testBtn setBackgroudImage: [UIImage imageNamed:@"Image name.png"] forState:UIControlStateNormal];
[testBtn setTitle:@"Your text" forState:UIControlStateNormal];