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

Δημιουργήστε ένα έξυπνο σύστημα ελέγχου σπιτιού στο STONE HMI Disp: 23 Βήματα
Δημιουργήστε ένα έξυπνο σύστημα ελέγχου σπιτιού στο STONE HMI Disp: 23 Βήματα

Βίντεο: Δημιουργήστε ένα έξυπνο σύστημα ελέγχου σπιτιού στο STONE HMI Disp: 23 Βήματα

Βίντεο: Δημιουργήστε ένα έξυπνο σύστημα ελέγχου σπιτιού στο STONE HMI Disp: 23 Βήματα
Βίντεο: ΕΡΓΑΣΤΗΡΙΑΚΗ ΑΣΚΗΣΗ PLC ΜΕΡΟΣ Α 2024, Ιούλιος
Anonim
Δημιουργήστε ένα έξυπνο σύστημα ελέγχου σπιτιού στο STONE HMI Disp
Δημιουργήστε ένα έξυπνο σύστημα ελέγχου σπιτιού στο STONE HMI Disp

Εισαγωγή έργου

Το παρακάτω σεμινάριο σας δείχνει πώς να χρησιμοποιήσετε τη μονάδα οθόνης αφής STONE STVC050WT-01 για να φτιάξετε ένα απλό σύστημα ελέγχου οικιακών συσκευών.

Βήμα 1: Μονάδα οθόνης STONE STVC050WT - 01 TFT LCD

Μονάδα οθόνης STONE STVC050WT - 01 TFT LCD
Μονάδα οθόνης STONE STVC050WT - 01 TFT LCD

STONE STVC050WT - 01 η μονάδα οθόνης αφής υποστήριξης είναι 5 ίντσες, ανάλυση 480 * 272 στη μονάδα έχει ενσωματωμένη οθόνη και απαιτούνται τσιπ οδηγού οθόνης αφής, οι προγραμματιστές χρειάζονται μόνο το STONE, το επίσημο λογισμικό σχεδίασης VGUS σχεδιάζει διεπαφή UI και δημιουργεί ένα αρχείο προγραμματισμού που έχει ληφθεί στη μονάδα οθόνης STONE και στη συνέχεια μέσω σειριακής θύρας (RS232 / RS485 / TTL) που αντιστοιχεί σε αυτό, μπορείτε να εκτελέσετε σύνθετες πτυχές σχεδιασμού διεπαφής χρήστη. Η διαδικασία έχει ως εξής:

Βήμα 2: Η ακόλουθη εικόνα δείχνει μερικές παραμέτρους της μονάδας οθόνης STONE STVC050WT-01:

Η ακόλουθη εικόνα δείχνει μερικές παραμέτρους της μονάδας οθόνης STONE STVC050WT-01
Η ακόλουθη εικόνα δείχνει μερικές παραμέτρους της μονάδας οθόνης STONE STVC050WT-01

STONE STVC050WT-01

Αυτή η μονάδα οθόνης είναι μόνο μία από τις πολλές σε αυτή τη σειρά προϊόντων. Υπάρχουν πολλές άλλες ενότητες οθόνης διαθέσιμες σε διαφορετικές διαμορφώσεις. www.stoneitech.com

Βήμα 3: Ανάπτυξη μονάδας οθόνης STONE Τρία βήματα

1. Σχεδίασε το περιβάλλον χρήστη με το λογισμικό STONE TOOL και κατέβασε το αρχείο σχεδίασης στη μονάδα οθόνης.

2. Το MCU επικοινωνεί με τη μονάδα οθόνης STONE μέσω της σειριακής θύρας.

3. Το MCU εκτελεί άλλες ενέργειες με βάση τα δεδομένα που λαμβάνονται στο βήμα 2.

Βήμα 4: Σχεδιασμός διεπαφής διεπαφής χρήστη:

Σχεδιασμός διεπαφής UI
Σχεδιασμός διεπαφής UI

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

Βήμα 5: Λειτουργία:

Λειτουργία
Λειτουργία

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

Βήμα 6: Νέο έργο με οθόνη STONE

Στον ιστότοπο της STONE, μπορούμε να κατεβάσουμε την τελευταία έκδοση του λογισμικού STONE TOOLS 2019, μέσω του οποίου μπορούμε να σχεδιάσουμε το UI:

www.stoneitech.com/support/download/software

Βήμα 7: Το STONE TOOL είναι λογισμικό σχεδιασμού GUI

Το STONE TOOL είναι ένα λογισμικό σχεδιασμού GUI
Το STONE TOOL είναι ένα λογισμικό σχεδιασμού GUI

Το STONE TOOL είναι ένα λογισμικό σχεδιασμού GUI που δεν απαιτεί εγκατάσταση. Μετά τη λήψη, μπορεί να ανοίξει απευθείας και να λειτουργήσει με αποσυμπίεση. Πρέπει να σημειωθεί ότι αυτό το λογισμικό πρέπει να εκτελείται με συμβατό τρόπο σε συστήματα Windows8 και Windows10

