Échelle google signin bouton sur iOS w/contraintes

Question

J'essaie d'ajouter google connexion à mon application iOS. L'application ira à mon serveur nodejs (en utilisant le passeport pour frapper google pour se connecter). Longue histoire courte je n'ai pas besoin d'utiliser le sdk de Google iOS pour la connexion car je ne vais pas de mon directement à google.

Mais j'ai besoin d'un bouton google signin correctement conçu. J'ai trouvé les directives de marque ici: https://developers.google.com/+/branding-guidelines?hl=en

Et ils ont un téléchargement pour les icônes iOS et un fichier de croquis. Le problème que je rencontre est de savoir comment utiliser cette image de bouton et l'adapter correctement en fonction des contraintes. IE si je définis l'image comme arrière-plan et que la taille du bouton est la taille que je souhaite, le G + s'étendra également.

Mais si je ne mets pas en arrière-plan, je ne peux pas faire le bouton de la largeur correcte.

Existe-t-il un moyen de rendre le bouton quelle que soit la largeur désirée sans étirer le logo G +?

Ensuite serait comment obtenir Roboto texte là-dedans aussi ...

Answer 1

Essayez Image Slicing. Voici les étapes à suivre:

1. Sélectionnez l'image que vous ajoutez dans le catalogue d'actifs.
2. Choisissez Horizontel dans la section Tranchage de l'inspecteur d'attributs.
3. Entrée 35 pour le champ gauche, entrée 5 pour le champ droit. Voici ce que le découpage en tranches ressemble:

4. définir l'image comme arrière-plan de bouton Storyboard ou nib.

Maintenant, redimensionnez le bouton, le logo ne sera pas étiré.