web-dev-qa-db-fra.com

Pas de bouton Rect Round dans Xcode 5?

Le glisser-déposer du bouton rectangle rond n'est-il plus disponible dans Xcode 5? Je n'arrive pas à le trouver dans l'Interface Builder. Je devinais que c'était l'un des changements dans iOS 7, mais je voulais juste m'en assurer.

iosuibuttoninterface-builderios7xcode5
36
juminoz

Le bouton Round Rect De Xcode 4 et des versions précédentes semble avoir été remplacé par le bouton System Default, Qui est également clair. C'est à dire. par défaut il n'y a pas de fond blanc avec des coins arrondis, seul le texte est visible.

Pour rendre le bouton blanc (ou toute autre couleur), sélectionnez l'inspecteur d'attributs et faites défiler jusqu'à la section View:

enter image description here

Sélectionnez Background et changez-le en blanc:

enter image description here

Si vous voulez des coins arrondis, vous pouvez le faire avec un peu de code. Juste ctrl-drag Du bouton vers votre fichier .h, Appelez-le quelque chose comme roundedButton et ajoutez ceci dans votre viewDidLoad:

CALayer *btnLayer = [roundedButton layer];
[btnLayer setMasksToBounds:YES];
[btnLayer setCornerRadius:5.0f];
52
Robert

Peut également faire le rectangle arrondi dans le storyboard.

enter image description here

74
DogCoffee

C'était trop long pour un commentaire dans la réponse de @ Robert, mais je voulais juste ajouter concernant la déclaration: "Le bouton Round Rect de Xcode 4 ... semble avoir été remplacé ...".

Confirmant qu'il a définitivement a été remplacé:

Le bouton rectangle arrondi est déconseillé dans iOS 7. Utilisez plutôt un bouton système, c'est-à-dire un objet UIButton de type UIButtonTypeSystem.

les boutons du système iOS 7 n'incluent pas de cadre ni d'apparence d'arrière-plan. Un bouton système peut contenir un symbole graphique ou un titre de texte, et il peut spécifier une couleur de teinte ou recevoir la couleur de son parent.

...

Si vous devez afficher un bouton qui comprend une lunette, utilisez un bouton de type UIButtonTypeCustom et fournissez une image d'arrière-plan personnalisée.

Guide de transition Apple iOS 7 , p. 45, "Bouton Rectangle Arrondi"

Ainsi, la recommandation d'Apple est d'utiliser une image d'arrière-plan.

5
transistor1

En fait, dans ios 7, l'interface utilisateur totale a été modifiée pour les contrôles de base. Si vous voulez toujours avoir un bouton rect arrondi, vous devez opter pour la propriété coregraphical des sous-classes UIView, c'est-à-dire; propriété de couche.

buttonObj.layer.cornerRadius = 5.0f;//any float value

pour montrer l'effet que vous devez donner une couleur d'arrière-plan à buttonObj

si vous souhaitez définir la largeur de la bordure

buttonObj.layer.borderWidth = 2.0f;//any float value

vous pouvez également donner la couleur de la bordure

buttonObj.layer.borderColor = [[UIColor greenColor]CGColor];

Remarque: Ici, nous devons utiliser CGColor pour les calques, car les calques sont les principales propriétés graphiques des UIViews

3
user3675855