Βήμα 8: Κάντε δεξί κλικ στον Κατάλογο "Εικόνα" και Διαγράψτε το 0.jpg

Κάντε δεξί κλικ στο
Κάντε δεξί κλικ στο

Δεδομένου ότι χρησιμοποιώ το STVC050WT-01 με ανάλυση 480*272 και το προεπιλεγμένο μέγεθος χώρου φλας 128Mbyte (επεκτάσιμο σε 1024MByte), επέλεξα 128Mbyte.

Ορίστε το όνομα του έργου και τη διαδρομή αποθήκευσης και κάντε κλικ στο "OK" για ολοκλήρωση. Κάντε δεξί κλικ στον κατάλογο "Εικόνα" και διαγράψτε το 0.jpg:

Βήμα 9: Προσθέστε εικόνα UI στα STONE TOOLS:

Προσθέστε εικόνα UI στα STONE TOOLS
Προσθέστε εικόνα UI στα STONE TOOLS
Προσθέστε εικόνα UI στα STONE TOOLS
Προσθέστε εικόνα UI στα STONE TOOLS
Προσθέστε εικόνα UI στα STONE TOOLS
Προσθέστε εικόνα UI στα STONE TOOLS

Κάντε δεξί κλικ στον κατάλογο "εικόνα" και προσθέστε τα δύο εικονίδια UI που έχουμε ετοιμάσει στο έργο:

Βήμα 10: Προσθέστε το Word Stock σε STONE TOOLS

Προσθέστε το Word Stock σε STONE TOOLS
Προσθέστε το Word Stock σε STONE TOOLS

Κάντε δεξί κλικ στο "Αρχείο γραμματοσειράς", επιλέξτε την κατάλληλη γραμματοσειρά για προσθήκη στο έργο.

Εδώ επέλεξα το ASCII 24 επί 48.

Βήμα 11: Προσθέστε ένα κουμπί

Προσθέστε ένα κουμπί
Προσθέστε ένα κουμπί

Πρέπει να ορίσουμε μια λειτουργία στο κουμπί "Light" στο πρώτο περιβάλλον χρήστη στο λογισμικό STONE TOOL:

όταν κάνουμε κλικ στο κουμπί "Light", θα μεταβούμε στη δεύτερη σελίδα.

Πως να το κάνεις?

Κάντε κλικ στο εικονίδιο "Κουμπί" για να σχεδιάσετε την περιοχή του Κουμπιού:

Βήμα 12: Οι ιδιότητες κουμπιού παρατίθενται στη γραμμή ιδιοτήτων στα δεξιά του λογισμικού STONE TOOL

Οι ιδιότητες κουμπιού παρατίθενται στη γραμμή ιδιοτήτων στα δεξιά του λογισμικού STONE TOOL
Οι ιδιότητες κουμπιού παρατίθενται στη γραμμή ιδιοτήτων στα δεξιά του λογισμικού STONE TOOL

Η κίτρινη περιοχή αντιπροσωπεύει την περιοχή κουμπιών που έχει σχεδιάσει ο χρήστης. Οι ιδιότητες κουμπιού παρατίθενται στη γραμμή ιδιοτήτων στα δεξιά του λογισμικού STONE TOOL:

Απλώς ορίστε την επιλογή "pageswitch" σε 1 για να μεταβείτε στη δεύτερη σελίδα όταν πατήσετε το κουμπί.

Βήμα 13: "Δημιουργία αρχείου διαμόρφωσης" στο "Εργαλείο" και στη συνέχεια "Οθόνη εικονικής σειριακής θύρας"

Εικόνα
Εικόνα

Βήμα 14: Στη συνέχεια προχωράμε και αλλάζουμε το βέλος στην επάνω αριστερή γωνία της σελίδας 2 σε ένα κουμπί:

Στη συνέχεια προχωράμε και αλλάζουμε το βέλος στην επάνω αριστερή γωνία της σελίδας 2 σε ένα κουμπί
Στη συνέχεια προχωράμε και αλλάζουμε το βέλος στην επάνω αριστερή γωνία της σελίδας 2 σε ένα κουμπί

Όταν ο χρήστης πατήσει αυτό το κουμπί, επιστρέφει στην πρώτη σελίδα.

Βήμα 15: Προσθήκη εμφάνισης κειμένου

Προσθήκη εμφάνισης κειμένου
Προσθήκη εμφάνισης κειμένου
Προσθήκη εμφάνισης κειμένου
Προσθήκη εμφάνισης κειμένου

Χρησιμοποιώντας το στοιχείο ελέγχου μεταβλητής κειμένου, κυκλώστε το λευκό διάστημα μετά το "light1":

Βήμα 16: Στη συνέχεια, κάντε κλικ στη μεταβλητή κειμένου που μόλις προστέθηκε και η διεπαφή ιδιοτήτων θα εμφανιστεί στα δεξιά του λογισμικού STONE TOOL, αλλάζοντας κυρίως τις ακόλουθες παραμέτρους:

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

