Comment numériser automatiquement une image avec mise en page automatique pour votre application iOS - pour les tuls

Parce que vous êtes sûr de décider - comme tous les bons développeurs d'applications iOS ont décidé et continueront à décider à perpétuité - Votre application doit fonctionner correctement dans les orientations Portrait et Paysage. Vous devez vous assurer que, lorsque vous faites pivoter la vue, la voiture (sous-vue) reste positionnée en bas de l'écran.

Heureusement pour vous, la plupart de ce travail est fait pour vous dans la classe UIViewConroller dont nous avons dérivé TestDriveController. La seule chose que vous devez faire est de dire au contrôleur de vue exactement comment vous voulez qu'il bouge quand la vue change d'orientation. Vous pouvez faire de tels souhaits dans le storyboard en utilisant l'inspecteur de taille.

Vous devrez sélectionner certaines vues pour gérer leur auto-numérisation. Pour ce processus, assurez-vous que le plan du document est affiché à gauche du storyboard. La raison en est claire si vous regardez le plan du document. Dans le View Controller - TestDrive, vous avez une vue.

Dans cette vue, vous disposez d'une vue d'image contenant l'image SeeTheUSA du catalogue d'actifs. La vue de l'image a maintenant la même taille que la vue qui la contient. Vous devez être en mesure de sélectionner chacun séparément, de sorte que la façon la plus simple de le faire est dans le plan du document.

Il existe quatre sections des paramètres Taille. De haut en bas, ils sont

• Métriques: Ici, en haut de l'inspecteur de taille, vous définissez les coordonnées de l'emplacement et la taille de la vue. La plupart du temps, vous utiliserez les outils Interface Builder, mais lorsque vous voulez des tailles précises et précises, vous les tapez ici.

• Priorité d'étreinte du contenu et priorité de compression du contenu: Ces sections sont principalement utilisées pour ajuster la taille de la vue en fonction de son contenu. Chacun d'entre eux a un curseur où vous pouvez ajuster les valeurs horizontales et verticales. Ce n'est pas une situation on / off: au moment de l'exécution, les valeurs sont pesées et les valeurs les plus élevées l'emportent en cas de conflit. Vous pouvez définir des contraintes qui sont contradictoires.

  Par exemple, vous souhaiterez peut-être positionner une vue à un emplacement donné en fonction d'une autre vue. Pour ce faire, la vue peut devoir être redimensionnée. Dans un tel cas, une priorité d'étreinte plus élevée signifiera que la vue résistera au redimensionnement au détriment de ne pas répondre à la demande de positionner 10 points d'une autre vue.

  La compression est l'autre face de la médaille. Si la résistance à la compression a une valeur plus élevée, le redimensionnement qui pourrait tronquer le contenu de la vue sera refusé.

• Taille intrinsèque: Cette valeur est définie par défaut, ce qui vous permet de conserver les mises en page de base. C'est la taille naturelle de la vue qui peut être redimensionnée ou remodelée.

• Contraintes: Voici le cœur de la mise en page automatique. Vous fournissez des contraintes quant à l'emplacement de la vue. Ces contraintes peuvent être contradictoires dans certains cas, mais vous pouvez attribuer un poids à chacune pour indiquer quelles contraintes sont plus importantes que d'autres. Au moment de l'exécution, Auto Layout détermine rapidement la collection optimale de contraintes qui fait autant que possible de ce que vous voulez.

Si vous ne voyez pas la section Contraintes, la disposition automatique peut être désactivée pour votre storyboard. Pour l'activer, sélectionnez le storyboard dans le navigateur de projet et ouvrez l'inspecteur de fichiers. L'option Utiliser une disposition automatique est une case à cocher dans la section Document d'Interface Builder.

Pour définir les contraintes, sélectionnez l'affichage dans le plan du document, puis choisissez Editeur → Résoudre les problèmes de mise en page automatique → Rétablir les contraintes suggérées dans View Controller.

Vous devriez maintenant avoir les trois contraintes. Tous les trois ont la même structure de base. Le premier spécifie l'espace de fin de la vue sélectionnée (l'objet View le plus haut) à la vue de l'image. La seconde spécifie l'espace de début, et la troisième spécifie l'espace de fond.

Vous pouvez vous demander ce que conduisant et derrière sont dans ce contexte. Dans un script de gauche à droite tel que l'anglais, l'espagnol, le français et similaires, l'espace de début est l'espace entre le bord gauche des deux vues, et le trailing est l'espace entre les bords droits.

Pour une langue de droite à gauche telle que l'hébreu ou l'arabe, l'espace de tête est l'espace de droite et l'espace de fuite est l'espace de gauche. Les espaces pour le haut et le bas sont indépendants de la direction de la langue.

Si vous sélectionnez le premier, vous verrez que vous pouvez cliquer sur la roue dentée à droite de chaque contrainte pour ouvrir plus de détails. La valeur par défaut est assez simple: l'espacement entre les bords droits de la vue la plus haute et de la vue de l'image est zéro point. Si vous explorez plus loin, vous verrez que l'espacement inférieur est la valeur par défaut, qui est également zéro.

Vous n'avez pas encore terminé la gestion de la mise en page automatique. Sélectionnez la vue de l'image et épinglez-la au bas de sa vue d'ensemble. Utilisez Éditeur → Épingler → Espace inférieur pour afficher. Cela signifie que la taille sera la bonne lorsque l'appareil sera tourné.

Répétez le processus pour l'image de la voiture. Les valeurs par défaut vous montrent un autre aspect des contraintes. L'espace inférieur par défaut sera de nouveau affiché, mais vous aurez une nouvelle contrainte qui aligne le centre de l'image de la voiture sur le centre de la vue de l'image pour la coordonnée X (horizontale).

Bien que l'application ne fonctionne pas tant que vous n'avez pas entré le code. Mais, lorsque vous entrez ce code, vous pouvez faire pivoter l'application dans le simulateur.

Ce processus est typique de l'utilisation de la mise en page automatique. Dessinez votre mise en page dans la scène du storyboard. Certaines contraintes seront créées automatiquement pour vous et vous pourrez tester pour voir ce qui se passe. Vous devrez peut-être modifier les contraintes (par exemple en épinglant un objet dans une vue d'ensemble).Vous pouvez également choisir d'effacer toutes les contraintes et de rétablir les valeurs par défaut. Un autre tweak peut être nécessaire.