Πίνακας περιεχομένων:

Δημιουργήστε μια προβολή κύλισης με το Swift: 9 βήματα
Δημιουργήστε μια προβολή κύλισης με το Swift: 9 βήματα

Βίντεο: Δημιουργήστε μια προβολή κύλισης με το Swift: 9 βήματα

Βίντεο: Δημιουργήστε μια προβολή κύλισης με το Swift: 9 βήματα
Βίντεο: ПОЛУЧАЙТЕ 1000 долларов США в день одним щелчком кнопки (... 2024, Ιούλιος
Anonim
Image
Image

Πριν από μερικούς μήνες, δεν ήξερα την ύπαρξη του swift και του Xcode. Σήμερα, μπόρεσα να αναπτύξω ένα μικρό μέρος της εφαρμογής που θέλω να δημιουργήσω. Wasμουν σε θέση να δημιουργήσω κάτι δροσερό, το οποίο θα ήθελα να μοιραστώ μαζί σας.

Σε αυτό το σεμινάριο θα σας καθοδηγήσω στη διαδικασία δημιουργίας μιας σκηνής προβολής κύλισης, στην οποία οι χρήστες θα ανακατευθυνθούν όταν θέλουν να καταχωρήσουν έναν νέο λογαριασμό. Στην πορεία, θα φροντίσω να σας δώσω μερικές θεωρητικές εξηγήσεις για τα πράγματα που κάνουμε, ώστε να καταλάβετε πραγματικά τι κάνουμε.

Πριν το κάνουμε αυτό, ας μιλήσουμε για το τι είναι το Swift και το Xcode:

1. Το Swift είναι μια ισχυρή και διαισθητική γλώσσα προγραμματισμού για macOS, iOS, watchOS και tvOS. Η συγγραφή κώδικα Swift είναι διαδραστική και διασκεδαστική, η σύνταξη είναι συνοπτική αλλά εκφραστική και το Swift περιλαμβάνει σύγχρονα χαρακτηριστικά που αγαπούν οι προγραμματιστές. Ο κώδικας Swift είναι ασφαλής από τη σχεδίαση, αλλά παράγει επίσης λογισμικό που λειτουργεί γρήγορα. Έχει σχεδιαστεί για να λειτουργεί με τα πλαίσια Cocoa και Cocoa Touch της Apple και το μεγάλο σώμα του υπάρχοντος κώδικα Objective-C γραμμένο για προϊόντα Apple. Είναι χτισμένο με το πλαίσιο μεταγλωττιστή LLVM ανοιχτού κώδικα και έχει συμπεριληφθεί στο Xcode από την έκδοση 6, που κυκλοφόρησε το 2014. Στις πλατφόρμες της Apple, χρησιμοποιεί τη βιβλιοθήκη χρόνου εκτέλεσης Objective-C που επιτρέπει τον κώδικα C, Objective-C, C ++ και Swift μέσα σε ένα πρόγραμμα.

2. Το Xcode είναι ένα ολοκληρωμένο περιβάλλον ανάπτυξης (IDE) για macOS που περιέχει μια σειρά εργαλείων ανάπτυξης λογισμικού που αναπτύχθηκαν από την Apple για την ανάπτυξη λογισμικού για macOS, iOS, watchOS και tvOS.

Βήμα 1: Λήψη Xcode

Εργασία στο UI
Εργασία στο UI

Το Xcode 10 περιλαμβάνει όλα όσα χρειάζεστε για να δημιουργήσετε εκπληκτικές εφαρμογές για όλες τις πλατφόρμες της Apple. Τώρα το Xcode και τα Όργανα φαίνονται υπέροχα στη νέα Dark Mode στο macOS Mojave. Ο επεξεργαστής πηγαίου κώδικα σάς επιτρέπει να μεταμορφώνετε ή να επαναδιαμορφώνετε τον κώδικα πιο εύκολα, να βλέπετε τις αλλαγές ελέγχου πηγής παράλληλα με τη σχετική γραμμή και να λαμβάνετε γρήγορα λεπτομέρειες σχετικά με τις διαφορές ανάντη κώδικα. Μπορείτε να δημιουργήσετε το δικό σας όργανο με προσαρμοσμένη απεικόνιση και ανάλυση δεδομένων. Το Swift καταρτίζει το λογισμικό πιο γρήγορα, σας βοηθά να παραδίδετε γρηγορότερες εφαρμογές και δημιουργεί ακόμη μικρότερα δυαδικά αρχεία. Οι δοκιμαστικές σουίτες ολοκληρώνονται πολλές φορές γρηγορότερα, η συνεργασία με μια ομάδα είναι απλούστερη και ασφαλέστερη και πολύ περισσότερο.

Το Xcode 10 περιλαμβάνει το Swift 4.2, το οποίο μεταγλωττίζει το λογισμικό σας πιο γρήγορα, σας βοηθά να παραδίδετε γρηγορότερες εφαρμογές και δημιουργεί ακόμη μικρότερα δυαδικά αρχεία. Σε σύγκριση με το Swift 4.0, ο τελευταίος μεταγλωττιστής Swift μπορεί να δημιουργήσει μεγάλες εφαρμογές δύο φορές πιο γρήγορα.* Σε συνδυασμό με το νέο σύστημα δημιουργίας Xcode, η καθημερινή επεξεργασία, κατασκευή και δοκιμή της ροής εργασίας σας είναι πολύ πιο γρήγορη. Βελτιστοποιημένο για το τελευταίο πολυπύρηνο υλικό Mac, το Xcode και το Swift δημιουργούν μια αστραπιαία πλατφόρμα ανάπτυξης.

Βήμα 2: Ας ξεκινήσουμε

Image
Image

Αυτό λοιπόν που θα κάνουμε είναι να πάμε στο Xcode και να δημιουργήσουμε ένα νέο έργο. Μόλις κάνουμε κλικ σε ένα νέο έργο, η εφαρμογή μας θα είναι μια εφαρμογή μιας προβολής. Για όσους δεν γνωρίζουν, μια εφαρμογή μεμονωμένης προβολής σημαίνει ότι θα χρειαστεί να ξεκινήσετε τα πάντα από την αρχή και ότι θα υπάρχει μία ενιαία προβολή που μπορούμε να προγραμματίσουμε.

Ονομάστε το προϊόν σας TutorialApp. Εάν είστε έμπειρος προγραμματιστής που δημοσιεύει εφαρμογές στο App Store, πιθανότατα θα έχετε μια ομάδα, αλλά εάν είστε νέοι και δεν έχετε δημοσιευμένες εφαρμογές, μπορείτε να παραλείψετε αυτό το πεδίο. Στο όνομα του οργανισμού, μπορείτε να γράψετε το όνομα της εταιρείας σε περίπτωση που το έχετε, στην περίπτωσή μου θα κρατήσω απλώς το MacBook Pro. Στη συνέχεια, το αναγνωριστικό οργανισμού θεωρείται κάτι σαν ένα μοναδικό αναγνωριστικό του έργου σας, επομένως, μπορείτε να γράψετε ό, τι θέλετε. Η γλώσσα σίγουρα θα είναι γρήγορη.

Έτσι, πατήστε το επόμενο και ας αποθηκεύσουμε το έργο στην επιφάνεια εργασίας, ώστε να είναι εύκολη η πρόσβαση.

Το νέο έργο αποτελείται από τρία αρχεία, το AppDelegate.swift, το ViewController.swift και το αστέρι αυτού του σεμιναρίου: Main.storyboard. Κάτω από τις πληροφορίες ανάπτυξης> Προσανατολισμός συσκευής στις γενικές ρυθμίσεις έργου, ορίστε τις συσκευές στο iPhone. Δεδομένου ότι πρόκειται για εφαρμογή μόνο για πορτρέτο, καταργήστε την επιλογή των επιλογών Landscape Leftand Landscape Right. Ανοίξτε το Main.storyboard στο πρόγραμμα πλοήγησης για να το δείτε στο Interface Buildereditor:

Δεν πρόκειται να κάνουμε καμία αλλαγή στη διαμόρφωση και θα πάμε κατευθείαν στο κεντρικό storyboard. Δεδομένου ότι δημιουργήσαμε μια εφαρμογή μοναδικής προβολής, δημιουργήσαμε μια απλή ενιαία, κενή προβολή. Αυτό είναι κάτι που πρέπει να δουλέψουμε.

Βήμα 3: Εργασία στο UI

Εργασία στο UI
Εργασία στο UI
Εργασία στο UI
Εργασία στο UI

Η επίσημη ορολογία του storyboard για έναν ελεγκτή προβολής είναι "σκηνή", αλλά μπορείτε να χρησιμοποιήσετε τους όρους εναλλακτικά. Μια σκηνή αντιπροσωπεύει έναν ελεγκτή προβολής στο storyboard.

Εδώ βλέπετε έναν ελεγκτή προβολής που περιέχει μια κενή προβολή. Το βέλος που δείχνει προς τον ελεγκτή προβολής από τα αριστερά υποδηλώνει ότι είναι ο αρχικός ελεγκτής προβολής που θα εμφανιστεί για αυτό το storyboard. Ο σχεδιασμός μιας διάταξης στον επεξεργαστή storyboard γίνεται σύροντας στοιχεία ελέγχου από τη Βιβλιοθήκη αντικειμένων (δείτε την επάνω δεξιά γωνία) στο χειριστήριο προβολής.

Για να αποκτήσετε μια εικόνα για το πώς λειτουργεί ο επεξεργαστής storyboard, σύρετε μερικά στοιχεία ελέγχου από τη Βιβλιοθήκη αντικειμένων στο χειριστήριο κενής προβολής, όπως φαίνεται στο βίντεο.

Καθώς σύρετε τα στοιχεία ελέγχου, θα πρέπει να εμφανίζονται στο περίγραμμα εγγράφου στα αριστερά.

Μπορείτε να δημιουργήσετε τη διεπαφή χρήστη που θέλετε. Στην περίπτωσή μου, χρησιμοποίησα αυτό που βλέπετε στην εικόνα.

Βήμα 4: Δημιουργήστε έναν ελεγκτή δεύτερης προβολής και ξεκινήστε Segues (μεταβάσεις)

Image
Image
Δημιουργήστε το οριζόντιο κτύπημα της σελίδας
Δημιουργήστε το οριζόντιο κτύπημα της σελίδας

Έτσι, στην εφαρμογή μου, όταν ο χρήστης πατήσει το κουμπί "Εγγραφή νέου λογαριασμού", θέλω να ανακατευθυνθεί στη σελίδα του λογαριασμού μητρώου. Για το σκοπό αυτό, κάθε σελίδα είναι μια νέα σκηνή, μια νέα οθόνη. Για το λόγο αυτό, πρέπει να δημιουργήσουμε ένα δεύτερο ελεγκτή προβολής, το οποίο μπορείτε να βρείτε στη βιβλιοθήκη αντικειμένων.

Πληκτρολογήστε το ελεγκτή προβολής και τοποθετήστε το δίπλα στον ελεγκτή αρχικής προβολής. Αυτή η σκηνή θα είναι υπεύθυνη για τον ελεγκτή προβολής καταχωρητή. Η ανακατεύθυνση σε αυτήν τη σελίδα μπορεί να γίνει με δύο τρόπους:

  1. μπορούμε να το κάνουμε χειροκίνητα όταν κάνουμε μια σύνδεση ενέργειας από το κουμπί στο άλλο χειριστήριο προβολής
  2. μπορούμε να το κάνουμε προγραμματικά

Αυτό που επέλεξα να κάνω είναι να το φτιάξω χειροκίνητα. Είναι απλό ως εξής:

  1. Κάντε ένα αριστερό κλικ στο κουμπί σας (στην περίπτωσή μου, Εγγραφή νέου λογαριασμού)
  2. Κρατήστε την εντολή και το αριστερό κλικ του ποντικιού για να το σύρετε στη σκηνή ελέγχου καταχώρισης.
  3. Αφήστε το εκεί και επιλέξτε "Present Modally"

Βήμα 5: Δημιουργία τάξης προγραμματισμού για διαδικασία εγγραφής

Έτσι, τώρα θέλουμε να δημιουργήσουμε μια ειδική κλάση κωδικοποίησης για τη νέα σκηνή.

Για να το κάνετε αυτό πρέπει να κάνετε τα ακόλουθα βήματα:

  • κάντε δεξί κλικ στο φάκελο του έργου σας
  • κάντε κλικ στο νέο αρχείο που ονομάζεται τάξη αφής κακάο
  • στην τάξη γράψτε: RegisterVC
  • ΠΟΛΥ ΣΗΜΑΝΤΙΚΟ! Βεβαιωθείτε ότι η υποκατηγορία πρέπει να είναι τύπου UIViewController
  • η γλώσσα πρέπει να είναι γρήγορη.
  • κάντε κλικ στο επόμενο και αποθηκεύστε την τάξη κακάο μέσα στην κύρια ρίζα του έργου σας.
  • Κάντε κλικ στο κύριο storyboard και μεταβείτε στο νέο ελεγκτή προβολής
  • κάντε κλικ στο κίτρινο κουμπί που βρίσκεται πάνω από αυτό
  • στα δεξιά μεταβείτε στον επιθεωρητή τάξης και κάντε μια αναφορά στο Register VC (τάξη Costum, class = RegisterVC

Βήμα 6: Δημιουργήστε το οριζόντιο κτύπημα της σελίδας

Στο iOS, οι προβολές κύλισης χρησιμοποιούνται για την προβολή περιεχομένου που δεν ταιριάζει πλήρως στην οθόνη. Οι προβολές κύλισης έχουν δύο κύριους σκοπούς:

Για να επιτρέψετε στους χρήστες να σύρουν την περιοχή του περιεχομένου που θέλουν να εμφανίσουν, για να επιτρέψετε στους χρήστες να κάνουν μεγέθυνση ή σμίκρυνση του περιεχομένου που εμφανίζεται χρησιμοποιώντας τις κινήσεις τσίμπημα. Ένα κοινό στοιχείο που χρησιμοποιείται σε εφαρμογές iOS - UITableView - είναι μια υποκλάση του UIScrollView και παρέχει έναν εξαιρετικό τρόπο προβολής περιεχομένου μεγαλύτερο από την οθόνη.

Τι χρησιμοποιούν οι δευτερεύουσες σελίδες σε μια οριζόντια σάρωση;

Λοιπόν, εάν δημιουργούσα 6 διαφορετικές σελίδες, θα σήμαινε ότι πρέπει να δημιουργήσω μια ειδική τάξη για κάθε μία από αυτές και δεν είναι τόσο βολικό να μεταβιβάζω πληροφορίες από τη μια τάξη στην άλλη. Όταν για παράδειγμα πληκτρολογώ το email μου και μετά κάνω κλικ στο επόμενο, εάν έχω διαφορετικό ελεγκτή προβολής, θα αφήσω την πρώτη σελίδα του View Controller και στη συνέχεια θα εμφανιστεί η δεύτερη. Σε αυτή την περίπτωση, οι πληροφορίες του πρώτου ελεγκτή προβολής, πρέπει να διαβιβαστούν στον επόμενο και στη συνέχεια ξανά στον ελεγκτή τρίτης προβολής κ.λπ. Όταν έχω όλα τα ελεγκτές προβολής που χρειάζομαι, θα πρέπει να συγκεντρώσω όλα τα δεδομένα από όλα τις σελίδες και να τις στείλετε στον διακομιστή. Έτσι, αυτό θα ήταν πραγματικά περίπλοκο.

Έτσι, προχωρώντας στη δημιουργία αυτού του ελεγκτή προβολής, στην περίπτωσή μου, είχα 5 σελίδες που ήθελα να δημιουργήσω:

  1. ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ
  2. Πλήρες όνομα
  3. Κωδικός πρόσβασης
  4. Ημερομηνια γεννησης
  5. Γένος

Αυτό σημαίνει ότι το ελεγκτή προβολής που θα δημιουργήσουμε πρέπει να είναι 5 φορές μεγαλύτερο από αυτό που φτιάξαμε πριν.

Επιλέξτε τον ελεγκτή προβολής και μεταβείτε στην επάνω, δεξιά γωνία και κάντε κλικ στο εικονίδιο χάρακα και επεξεργαστείτε το προσομοιωμένο μέγεθος. Θα επιλέξετε Freeform για να προσαρμόσετε το πλάτος και το ύψος. Το προεπιλεγμένο πλάτος της οθόνης που είναι κατάλληλο για iphone 8 είναι 375, οπότε αν πολλαπλασιάσω 375*5 = 1875. Και εδώ, έχετε έναν εκτεταμένο ελεγκτή προβολής.

Ομοίως, ακολουθείτε την ίδια διαδικασία για όλα τα διαφορετικά τηλέφωνα και μεγέθη οθόνης.

Για να λειτουργήσει η προβολή κύλισης, χρειαζόμαστε ένα αντικείμενο προβολής κύλισης. Η Προβολή κύλισης παρέχει έναν μηχανισμό προβολής περιεχομένου μεγαλύτερο από το μέγεθος του παραθύρου της εφαρμογής. Κάντε κλικ σε αυτό το αντικείμενο, σύρετέ το και τοποθετήστε το στην επάνω αριστερή γωνία του ελεγκτή προβολής και βεβαιωθείτε ότι το X και το Y είναι σε μηδενικές θέσεις και το stretch είναι ανάλογα με το χειριστήριο προβολής.

Η Προβολή κύλισης μας επιτρέπει να κάνουμε κύλιση, τίποτα άλλο. Στη συνέχεια, πρέπει να προσθέσουμε μια προβολή περιεχομένου, η οποία θα αποθηκεύει άλλες προβολές. Μπορείτε να βρείτε το UIView - αντιπροσωπεύει μια ορθογώνια περιοχή στην οποία σχεδιάζει και λαμβάνει συμβάντα - στη βιβλιοθήκη αντικειμένων. Απλώς, κάντε κλικ και σύρετε το στην προβολή κύλισης και για άλλη μια φορά, τεντώστε το ανάλογα.

Επιλέξτε την προβολή κύλισης από το αριστερό πλαίσιο και θα καλέσουμε την ευθυγράμμιση 0, 0, 0, 0 και θα προσθέσουμε περιορισμούς. Κάντε το ίδιο πράγμα για την προβολή περιεχομένου.

Βήμα 7: Αναπτύξτε το περιβάλλον εργασίας χρήστη για τις δευτερεύουσες σελίδες του οριζόντιου σάρωσης

Image
Image
Εφαρμόστε το Σχέδιο σε Xcode
Εφαρμόστε το Σχέδιο σε Xcode

Σε αυτό το βήμα, πρέπει να δημιουργήσετε το περιβάλλον χρήστη των υποσελίδων σας. Αυτό που επέλεξα να κάνω, είναι να φτιάξω ένα πρωτότυπο στο Sketch και μετά να το κατασκευάσω σε Xcode.

Βήμα 8: Εφαρμόστε το σχέδιο στο Xcode

Εφαρμόστε το Σχέδιο σε Xcode
Εφαρμόστε το Σχέδιο σε Xcode
Εφαρμόστε το σχέδιο σε Xcode
Εφαρμόστε το σχέδιο σε Xcode

Το επόμενο βήμα είναι να εφαρμόσουμε αυτόν τον σχεδιασμό στο Xcode. Για να το κάνετε αυτό, πρέπει να δημιουργήσετε συνδέσεις εξόδου για όλες τις δευτερεύουσες σελίδες και να δημιουργήσετε μια άλλη για τη "μητρική προβολή", δηλαδή μια σύνδεση εξόδου για τον ελεγκτή ολόκληρης της προβολής.

Τα στοιχεία σε ένα storyboard συνδέονται με τον πηγαίο κώδικα. Είναι σημαντικό να κατανοήσετε τη σχέση που έχει ένα storyboard με τον κώδικα που γράφετε.

Σε ένα σενάριο, μια σκηνή αντιπροσωπεύει μία οθόνη περιεχομένου και συνήθως έναν ελεγκτή προβολής. Οι ελεγκτές προβολής υλοποιούν τη συμπεριφορά της εφαρμογής σας και διαχειρίζονται μια προβολή περιεχομένου με την ιεράρχηση των προεπισκοπήσεων. Συντονίζουν τη ροή πληροφοριών μεταξύ του μοντέλου δεδομένων της εφαρμογής, το οποίο περικλείει τα δεδομένα της εφαρμογής και των προβολών που εμφανίζουν αυτά τα δεδομένα, διαχειρίζονται τον κύκλο ζωής των προβολών περιεχομένου τους, χειρίζονται τις αλλαγές προσανατολισμού όταν περιστρέφεται η συσκευή, καθορίζουν την πλοήγηση στην εφαρμογή σας, και υλοποιήστε τη συμπεριφορά για να ανταποκριθείτε στα στοιχεία του χρήστη. Όλα τα αντικείμενα ελεγκτή προβολής στο iOS είναι τύπου UIViewController ή μία από τις υποκατηγορίες του.

Ορίζετε τη συμπεριφορά των ελεγκτών προβολής σε κώδικα δημιουργώντας και εφαρμόζοντας προσαρμοσμένες υποκατηγορίες ελεγκτή προβολής. Στη συνέχεια, μπορείτε να δημιουργήσετε μια σύνδεση μεταξύ αυτών των τάξεων και σκηνών στο storyboard σας για να λάβετε τη συμπεριφορά που ορίσατε στον κώδικα και τη διεπαφή χρήστη που ορίσατε στο storyboard σας.

Το Xcode δημιούργησε ήδη μια τέτοια κλάση που κοιτάξατε νωρίτερα, το ViewController.swift και το συνέδεσε με τη σκηνή που δουλεύετε στο storyboard σας. Καθώς προσθέτετε περισσότερες σκηνές, θα κάνετε αυτήν τη σύνδεση μόνοι σας στον επιθεωρητή ταυτότητας. Ο επιθεωρητής ταυτότητας σάς επιτρέπει να επεξεργάζεστε ιδιότητες ενός αντικειμένου στο storyboard σας που σχετίζονται με την ταυτότητα αυτού του αντικειμένου, όπως σε ποια κλάση ανήκει το αντικείμενο.

Δημιουργία εξόδων για στοιχεία UI Τα Outlet παρέχουν έναν τρόπο αναφοράς σε αντικείμενα διεπαφής-τα αντικείμενα που προσθέσατε στο storyboard σας-από αρχεία πηγαίου κώδικα. Για να δημιουργήσετε μια πρίζα, μεταφέρετε το Control-drag από ένα συγκεκριμένο αντικείμενο στο storyboard σας σε ένα αρχείο ελεγκτή προβολής. Αυτή η λειτουργία δημιουργεί μια ιδιότητα για το αντικείμενο στο αρχείο ελεγκτή προβολής, η οποία σας επιτρέπει να έχετε πρόσβαση και να χειρίζεστε αυτό το αντικείμενο από τον κώδικα κατά τη διάρκεια εκτέλεσης

  1. Ανοίξτε το storyboard σας, Main.storyboard.
  2. Κάντε κλικ στο κουμπί Βοηθός στη γραμμή εργαλείων Xcode στην επάνω δεξιά γωνία του Xcode για να ανοίξετε τον βοηθό επεξεργαστή. Εάν θέλετε περισσότερο χώρο, κάντε σύμπτυξη του προγράμματος πλοήγησης και βοηθητικού προγράμματος κάνοντας κλικ στα κουμπιά Navigator και Utilities στη γραμμή εργαλείων Xcode.
  3. Μπορείτε επίσης να συμπτύξετε την προβολή περιγράμματος.

Στη γραμμή επιλογής επεξεργαστή, η οποία εμφανίζεται στο επάνω μέρος του βοηθού επεξεργαστή, αλλάξτε τον βοηθό επεξεργαστή από Προεπισκόπηση σε Αυτόματη> ViewController.swift.

Κάντε κλικ στην υπο-σελίδα και σύρετε στην κατάλληλη κλάση του κώδικα.

Βήμα 9: Ενσωμάτωση προσαρμοσμένων κινήσεων

Image
Image
Ενσωμάτωση προσαρμοσμένων κινήσεων
Ενσωμάτωση προσαρμοσμένων κινήσεων

ΧΕΙΡΙΣΜΟΣ ΣΑΡΩΣΗΣ

Μια κίνηση σάρωσης συμβαίνει όταν ο χρήστης μετακινεί ένα ή περισσότερα δάχτυλα στην οθόνη σε συγκεκριμένη οριζόντια ή κατακόρυφη κατεύθυνση. Χρησιμοποιήστε την κλάση UISwipeGestureRecognizer για να ανιχνεύσετε χειρονομίες σάρωσης.

Εφαρμογή χειρονομίας σάρωσης

Βήμα 1: Προσθέστε χειρονομία (ες) σάρωσης στη μέθοδο viewDidLoad ()

παράκαμψη func viewDidLoad () {super.viewDidLoad ()

ας swipeLeft = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeLeft.direction =.left self.view.addGestureRecognizer (swipeLeft)

ας swipeRight = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeRight.direction =.right self.view.addGestureRecognizer (swipeRight)

ας swipeUp = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeUp.direction =.up self.view.addGestureRecognizer (swipeUp)

ας swipeDown = UISwipeGestureRecognizer (target: self, action: #selector (handleGesture)) swipeDown.direction =. down self.view.addGestureRecognizer (swipeDown)}

Βήμα 2: Ελέγξτε την ανίχνευση χειρονομίας στη μέθοδο handleGesture () func handleGesture (χειρονομία: UISwipeGestureRecognizer) -> Κενό {if gesture.direction == UISwipeGestureRecognizerDirection.right {print ("Swipe Right")} αλλιώς gesture.direction == UISwipeGesture left {print ("Swipe Left")} else if gesture.direction == UISwipeGestureRecognizerDirection.up {print ("Swipe Up")} else if gesture.direction == UISwipeGestureRecognizerDirection.down {print ("Swipe Down")}}

Στην εφαρμογή μου, ήθελα να χρησιμοποιήσω το swipeRight, αλλά άφησα ελεύθερο να χρησιμοποιήσω αυτό που είναι πιο κατάλληλο για την εφαρμογή σας.

Τώρα, ας το εφαρμόσουμε στον κώδικά μας.

Πηγαίνουμε στο registerVC.swift που δημιουργήσαμε πριν και γράφουμε τον κωδικό όπως μπορείτε να δείτε στις εικόνες.

ΕΠΕΞΗΓΗΣΗ ΤΟΥ ΚΩΔΙΚΟΥ

αφήστε το current_x να πάρει την τρέχουσα θέση του ScrollView (οριζόντια θέση) αφήστε το screen_width να πάρει το πλάτος της οθόνης, αφαιρώντας αυτό το μέγεθος αφήστε το new_x από την τρέχουσα θέση της προβολής κύλισης, επιστρέφω κατά πλάτος της οθόνης εάν η τρέχουσα_x> 0 μέχρι και εκτός αν είναι περισσότερο από 0 - 0 είναι η 1η σελίδα.

Και τελειώσαμε!

Καλή δουλειά παιδιά!

Συνιστάται: