Le Swift : Développement d'une application iOS | Les composants les plus utilisés | Partie 2

Mathieu ?

IT Officer @STATION F
Premium
Inscription
19 Novembre 2016
Messages
1 247
Réactions
1 460
Points
12 310
Swift.png


Le Swift : Développement d'une application iOS | Les composants controller | Partie 1


Les composants les plus utilisés pour développer une application iOS !


upload_2016-12-28_15-3-29.png

Label
Le label rien de bien compliquer c'est comme dans tout les langages de programmation tels que le C# ou C++, cet élément sert a afficher du texte tels qu'un titre ou autre.

upload_2016-12-28_15-4-8.png

Button
Comme sont nom l'indique c'est un
bouton qui permet de faire une action lors d'une interaction avec celui ci.

upload_2016-12-28_15-4-58.png

Segmented Control
Cet élément vas vous permettre a l'interaction par exemple de faire une changement de view ou tout autre fonction assigner a chaque Segment. Pour exemple quand vous êtes dans le classement des applications sur l'AppStore vous avez le choix entre Payante / Gratuite / Rentable.

upload_2016-12-28_15-5-30.png

Text Field
Cet élément est comme une input texte en langage Web ou une TextBox pour le C# il va vous permettre de capturer des donnée insérer par l'utilisateur.

upload_2016-12-28_15-6-46.png

Slider
Cet élément sert a pouvoir choisir une valeur dans une Range, autrement dit comme la bar qui permet de régler le volume ou de vous déplacée dans une vidéo.

upload_2016-12-28_15-7-23.png

Switch
Cet élément est tout simplement un
bouton ON/OFF ou aussi similaire a une Checkbox.

upload_2016-12-28_15-8-10.png

Activity Indicator View
C'est tout simplement un indicateur d'activité vous pouvez par exemple le faire apparaître des qu'une longue action est en cours, exemple comme quand tu essaye d'envoyer un message sur la shoutbox et que sa RAM un logo RG apparaît alors en haut est tourne :trollneige:

upload_2016-12-28_15-8-45.png

Progress View
Dans le même style que l’élément précédent sauf que lui vous permet de montrer l'avancement d'une action.

upload_2016-12-28_15-10-7.png

Page Control
Cet élément permet a l'utilisateur d’être informer sur le nombre de page sur la view actuel et sur la quelle il est actuellement.

upload_2016-12-28_15-10-41.png

Stepper
Cet élément permet d’incrémenter ou de diminuer une valeur a l'aide d'un bouton + ou -

upload_2016-12-28_15-11-25.png

TableView
Cet élément est comme je le parler dans la partie 1 l'équivalent a la Table View Controller mais ici il peut etre ajouter dans une view.

upload_2016-12-28_15-12-4.png

Table View Cell
Cet élément est très utile quand nous voulons faire des tableview static (que nous feront plus tard).

upload_2016-12-28_15-12-29.png

Image View
Cet élément va vous permettre d'ajouter une image dans votre view.

upload_2016-12-28_15-12-50.png

Collection View
Cet élément est l'équivalent a la Collection View Controller.

upload_2016-12-28_15-13-8.png

Collection View Cell
Cet élément est comme la Table View Cell elle va permettre de faire des collection view static.

upload_2016-12-28_15-13-35.png

Text View
Cet éléments est semblable a un label sauf que lui va vous permettre de mettre beaucoup de ligne est pouvoir scroller le textes ce que ne permet pas un label.

upload_2016-12-28_15-13-58.png

Scroll View
Cet élément vous permet de faire une View scrollable, quand vous voulez faire quelle que chose de static

upload_2016-12-28_15-15-15.png

Date Picker
Cet élément permet a l'utilisateur de chosir une date. Vous pouvez l'utilisez pour demander la date de naissance de l'utilisateur, l'heures etc

upload_2016-12-28_15-15-43.png

Picker View
Même fonctionnement que le Date Picker sauf qu'ici c'est vous qui choisissez les données.

upload_2016-12-28_15-16-27.png

Navigation Bar
Vous permet d'ajouter une NavBar en haut avec un titre, un sous titre et des boutons a gauche et a droite.

upload_2016-12-28_15-17-0.png

Toolbar
Élément qui permet de faire apparaître une bar avec des boutons lorsque l'utilisateur fais une action. Un exemple lorsque des application vous demande de remplir un formulaire vous avec une croix pour faire disparaître le clavier et des flèches pour naviguer entre les différents input.

upload_2016-12-28_15-17-22.png

Bar Button Item
Permet d'ajouter un item a une Toolbar.

upload_2016-12-28_15-18-2.png

Tab Bar
Permet d'ajouter une bar en bas d'un Controller est d'y ajouter des boutons.

upload_2016-12-28_15-18-18.png

Tab Bar Item
Permet d'ajouter un item a une Tab Bar.

UVZzxiC.png

Search Bar
Permet de rechercher des mots clés dans une view la où décide le développeur.

tViJ0XB.png

View
Cet éléments est le même que la View Controller sauf quelle peut etre ajouter dans un Controller et servir de conteneur.

TGwb4pO.png

Container View
Permet d’intégrer un Controller dans un autre Controller. Un peu difficile comme sa a comprendre mais tout seras expliquer en détails dans une prochaine partie.

aD1RGop.png

GLKit View
Cet élément et le même que le GLKit View Controller mais lui peut être ajouter dans un controller la où vous le souhaitez.

AmDe5Vk.png

WebView
Permet d'ajouter un navigateur web nue a votre view. Exemple d'application comme Chrome, opéra...

Conclusion comme vous pouvez le voir Xcode possède de nombreux éléments pour développer une application iOS. D'autre non présenter sont présent mais moins utiliser si je puis dire mais aussi plus complexe pour un débutant. On se retrouve donc dans une 3éme partie où je vais vous expliquez le fonctionnement de certains Controller

Ce sont des previews des éléments quand vous développer ::):

Le Swift : Développement d'une application iOS | Zoom sur des composants #1 | Partie 3
 
Dernière édition:
Haut