DÉVELOPPER UNE APPLICATION IOS

Size: px

Start display at page:

Download "DÉVELOPPER UNE APPLICATION IOS"

Kellie Harrison
5 years ago
Views:

1 DÉVELOPPER UNE APPLICATION IOS PROTOCOLES CE COURS EST EXTRAIT DU LIVRE APP DEVELOPMENT WITH SWIFT 1

2 PROTOCOLES Définit un plan de méthodes, de propriétés et d'autres exigences qui conviennent à une tâche ou une fonctionnalité particulière Quelques protocoles de la bibliothèque standard Swift : CustomStringConvertible Equatable Comparable Lorsque vous adoptez un protocole, vous devez implémenter toutes les méthodes requises. AFFICHAGE AVEC CUSTOMSTRINGCONVERTIBLE let string = "Hello, world!" print(string) let number = 42 print(number) let boolean = false print(boolean) Hello, world! 42 false 2

3 AFFICHAGE AVEC WITH CUSTOMSTRINGCONVERTIBLE SANS CustomStringConvertible class Shoe { let color: String let size: Int let haslaces: Bool let myshoe = Shoe(color: "Black", size: 12, haslaces: true) print(myshoe) Shoe AFFICHAGE AVEC WITH CUSTOMSTRINGCONVERTIBLE class Shoe: CustomStringConvertible { let color: String let size: Int let haslaces: Bool 3

4 AFFICHAGE AVEC WITH CUSTOMSTRINGCONVERTIBLE class Shoe: CustomStringConvertible { let color: String let size: Int let haslaces: Bool init(color: String, size: Int, haslaces: Bool) { self.color = color self.size = size self.haslaces = haslaces var description: String { return "Shoe(color: \(color), size: \(size), haslaces: \(haslaces)) let myshoe = Shoe(color: "Black", size: 12, haslaces: true) print(myshoe) Shoe(color: Black, size: 12, haslaces: true) COMPARER DES INFORMATIONS AVEC EQUATABLE struct Employee { let firstname: String let lastname: String let jobtitle: String let phonenumber: String struct Company { let name: String let employees: [Employee] 4

5 COMPARER DES INFORMATIONS AVEC EQUATABLE let currentemployee = Session.currentEmployee let selectedemployee = Employee(firstName: "Jacob", lastname: "Edwards", jobtitle: "Marketing Director", phonenumber: " ") if currentemployee == selectedemployee { // Enable "Edit" button COMPARER DES INFORMATIONS AVEC EQUATABLE struct Employee: Equatable { let firstname: String let lastname: String let jobtitle: String let phonenumber: String static func ==(lhs: Employee, rhs: Employee) -> Bool { // Logic that determines if the value on the left hand side and right hand side are equal 5

6 COMPARER DES INFORMATIONS AVEC EQUATABLE struct Employee: Equatable { let firstname: String let lastname: String let jobtitle: String let phonenumber: String static func ==(lhs: Employee, rhs: Employee) -> Bool { return lhs.firstname == rhs.firstname && lhs.lastname == rhs.lastname COMPARER DES INFORMATIONS AVEC EQUATABLE let currentemployee = Employee(firstName: "Jacob", lastname: "Edwards", jobtitle: "Industrial Designer", phonenumber: " ") let selectedemployee = Employee(firstName: "Jacob", lastname: "Edwards", jobtitle: "Marketing Director", phonenumber: " ") if currentemployee == selectedemployee { // Enable "Edit" button 6

7 COMPARER DES INFORMATIONS AVEC EQUATABLE struct Employee: Equatable { let firstname: String let lastname: String let jobtitle: String let phonenumber: String static func ==(lhs: Employee, rhs: Employee) -> Bool { return lhs.firstname == rhs.firstname && lhs.lastname == rhs.lastname && lhs.jobtitle == rhs.jobtitle && lhs.phonenumber == rhs.phonenumber TRIER LES INFORMATIONS AVEC COMPARABLE let employee1 = Employee(firstName: "Ben", lastname: "Atkins", jobtitle: "Front Desk", phonenumber: " ") let employee2 = Employee(firstName: "Vera", lastname: "Carr", jobtitle: "CEO", phonenumber: " ") let employee3 = Employee(firstName: "Grant", lastname: "Phelps", jobtitle: "Senior Manager", phonenumber: ") let employee4 = Employee(firstName: "Sang", lastname: "Han", jobtitle: "Accountant", phonenumber: " ") let employee5 = Employee(firstName: "Daren", lastname: "Estrada", jobtitle: "Sales Lead", phonenumber: " ") let employees = [employee1, employee2, employee3, employee4, employee5] 7

8 TRIER LES INFORMATIONS AVEC COMPARABLE struct Employee: Equatable, Comparable { let firstname: String let lastname: String let jobtitle: String let phonenumber: String static func ==(lhs: Employee, rhs: Employee) -> Bool { return lhs.firstname == rhs.firstname && lhs.lastname == rhs.lastname && lhs.jobtitle == rhs.jobtitle && lhs.phonenumber == rhs.phonenumber static func < (lhs: Employee, rhs: Employee) -> Bool { return lhs.lastname < rhs.lastname TRIER LES INFORMATIONS AVEC COMPARABLE let employees = [employee1, employee2, employee3, employee4, employee5] let sortedemployees = employees.sorted(by:<) for employee in sortedemployees { print(employee) Employee(firstName: "Ben", lastname: "Atkins", jobtitle: "Front Desk", phonenumber: " ") Employee(firstName: "Vera", lastname: "Carr", jobtitle: "CEO", phonenumber: " ") Employee(firstName: "Daren", lastname: "Estrada", jobtitle: "Sales Lead", phonenumber: " ") Employee(firstName: "Sang", lastname: "Han", jobtitle: "Accountant", phonenumber: " ") Employee(firstName: "Grant", lastname: "Phelps", jobtitle: "Senior Manager", phonenumber: " ") 8

9 TRIER LES INFORMATIONS AVEC COMPARABLE let employees = [employee1, employee2, employee3, employee4, employee5] let sortedemployees = employees.sorted(by:>) for employee in sortedemployees { print(employee) Employee(firstName: "Grant", lastname: "Phelps", jobtitle: "Senior Manager", phonenumber: " ") Employee(firstName: "Sang", lastname: "Han", jobtitle: "Accountant", phonenumber: " ") Employee(firstName: "Daren", lastname: "Estrada", jobtitle: "Sales Lead", phonenumber: " ") Employee(firstName: "Vera", lastname: "Carr", jobtitle: "CEO", phonenumber: " ") Employee(firstName: "Ben", lastname: "Atkins", jobtitle: "Front Desk", phonenumber: " ") CRÉER UN PROTOCOLE protocol FullyNamed { var fullname: String { get func sayfullname() struct Person: FullyNamed { var firstname: String var lastname: String 9

10 CRÉER UN PROTOCOLE struct Person: FullyNamed { var firstname: String var lastname: String var fullname: String { return "\(firstname) \(lastname)" func sayfullname() { print(fullname) DÉLÉGATION Permet à une classe ou à une structure de transférer des responsabilités à une instance d'un autre type protocol ButtonDelegate { func usertappedbutton(_ button: Button) class GameController: ButtonDelegate { func usertappedbutton(_ button: Button) { print("user tapped the \(button.title) button.") 10

11 DELEGATION class Button { let title: String var delegate: ButtonDelegate? // Add a delegate property to the Button init(title: String) { self.title = title func tapped() { self.delegate?.usertappedbutton(self) // If the delegate exists, call the delegate // function 'usertappedbutton' on the delegate DELEGATION let startbutton = Button(title: "Start Game") let gamecontroller = GameController() startbutton.delegate = gamecontroller startbutton.tapped() 11

12 class Button { let title: String var delegate: ButtonDelegate? // Add a delegate property to the Button init(title: String) { self.title = title func tapped() { self.delegate?.usertappedbutton(self) // If the delegate exists, call the delegate // function `usertappedbutton` on the delegate class GameController: ButtonDelegate { func usertappedbutton(_ button: Button) { print("user tapped the \(button.title) button.") DELEGATION let musiccontroller = MusicController() let startmusicbutton = Button(title: "Play") startmusicbutton.delegate = musiccontroller let stopmusicbutton = Button(title: "Pause") stopmusicbutton.delegate = musiccontroller 12

$class MusicController: ButtonDelegate { func playsong(_ song: Song) { print("now playing \(song.title)") func pausesong() { print("paused current song.$

13 class MusicController: ButtonDelegate { func playsong(_ song: Song) { print("now playing \(song.title)") func pausesong() { print("paused current song.") func usertappedbutton(_ button: Button) { if button.title == "Play" { playsong(playlist.songs.first) else if button.title == "Stop" { pausesong() TABLE VIEWS CE COURS EST EXTRAIT DU LIVRE APP DEVELOPMENT WITH SWIFT 13

14 TABLE VIEWS Une instance de la classeuitableview Une sous-classe de UIScrollView Affiche une liste d éléments Affiche une ou plusieurs données Défilement vertical et une seule colonnes, plusieurs lignes Options personnalisables TYPES DE TABLE VIEWS Contenu modifiable Contenu non modifiable Dynamique Statique 14

15 TABLE VIEW CONTROLLERS Comment en ajouter : Ajouter une instance de table view dans le view controller (code) Ajouter un table view controller à votre storyboard (Interface Builder) STYLE DE TABLE VIEW Plain Groupé 15

16 TABLE VIEW CELLS (UITABLEVIEWCELL) tableview(_:accessorybuttontappedforrowwith:) Chaque ligne est représentée par une TableViewCell Contenu de la cellule Vue accessoire In editing mode, the cell content shrinks Editing control Contenu de la cellule Contrôle de la Réorganisation PROPRIÉTÉS DE UITABLEVIEWCELL Propriété textlabel detailtextlabel imageview Description UILabel pour le titre UILabel pour le sous-titre UIImageView pour l image 16

UITABLEVIEWCELLSTYLE Storyboard code affichage Basic.default textlabel, imageview Subtitle.subtitle textlabel, detailtextlabel, imageview Right detail.

17 UITABLEVIEWCELLSTYLE Storyboard code affichage Basic.default textlabel, imageview Subtitle.subtitle textlabel, detailtextlabel, imageview Right detail.value1 textlabel, detailtextlabel, imageview Left detail.value2 textlabel, detailtextlabel MARGE DES TABLE VIEW Mettre tableview.celllayoutmarginsfollowreadablewidth à true Default Adjusted 17

INDEX PATHS Accéder à une ligne dans une section indexpath.row indexpath.

données de même type var emojis: [Emoji] [Emoji(symbol: Character(" "),

", usage: "happiness"), Emoji(symbol: Character(" "), name: "Confused

", usage: "unsure what to think; displeasure"), Emoji(symbol:

18 INDEX PATHS Accéder à une ligne dans une section indexpath.row indexpath.section Valeurs à 0 par défaut TABLEAUX ET TABLE VIEWS Collection de données de même type var emojis: [Emoji] [Emoji(symbol: Character(" "), name: "Grinning Face", description: "A typical smiley face.", usage: "happiness"), Emoji(symbol: Character(" "), name: "Confused Face", description: "A confused, puzzled face.", usage: "unsure what to think; displeasure"), Emoji(symbol: Character(" "), name: "Heart Eyes", description: "A smiley face with hearts for eyes.", usage: "love of something; attractive )] 18

19 CELL DEQUEUEING Seules les cellules visibles sont chargées Enregistre en mémoire Permet un flux fluide lors du défilement let cell: UITableViewCell = tableview.dequeuereusablecell(withidentifier: "Cell", for: indexpath) PROTOCOLES TABLE VIEW Protocole UITableViewDataSource UITableViewDelegate (optional) Description Fournit les données des sections et des lignes Personnalise l apparence et le comportement 19

20 UITABLEVIEWDATASOURCE NOMBRE DE SECTIONS Une seule section si la fonction n est pas fournie optional func numberofsections(in tableview: UITableView) -> Int UITABLEVIEWDATASOURCE NOMBRE DE LIGNE D UNE SECTION func tableview(_ tableview: UITableView, numberofrowsinsection section: Int) -> Int 20

UITABLEVIEWDATASOURCE CELLULE POUR UN INDEX PATH func tableview(_ tableview: UITableView, cellforrowat indexpath: IndexPath) -> UITableViewCell DELEGUÉ DE TABLE VIEW

21 UITABLEVIEWDATASOURCE CELLULE POUR UN INDEX PATH func tableview(_ tableview: UITableView, cellforrowat indexpath: IndexPath) -> UITableViewCell DELEGUÉ DE TABLE VIEW (UITABLEVIEWDELEGATE) Répondre à l interaction de la vue accesoire tableview(_:accessorybuttontappedforrowwith:) Répondre à l interaction de l utilisateur tableview(_:didselectrowat:) 21

22 RECHARGER DES DONNÉES reloaddata() Pour forcer à recharger des données REFRESH CONTROL (UIREFRESHCONTROL) override func viewdidload() { super.viewdidload() self.refreshcontrol = UIRefreshControl() self.refreshcontrol?.addtarget(self, action: #selector(refreshcontrolactivated(sender:)), for:.valuechanged)... func refreshcontrolactivated(sender: UIRefreshControl) { // Fetch data from server here tableview.reloaddata() sender.endrefreshing() //this line ends the animation 22

ios Application Development Lecture 5: Protocols, Extensions,TabBar an Scroll Views

ios Application Development Lecture 5: Protocols, Extensions,TabBar an Scroll Views Dr. Simon Völker & Philipp Wacker Media Computing Group RWTH Aachen University Winter Semester 2017/2018 http://hci.rwth-aachen.de/ios