Comment ajouter un bouton à votre application iOS - les nuls

Plus il y a d'objets, plus on rit. Imaginons que vous souhaitiez ajouter un joli bouton Test Drive à votre application iOS qui, une fois cliqué, enverra notre décapotable Cadillac Eldorado Biarritz 1959 sur son joyeux chemin. Voici comment c'est fait:

1Sélectionnez le bouton dans la bibliothèque.

Faites-le glisser sur la vue.

2Cliquez sur le bouton Inspecteur d'attributs dans la barre de sélection Inspecteur.

Les attributs de bouton que vous allez définir à l'aide de l'inspecteur d'attributs sont toutes les propriétés Objective-C . Notez que vous pouvez également définir ces propriétés par programmation.

Le menu contextuel Type de l'inspecteur des attributs est défini sur Système. Le bouton est affiché dans sa configuration d'état par défaut - dans ce cas, non sélectionné et non mis en surbrillance. Si vous deviez cliquer sur le menu contextuel Configuration de l'état et choisir une autre configuration, par exemple En surbrillance ou Sélectionné, vous pouvez modifier la police, la couleur du texte, l'ombre, l'arrière-plan et d'autres attributs dans l'inspecteur Etat.

Ce bouton particulier, étant distinctement générique, est remarquablement peu excitant. Pour animer les choses juste un peu, vous allez ajouter une image de fond.

3 Dans l'inspecteur Attributs, choisissez Personnalisé dans le menu déroulant Type.

Les boutons personnalisés peuvent vous aider à vous démarquer des masses.

4Choisissez le bouton dans le menu déroulant Arrière-plan.

Alors, pourquoi utilisez-vous le menu déroulant Arrière-plan plutôt que le menu déroulant Image pour placer une image comme bouton? Lorsque vous choisissez une image dans le menu déroulant Arrière-plan, vous faites simplement cela - en réglant l'image pour le bouton.

Vous ajouterez toujours le titre et ainsi de suite en utilisant l'inspecteur des attributs. Si vous deviez choisir dans le menu déroulant Image, vous auriez inclus le titre dans l'image et vous n'auriez pas pu l'ajouter dans l'Inspecteur.

5En utilisant l'inspecteur de taille, redimensionnez le bouton à 96 points par 37 points en utilisant la largeur et la hauteur dans les champs fournis.

Vous pouvez également utiliser les poignées de redimensionnement.

6Pour centrer le bouton, sélectionnez-le et choisissez Editeur → Aligner → Centre horizontal dans le conteneur.

Une autre contrainte sera automatiquement ajoutée.

7Pour le centrer verticalement, sélectionnez-le et choisissez Editeur → Aligner → Vertical Center in Container.

La contrainte verticale sera ajoutée.

8Donnez un titre à ce bouton (les boutons n'ont pas de texte, ils ont des titres) en retournant à l'inspecteur des attributs, en entrant Test Drive dans le champ Title, et en appuyant sur Return.

Vous pouvez double-cliquer sur le bouton et y entrer le titre, puis appuyer sur Retour. Cependant, cela peut entraîner le redimensionnement du bouton.

Vous pouvez sélectionner une image d'arrière-plan et un titre différents pour chaque état de bouton en faisant défiler les choix de configuration d'état et en répétant les étapes 2 à 5.

Chaque fois que vous saisissez du texte, veillez à appuyer sur Retour. Tout ce que vous entrez ne changera pas le réglage actuel, sauf si vous appuyez sur Retour ou cliquez dans un autre champ.