web-dev-qa-db-fra.com

Boutons iOS - ajouter une bordure

Je prépare mon application pour iOS7. J'ai fait la conversion et travaillais avec un utilisateur. Le bouton dans l'application ne ressemble pas à un bouton. Semble très plat. Y a-t-il un moyen de mettre une bordure ou de le faire tenir comme un bouton?

52
user1509593

Les principes de conception dans iOS7 ont changé. Cependant, si vous voulez avoir une vision plus plate, mais que vous voulez toujours un bouton personnalisé qui "se présente comme un bouton", vous pouvez essayer cette collection de composants open source:

FlatUIKit sur GitHub

15
Nikola Kirev

Essayez ceci pour ajouter une bordure, cela fonctionnera

#import <QuartzCore/QuartzCore.h>

puis dans viewDidLoad

_btn.layer.borderWidth=1.0f;
_btn.layer.borderColor=[[UIColor blackColor] CGColor];
_btn.layer.cornerRadius = 10;

aussi vous pouvez remplir la couleur pour faire l'apparence un peu comme le bouton, ou la meilleure façon est d'utiliser l'image là

Outre BorderColor, vous pouvez le faire en utilisant également les attributs d'exécution.

enter image description here

104
Mehul Thakkar

essayez ceci, cela mettra la bordure sur le bouton

#import <QuartzCore/QuartzCore.h>

btn.layer.borderColor = [UIColor blackColor].CGColor;

btn.layer.borderWidth = 1.0;

btn.layer.cornerRadius = 10;
44
Shaik Riyaz

Avec Swift et XCode 6, vous pouvez le faire.

Cliquez sur l'élément UIButton dans Storyboard, puis accédez à l'inspecteur d'identité. Dans les attributs d'exécution définis par l'utilisateur, entrez:

layer.borderWidth number 1

Si vous voulez de beaux coins

layer.cornerRadius number 5
layer.maskToBounds boolean true

Maintenant, cela vous donnera une bordure mais pour définir la couleur, vous devez le faire avec du code. Accédez à votre contrôleur de vue et ajoutez un IBOutlet à partir de votre bouton. Notez que dans ce cas, il s'agit d'un IBOutlet, pas d'un IBAction. Dis que tu fais,

@IBOutlet weak var xButton: UIButton!

Appelez cela dans la fonction viewDidLoad comme ci-dessous pour définir la couleur.

xButton.layer.borderColor = UIColor.whiteColor().CGColor

Merci!

23
Migel Tissera

Il y a deux façons de simplifier le bouton dans iOS 7

1> Définir l'image: tout comme Button utilisant la propriété setImage pour le bouton

2> Définissez la bordure de bordure d'aquarelle:

button.layer.borderWidth = 1.0f;

button.layer.borderColor = [[UIColor blackColor] CGColor];

2
Chris Alan

Je vous suggère d'essayer l'une des bibliothèques (ou clones) BootstrapButton iOS. Il suffit de changer UIButton dans le storyboard en BButton. Il n'y a pas de prévisualisation dans le storyboard.

1
cat

Si vous utilisez une image d’arrière-plan, déplacez le bouton vers l’arrière. Editeur> Organiser> envoyer en arrière

0
Nora Alnashwan