Μεταξύ αυτών, το "Variable memory addree" αναφέρεται στη διεύθυνση μνήμης όπου αποθηκεύεται το εμφανιζόμενο περιεχόμενο. Μια διεύθυνση μπορεί να αποθηκεύσει δύο byte. Το προεπιλεγμένο περιεχόμενο εμφάνισης είναι "OFF", το οποίο απαιτεί τρία byte χώρου μνήμης. Αυτό σημαίνει ότι αποθηκεύουμε το "OFF" στη διεύθυνση 0020 και 0021.

Βήμα 17: Ένα κουμπί με τιμή επιστροφής:

Ένα κουμπί με τιμή επιστροφής
Ένα κουμπί με τιμή επιστροφής

Ο έλεγχος που χρησιμοποιήσαμε παραπάνω είναι "Κουμπί". Αυτό το στοιχείο ελέγχου "Κουμπί" δεν επιστρέφει μια τιμή, πράγμα που σημαίνει ότι όταν ο χρήστης πατήσει το κουμπί, η σειριακή θύρα της μονάδας οθόνης δεν στέλνει δεδομένα στο MCU.

Εάν ο χρήστης πάτησε το κουμπί και θέλει η μονάδα οθόνης να επιστρέψει δεδομένα στο MCU, μπορούμε να χρησιμοποιήσουμε το στοιχείο ελέγχου "επιστροφή πατημένου κλειδιού-τιμής":

Βήμα 18: Η γραμμή ιδιοτήτων έχει οριστεί ως εξής:

Η γραμμή ιδιοτήτων έχει οριστεί ως εξής
Η γραμμή ιδιοτήτων έχει οριστεί ως εξής

Βήμα 19: Λήψη του αρχείου σχεδίασης διεπαφής χρήστη στην ενότητα οθόνης

Κατεβάστε το αρχείο σχεδίασης UI στην ενότητα οθόνης
Κατεβάστε το αρχείο σχεδίασης UI στην ενότητα οθόνης

1. Συνδέστε τη μονάδα flash USB στον υπολογιστή

2. Κάντε κλικ στο κουμπί Λήψη σε δίσκο u στο κουτί STONE TOOL3. Τραβήξτε έξω το δίσκο flash USB

4. Τοποθετήστε το δίσκο USB στη διεπαφή USB της μονάδας οθόνης και περιμένετε να ολοκληρωθεί η αναβάθμιση. Όταν ολοκληρωθεί η αναβάθμιση, θα ακουστεί ένας γρήγορος ήχος

5. δοκιμή

Βήμα 20: Επικοινωνία σειριακής θύρας

Σειριακή επικοινωνία λιμένων
Σειριακή επικοινωνία λιμένων

Απόδοση κλειδιού-τιμής

Μετά τη λήψη του προγράμματος στη μονάδα οθόνης, ενεργοποιήστε το, συνδέστε τον υπολογιστή μέσω της σειριακής θύρας μέσω USB-TTL, πατήστε το κουμπί φωτισμού του Light1 και επιστρέψτε τα δεδομένα σειριακής θύρας: a55a 06 83 00 26 01 00 A8

Βήμα 21: Πατήστε το κουμπί για να σβήσετε το φως

Πατήστε το κουμπί για να σβήσετε το φως
Πατήστε το κουμπί για να σβήσετε το φως

Επιστροφή σειριακών δεδομένων:

A5 5A 06 83 00 26 01 00 A9

A5 5A: κεφαλίδα πλαισίου06: μήκος byte εντολών, 83 00 26 01 00 A9 συνολικά 6 byte (εξαιρούνται οι κεφαλίδες πλαισίου δεδομένων)

83: διαβάστε οδηγίες μεταβλητής μνήμης

00 26: διεύθυνση μεταβλητής αποθήκευσης

01: μήκος λέξης δεδομένων, 00 A9 length Μήκος 1 λέξης (2 Byte) 00 A9: περιεχόμενο δεδομένων χρήστη, ανάλογα με το σύνολο πλήκτρων.

Βήμα 22: Γράψτε δεδομένα καταχώρισης

Αυτή η οδηγία γράφει 55 aa για τη διεύθυνση 0x0020 στην περιοχή αποθήκευσης δεδομένων:

0xA5 0x5A 0x05 0x82 0x00 0x20 0x55 0xaa

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

Βήμα 23: Διαβάστε τα δεδομένα καταχώρισης

Η σειριακή θύρα στέλνει την ακόλουθη εντολή στη μονάδα οθόνης:

0xA5 0x5A 0x03 0x83 0x00 0x20 Αντιπροσωπεύει την τιμή της ένδειξης 0x0020 και στο έργο αλλαγής, αντιπροσωπεύει την κατάσταση μεταγωγής της λάμπας ανάγνωσης.

Συνιστάται: