Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Wiki
Pages
Dernière activité
Quoi de neuf
Nouveaux messages
Nouveaux articles
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Magasin
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Le Swift : Développement d'une application iOS | Utilisation des buttons, textfields... | Partie 5
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Mathieu ?" data-source="post: 6996758" data-attributes="member: 712193"><p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 15px">[ATTACH=full]103354[/ATTACH]</span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><span style="font-size: 15px"><a href="https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-les-composants-controller-partie-1.584830/" target="_blank">Le Swift : Développement d'une application iOS | Les composants controller | Partie 1</a></span></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><a href="https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-les-composants-les-plus-utilises-partie-2.584853/" target="_blank">Le Swift : Développement d'une application iOS | Les composants les plus utilisés | Partie 2</a></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><a href="https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-zoom-sur-des-composants-1-partie-3.584886/" target="_blank">Le Swift : Développement d'une application iOS | Zoom sur des composants #1 | Partie 3</a></span></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><a href="https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-zoom-sur-des-composants-2-partie-4.585020/" target="_blank">Le Swift : Développement d'une application iOS | Zoom sur des composants #2 | Partie 4</a></span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Dans cette 5 éme parties nous allons voir comment utiliser les boutons, text fields et labels ainsi que les déclarer dans notre programme.</span></p><p></p><p><span style="font-family: 'MyriadPro Light'"><strong><u>Changer le texte d'un label grâce a un bouton:</u></strong></span></p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Dans un premier temps ajoutée un <span style="color: #0080ff">bouton </span>est un <span style="color: #4da6ff">label </span>sur votre View controller.</span></p><p></p><p style="text-align: center">[ATTACH]103355[/ATTACH]</p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Ensuite clicker sur ce bouton [ATTACH=full]103356[/ATTACH], il va vous permettre de voir votre view a gauche et votre classe a droite et permettre en meme temps la déclaration de vos éléments <span style="color: #0080ff">facilement</span>.</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Déclarons nos élément en utilisant le click droit comme dans la Partie 4 mais cet fois nous allons <span style="color: #0080ff">glisser </span>dans notre fichier swift la ligne au dessus de notre fonction <span style="color: #0080ff">Viewdidload</span>.</span></p><p></p><p style="text-align: center">[ATTACH=full]103357[/ATTACH]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Relâcher alors le click est un petit popup s'ouvre avec quelles que information que je vais vous expliquez tout de suite.</span></p> <p style="text-align: center">[ATTACH=full]103358[/ATTACH]</p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Ici vous avez juste besoin de <span style="color: #4da6ff">renseigner </span>le nom de votre <span style="color: #4da6ff">Label </span>et de clicker sur <span style="color: #00b359">Connect</span>, a ce moment la une nouvelle ligne est créer avec :</span></p><p>[CODE=swift]@IBOutlet var SwiftLabel: UILabel![/CODE]</p><p></p><p><strong><span style="font-family: 'MyriadPro Light'">var -> car la valeur de notre label peut changer</span></strong></p><p><strong><span style="font-family: 'MyriadPro Light'">SwiftLabel -> Nom de notre label</span></strong></p><p><strong><span style="font-family: 'MyriadPro Light'">UILabel -> Type d'outlet</span></strong></p><p><strong><span style="font-family: 'MyriadPro Light'">! -> informe au programme que le type ne peut pas être changer et qu'il seras un Label</span></strong></p><p></p><p><span style="font-family: 'MyriadPro Light'">Une fois notre Label déclarer nous allons faire de même avec notre Bouton. A la suite de sa une nouvelle ligne apparaîtra pour déclarer notre bouton:</span></p><p>[CODE=swift]@IBOutlet var SwiftBouton: UIButton![/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Nous allons maintenant déclarer la fonction qui va </span><span style="font-family: 'MyriadPro-Light'">être</span> <span style="font-family: 'MyriadPro-Light'">exécute</span><span style="font-family: 'MyriadPro Light'"> a </span><span style="font-family: 'MyriadPro-Light'">l’appuie</span><span style="font-family: 'MyriadPro Light'"> sur notre bouton. Pour cela nous allons faire comme une déclaration </span><span style="font-family: 'MyriadPro-Light'">d’éléments</span><span style="font-family: 'MyriadPro Light'"> sauf que sur le popup nous allons changer le type de </span><span style="font-family: 'MyriadPro-Light'"><span style="color: #0080ff">Connexion</span></span><span style="font-family: 'MyriadPro Light'"> en Action:</span></p><p></p><p style="text-align: center">[ATTACH=full]103359[/ATTACH]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Il ne vous reste plus qu'a renseigner le Name et ne pas oublier de <span style="color: #0080ff">changer le Type</span> en UIButton. <span style="color: #4da6ff">L'event </span>correspond a l'action a faire par l'utilisateur pour exécuter la fonction ici "<span style="color: #0080ff">Touch Up inside</span>" signifie a l'appuie de bouton. Une fois cela fais faites Connect.</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'">A ce moment une fonction apparaît :</span></p><p>[CODE=swift]@IBAction func SwiftActionBouton(_ sender: UIButton) {</p><p></p><p>}[/CODE]</p><p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Voila maintenant dans cette fonction nous allons dire que nous voulons changer le text du label en "<span style="color: #4da6ff">RealityGaming</span>" pour cela rien de plus simple :</span></p><p></p><p>[CODE=swift]@IBAction func SwiftActionBouton(_ sender: UIButton) {</p><p> SwiftLabel.text = "RealityGaming"</p><p>}[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'"><strong>Oh mais stop ! </strong>Comme vous avez pu le remarque le Swift <span style="color: #ff0000">n'a pas besoin</span> de <span style="color: #0080ff">point virgule</span> il est <u>optionnel </u>dans ce langage ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite171" alt=":D" title="Awesome face :D" loading="lazy" data-shortname=":D" /></span></p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Continuons maintenant vous pouvez lancer votre application avec le bouton <span style="color: #00b359">[fa]fa-play[/fa]</span>. Arriver sur votre application vous pouvez clicker sur votre bouton et voir que le texte du Label a changer ! Bravo :<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" />:</span></p><p></p><p style="text-align: center"><img src="https://i.gyazo.com/fe38bfe9abd87275c0d63eb4c2a6989d.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p></p><p><strong><span style="font-family: 'MyriadPro Light'"><u>Rajoutons un text field et en changer le texte du label en fonction de son contenue a l’appuie du bouton:</u></span></strong></p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Ajouter votre text field entre votre label et bouton. Ensuite déclaré le comme avec les précédents éléments. Une fois fais nous devons donc modifiée notre fonction exécuté a l’appuie sur notre bouton.</span></p> <p style="text-align: center"></p><p>[CODE=swift]@IBAction func SwiftActionBouton(_ sender: UIButton) {</p><p> SwiftLabel.text = SwiftTextField.text</p><p>}[/CODE]</p><p></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">Voila vous pouvez déboguer votre application de nouveau et voir le résultat <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite171" alt=":D" title="Awesome face :D" loading="lazy" data-shortname=":D" /></span></p> <p style="text-align: center"><img src="https://i.gyazo.com/114c61e0359958b7182e06a9254c5f24.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'"><strong>Conclusion </strong>tout les éléments ce déclare de la même façon et certain on la possibilité de déclarer une fonction directement comme un bouton. Nous verrons dans une prochaine partie comment ajouter une fonction a un éléments suivant une action faites par l'utilisateur. :<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" />:</span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Poppins'"><strong><a href="https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-table-view-en-profondeur-partie-6.586720/" target="_blank">Le Swift : Développement d'une application iOS | Table View en profondeur | Partie 6</a></strong></span></p></blockquote><p></p>
[QUOTE="Mathieu ?, post: 6996758, member: 712193"] [CENTER][FONT=Poppins][SIZE=4][ATTACH=full]103354[/ATTACH] [URL='https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-les-composants-controller-partie-1.584830/']Le Swift : Développement d'une application iOS | Les composants controller | Partie 1[/URL][/SIZE] [URL='https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-les-composants-les-plus-utilises-partie-2.584853/']Le Swift : Développement d'une application iOS | Les composants les plus utilisés | Partie 2[/URL] [URL='https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-zoom-sur-des-composants-1-partie-3.584886/']Le Swift : Développement d'une application iOS | Zoom sur des composants #1 | Partie 3[/URL] [URL='https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-zoom-sur-des-composants-2-partie-4.585020/']Le Swift : Développement d'une application iOS | Zoom sur des composants #2 | Partie 4[/URL][/FONT] [FONT=MyriadPro Light]Dans cette 5 éme parties nous allons voir comment utiliser les boutons, text fields et labels ainsi que les déclarer dans notre programme.[/FONT][/CENTER] [FONT=MyriadPro Light][B][U]Changer le texte d'un label grâce a un bouton:[/U][/B][/FONT] [CENTER][FONT=MyriadPro Light]Dans un premier temps ajoutée un [COLOR=#0080ff]bouton [/COLOR]est un [COLOR=#4da6ff]label [/COLOR]sur votre View controller.[/FONT][/CENTER] [CENTER][ATTACH]103355[/ATTACH] [FONT=MyriadPro Light]Ensuite clicker sur ce bouton [ATTACH=full]103356[/ATTACH], il va vous permettre de voir votre view a gauche et votre classe a droite et permettre en meme temps la déclaration de vos éléments [COLOR=#0080ff]facilement[/COLOR]. Déclarons nos élément en utilisant le click droit comme dans la Partie 4 mais cet fois nous allons [COLOR=#0080ff]glisser [/COLOR]dans notre fichier swift la ligne au dessus de notre fonction [COLOR=#0080ff]Viewdidload[/COLOR].[/FONT][/CENTER] [CENTER][ATTACH=full]103357[/ATTACH][/CENTER] [CENTER][FONT=MyriadPro Light]Relâcher alors le click est un petit popup s'ouvre avec quelles que information que je vais vous expliquez tout de suite.[/FONT] [ATTACH=full]103358[/ATTACH] [FONT=MyriadPro Light]Ici vous avez juste besoin de [COLOR=#4da6ff]renseigner [/COLOR]le nom de votre [COLOR=#4da6ff]Label [/COLOR]et de clicker sur [COLOR=#00b359]Connect[/COLOR], a ce moment la une nouvelle ligne est créer avec :[/FONT][/CENTER] [CODE=swift]@IBOutlet var SwiftLabel: UILabel![/CODE] [B][FONT=MyriadPro Light]var -> car la valeur de notre label peut changer SwiftLabel -> Nom de notre label UILabel -> Type d'outlet ! -> informe au programme que le type ne peut pas être changer et qu'il seras un Label[/FONT][/B] [FONT=MyriadPro Light]Une fois notre Label déclarer nous allons faire de même avec notre Bouton. A la suite de sa une nouvelle ligne apparaîtra pour déclarer notre bouton:[/FONT] [CODE=swift]@IBOutlet var SwiftBouton: UIButton![/CODE] [CENTER][FONT=MyriadPro Light]Nous allons maintenant déclarer la fonction qui va [/FONT][FONT=MyriadPro-Light]être[/FONT] [FONT=MyriadPro-Light]exécute[/FONT][FONT=MyriadPro Light] a [/FONT][FONT=MyriadPro-Light]l’appuie[/FONT][FONT=MyriadPro Light] sur notre bouton. Pour cela nous allons faire comme une déclaration [/FONT][FONT=MyriadPro-Light]d’éléments[/FONT][FONT=MyriadPro Light] sauf que sur le popup nous allons changer le type de [/FONT][FONT=MyriadPro-Light][COLOR=#0080ff]Connexion[/COLOR][/FONT][FONT=MyriadPro Light] en Action:[/FONT][/CENTER] [CENTER][ATTACH=full]103359[/ATTACH][/CENTER] [CENTER][FONT=MyriadPro Light]Il ne vous reste plus qu'a renseigner le Name et ne pas oublier de [COLOR=#0080ff]changer le Type[/COLOR] en UIButton. [COLOR=#4da6ff]L'event [/COLOR]correspond a l'action a faire par l'utilisateur pour exécuter la fonction ici "[COLOR=#0080ff]Touch Up inside[/COLOR]" signifie a l'appuie de bouton. Une fois cela fais faites Connect. A ce moment une fonction apparaît :[/FONT][/CENTER] [CODE=swift]@IBAction func SwiftActionBouton(_ sender: UIButton) { }[/CODE] [CENTER] [FONT=MyriadPro Light]Voila maintenant dans cette fonction nous allons dire que nous voulons changer le text du label en "[COLOR=#4da6ff]RealityGaming[/COLOR]" pour cela rien de plus simple :[/FONT][/CENTER] [CODE=swift]@IBAction func SwiftActionBouton(_ sender: UIButton) { SwiftLabel.text = "RealityGaming" }[/CODE] [CENTER][FONT=MyriadPro Light][B]Oh mais stop ! [/B]Comme vous avez pu le remarque le Swift [COLOR=#ff0000]n'a pas besoin[/COLOR] de [COLOR=#0080ff]point virgule[/COLOR] il est [U]optionnel [/U]dans ce langage ! :D[/FONT][/CENTER] [CENTER][FONT=MyriadPro Light]Continuons maintenant vous pouvez lancer votre application avec le bouton [COLOR=#00b359][fa]fa-play[/fa][/COLOR]. Arriver sur votre application vous pouvez clicker sur votre bouton et voir que le texte du Label a changer ! Bravo ::):[/FONT][/CENTER] [CENTER][IMG]https://i.gyazo.com/fe38bfe9abd87275c0d63eb4c2a6989d.gif[/IMG] [/CENTER] [B][FONT=MyriadPro Light][U]Rajoutons un text field et en changer le texte du label en fonction de son contenue a l’appuie du bouton:[/U][/FONT][/B] [CENTER][FONT=MyriadPro Light]Ajouter votre text field entre votre label et bouton. Ensuite déclaré le comme avec les précédents éléments. Une fois fais nous devons donc modifiée notre fonction exécuté a l’appuie sur notre bouton.[/FONT] [/CENTER] [CODE=swift]@IBAction func SwiftActionBouton(_ sender: UIButton) { SwiftLabel.text = SwiftTextField.text }[/CODE] [CENTER][FONT=MyriadPro Light]Voila vous pouvez déboguer votre application de nouveau et voir le résultat :D[/FONT] [IMG]https://i.gyazo.com/114c61e0359958b7182e06a9254c5f24.gif[/IMG] [FONT=MyriadPro Light][B]Conclusion [/B]tout les éléments ce déclare de la même façon et certain on la possibilité de déclarer une fonction directement comme un bouton. Nous verrons dans une prochaine partie comment ajouter une fonction a un éléments suivant une action faites par l'utilisateur. ::):[/FONT] [FONT=Poppins][B][URL='https://reality-gaming.fr/threads/le-swift-developpement-dune-application-ios-table-view-en-profondeur-partie-6.586720/']Le Swift : Développement d'une application iOS | Table View en profondeur | Partie 6[/URL][/B][/FONT][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Le Swift : Développement d'une application iOS | Utilisation des buttons, textfields... | Partie 5
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut