Τα Γραφικά είναι σχέδια SVG συνδεδεμένα με την εγκατάσταση: μια κάτοψη όπου τα φωτιστικά ανάβουν, ένα υδραυλικό διάγραμμα θέρμανσης όπου οι κυκλοφορητές περιστρέφονται, μια ροή ενέργειας όπου τα βέλη κινούνται ανάλογα με την ισχύ, ένα σχέδιο ασφαλείας όπου οι επαφές θυρών γίνονται κόκκινες. Τα προετοιμάζετε στη σελίδα Γραφικά του πίνακα διαχείρισης· οι χρήστες τα τοποθετούν στις προβολές τους (βλ. «Γραφικά στις Προβολές σας»). Η σελίδα Γραφικά αποτελεί αυτόνομη επιλογή στην ομάδα ΚΤΙΡΙΟ της πλευρικής γραμμής, δίπλα στη Λογική.
Ένα γραφικό αποτελείται από τέσσερα στοιχεία:
| Τμήμα | Περιγραφή |
|---|---|
| Το σχέδιο | Ένα έγγραφο SVG: κάτι που σχεδιάσατε ή εξάγατε, μια εικόνα φόντου ή ένας κενός καμβάς που συμπληρώνετε με σύμβολα |
| Σύμβολα | Έτοιμα σχήματα από τη βιβλιοθήκη (φωτιστικό, ρολό, κυκλοφορητής, ένδειξη τιμής…) τοποθετημένα στο σχέδιο, με προρυθμισμένες συνδέσεις και ενέργειες |
| Συνδέσεις | Κανόνες που μεταβάλλουν ένα σχήμα όταν αλλάζει μια τιμή: χρώμα, κείμενο, κλάση, θέση, κίνηση (animation) |
| Ενέργειες | Η λειτουργία που εκτελείται με απλό πάτημα, διπλό πάτημα ή παρατεταμένο πάτημα σε ένα σχήμα: εναλλαγή συσκευής, εκτέλεση σεναρίου, άνοιγμα χώρου, μετάβαση σε προβολή |
Η σελίδα Γραφικά. Ο πίνακας παραθέτει κάθε γραφικό με τον αριθμό των συνδέσεων και των ενεργειών του, καθώς και τη θέση όπου είναι Τοποθετημένο («2 προβολή(-ές)» ή «μη τοποθετημένο»). Κάθε γραμμή παρέχει τις επιλογές Επεξεργασία, Δημιουργία αντιγράφου, Εξαγωγή και Διαγραφή. Πάνω από τον πίνακα βρίσκονται τα κουμπιά: Νέο γραφικό και Εισαγωγή πακέτου.
⚠️ Προειδοποίηση: Η διαγραφή ενός γραφικού που είναι τοποθετημένο σε προβολές καταργεί επίσης αυτές τις τοποθετήσεις — το σχετικό παράθυρο διαλόγου αναφέρει σε πόσες ακριβώς.
Δημιουργία γραφικού
Κάντε κλικ στο Νέο γραφικό. Η πρώτη οθόνη ζητά τον τρόπο εκκίνησης του σχεδίου:
| Εκκίνηση | Αποτέλεσμα | Μέγεθος γραφικού |
|---|---|---|
| Από αρχείο SVG | Το δικό σας σχέδιο αποτελεί το γραφικό. Τα σύμβολα τοποθετούνται πάνω του και μπορείτε να συνδέσετε τα υπάρχοντα σχήματά του. | Το μέγεθος του αρχείου |
| Από εικόνα φόντου | Μια φωτογραφία, ένα σαρωμένο σχέδιο ή μια παραγόμενη εικόνα γίνεται το φόντο. Το γραφικό δημιουργείται και αποθηκεύεται άμεσα, με την εικόνα να αποθηκεύεται στον διακομιστή. Τα σύμβολα τοποθετούνται από πάνω. | Το μέγεθος της εικόνας |
| Κενή σύνθεση | Ένας κενός καμβάς — αποκλειστικά για σύμβολα, όπως για παράδειγμα ένα λογότυπο. Επιλέξτε Ευρεία 16:10, Κλασική 4:3, Τετράγωνη ή Προσαρμοσμένο πλάτος και ύψος. | Το μέγεθος που επιλέγετε |
| Παραδείγματα | Δύο ολοκληρωμένα γραφικά που περιλαμβάνονται στον διακομιστή: Ροή ενέργειας και Αντλιοστάσιο. Εισάγονται ως επεξεργάσιμα αντίγραφα· οι αναφορές συσκευών αντιστοιχίζονται βάσει ονόματος. | Το μέγεθος του παραδείγματος |
Το μέγεθος ενός γραφικού αντιστοιχεί στον χώρο συντεταγμένων του και εμφανίζεται στην καρτέλα Πηγαίος κώδικας ως Διαστάσεις γραφικού. Μπορείτε να το αλλάξετε αργότερα· ολόκληρο το σχέδιο κλιμακώνεται ανάλογα. Μια εικόνα φόντου ορίζει πάντα τις διαστάσεις στο μέγεθος της ίδιας της εικόνας.
💡 Συμβουλή: Μια ανοιχτόχρωμη εικόνα (λευκό φόντο) απαιτεί σκούρες γραμμές ανεξάρτητα από το θέμα της εφαρμογής. Όταν ξεκινάτε από μια ανοιχτόχρωμη εικόνα φόντου, η ρύθμιση Χρώματα αλλάζει αυτόματα σε Ανοιχτόχρωμο σχέδιο (βλ. παρακάτω «Δοκιμές, ρυθμίσεις, εξαγωγή»).
Ο επεξεργαστής
Ο επεξεργαστής διαθέτει δύο στήλες. Στα αριστερά, η Προεπισκόπηση σχεδιάζει το γραφικό ακριβώς όπως θα εμφανίζεται στις εφαρμογές, συνοδευόμενη από μια γραμμή εργαλείων:
| Κουμπί | Λειτουργία |
|---|---|
| Εισαγωγή συμβόλου | Ανοίγει τη βιβλιοθήκη συμβόλων (βλ. Σύμβολα παρακάτω) |
| Μετακίνηση | Λειτουργία σύνθεσης: σύρετε ένα σύμβολο για να το μετακινήσετε, τραβήξτε την πορτοκαλί κουκκίδα στη γωνία του για αλλαγή μεγέθους, κάντε κλικ πάνω του για επεξεργασία των συνδέσεών του, πατήστε Delete για διαγραφή, Escape για αποεπιλογή |
| Επιλογή | Κάντε κλικ σε οποιοδήποτε σχήμα του σχεδίου για να το επιλέξετε και να επεξεργαστείτε τις συνδέσεις του — αφορά τα διανυσματικά σχήματα του σχεδίου και όχι τα σύμβολα |
| Μετατόπιση, Σμίκρυνση, Μεγέθυνση | Περιήγηση και εστίαση στην προεπισκόπηση· η ροδέλα του ποντικιού λειτουργεί επίσης για ζουμ· κάντε κλικ στο ποσοστό για επαναφορά στο 100 %. Το ζουμ αλλάζει μόνο την προβολή εργασίας σας, δεν επηρεάζει το ίδιο το γραφικό |
Στα δεξιά υπάρχουν τέσσερις καρτέλες:
- Πηγαίος κώδικας — το όνομα, Μεταφόρτωση SVG, οι Διαστάσεις γραφικού και το ίδιο το κείμενο SVG, το οποίο μπορείτε να επεξεργαστείτε απευθείας. Παρακάτω εμφανίζεται το αποτέλεσμα του sanitizer: «Το σχέδιο εγκρίθηκε από τον sanitizer χωρίς αλλαγές» ή η λίστα με όσα στοιχεία αφαιρέθηκαν.
- Σύμβολα (n) — κάθε σύμβολο που έχει τοποθετηθεί στο σχέδιο, συν τα Λοιπά στοιχεία για τα εγγενή σχήματα του σχεδίου (βλ. Σύμβολα παρακάτω).
- Δοκιμαστικές τιμές — εισαγωγή τιμών στην προεπισκόπηση (βλ. παρακάτω «Δοκιμές, ρυθμίσεις, εξαγωγή»).
- Ρυθμίσεις — περιγραφή, χρώματα, προσαρμογή μεγέθους, φόντο, πρόσθετο CSS και στοιχεία εικόνων (βλ. παρακάτω «Δοκιμές, ρυθμίσεις, εξαγωγή»).
Λειτουργία του sanitizer. Ο διακομιστής καθαρίζει κάθε σχέδιο κατά την αποθήκευση: scripts, συναρτήσεις χειρισμού συμβάντων (event handlers), σύνδεσμοι και εξωτερικές εικόνες καταργούνται, ενώ τα animations περιορίζονται σε ασφαλή γνωρίσματα. Ένα σχέδιο μπορεί να έχει μέγεθος έως 2 MB. Οι αλλαγές που πραγματοποιεί ο sanitizer παρατίθενται κάτω από τον πηγαίο κώδικα ώστε να μην αφαιρείται τίποτα χωρίς προειδοποίηση.
Αποθήκευση. Καμία αλλαγή δεν μεταφέρεται στις εφαρμογές μέχρι να πατήσετε Αποθήκευση. Εάν μια σύνδεση ή μια ενέργεια είναι ελλιπής — για παράδειγμα ένα σύμβολο χωρίς αντιστοιχισμένη συσκευή ή ένας επιλογέας χωρίς ταύτιση — η αποθήκευση απορρίπτεται και ο επεξεργαστής ανοίγει την αντίστοιχη γραμμή επισημαίνοντας την αιτία.
Σύμβολα
Τα σύμβολα αποτελούν τον ταχύτερο τρόπο δημιουργίας ενός γραφικού: καθένα περιλαμβάνει εκ των προτέρων τις απαραίτητες συνδέσεις και ενέργειες, επομένως η τοποθέτηση ενός φωτιστικού και η επιλογή της αντίστοιχης γραμμής φωτισμού αρκούν για την πλήρη λειτουργία του.
Η βιβλιοθήκη. Κάντε κλικ στο κουμπί Εισαγωγή συμβόλου. Το παράθυρο διαλόγου είναι οργανωμένο ανά κατηγορία και διαθέτει πεδίο αναζήτησης.
| Κατηγορία | Σύμβολο | Εμφάνιση και λειτουργία |
|---|---|---|
| Φωτισμός | Φωτιστικό | Ο λαμπτήρας ανάβει και αποκτά φωτεινή άλωση όταν το φως είναι ενεργό· το πάτημα αλλάζει την κατάστασή του (toggle) |
| Κλιματισμός | Θερμαντικό σώμα | Ένα σώμα καλοριφέρ με την ένδειξη της θερμοκρασίας του· το πάτημα ανοίγει τον αντίστοιχο χώρο |
| Κλιματισμός | Ανεμιστήρας | Περιστρέφεται κατά τη λειτουργία· το πάτημα αλλάζει την κατάστασή του |
| Κουφώματα | Ρολό | Ένα παράθυρο όπου το φύλλο ακολουθεί τη φυσική θέση του ρολού |
| Μηχανοστάσιο | Κυκλοφορητής | Πράσινος και σε περιστροφή κατά τη λειτουργία· το πάτημα αλλάζει την κατάστασή του έπειτα από επιβεβαίωση |
| Μηχανοστάσιο | Βάνα | Μια δίοδη βάνα με επισήμανση της ανοιχτής πλευράς· το πάτημα αλλάζει την κατάστασή της |
| Μηχανοστάσιο | Δοχείο | Ένα δοχείο του οποίου η στάθμη και η αριθμητική τιμή ακολουθούν το ποσοστό πλήρωσης |
| Ενέργεια | Φωτοβολταϊκό πάνελ | Μια διάταξη Φ/Β με την ένδειξη παραγόμενης ισχύος |
| Ενέργεια | Μπαταρία | Μια μπαταρία της οποίας η στάθμη ακολουθεί το επίπεδο φόρτισης (SoC) |
| Ενέργεια | Δίκτυο | Η σύνδεση με το δίκτυο ηλεκτροδότησης, πράσινη κατά την εξαγωγή, με ένδειξη της ισχύος |
| Ενέργεια | Φορτιστής EV | Ένα όχημα που φωτίζεται κατά τη φόρτιση, με ένδειξη της ισχύος φόρτισης |
| Ετικέτες & γραμμές | Γραμμή ροής | Ένα διακεκομμένο βέλος του οποίου οι παύλες κινούνται κατά τη ροή ισχύος, ταχύτερα με υψηλότερη ισχύ, αντίστροφα όταν αλλάζει το πρόσημο |
| Ετικέτες & γραμμές | Αναλογική τιμή | Ένα πλαίσιο ένδειξης μέτρησης με τη μονάδα της· το πάτημα ανοίγει τη συσκευή |
| Ετικέτες & γραμμές | Κείμενο | Ελεύθερη ετικέτα κειμένου· κλιμακώνεται και περιστρέφεται όπως κάθε σύμβολο |
| Ετικέτες & γραμμές | Δείκτης κατάστασης | Μια έγχρωμη κουκκίδα με λεκτικό κατάστασης για ψηφιακή είσοδο — ανοιχτό / κλειστό, on / off |
| Πλοήγηση | Hotspot, Hotspot (ευρύ) | Μια αόρατη επιφάνεια αφής για τοποθέτηση πάνω από δωμάτιο κάτοψης· το πάτημα οδηγεί σε χώρο, κατηγορία, προβολή ή συσκευή. Εμφανίζεται με μπλε σκίαση μόνο στον επεξεργαστή, ποτέ στις εφαρμογές |
| Τα σύμβολά μου | προσαρμοσμένα | Εικονίδια που έχετε μεταφορτώσει εσείς (βλ. παρακάτω) |
Hotspots. Ένα Hotspot είναι ένα σύμβολο χωρίς δικό του γραφικό σχέδιο: ένα διαφανές ορθογώνιο του οποίου ολόκληρη η επιφάνεια ανταποκρίνεται στο πάτημα. Τοποθετήστε ένα πάνω από κάθε δωμάτιο μιας κάτοψης, προσαρμόστε το μέγεθος με την πορτοκαλί γωνιακή κουκκίδα και επιλέξτε τον προορισμό στην ενέργειά του (η επιλογή Μετάβαση σε χώρο είναι προρυθμισμένη). Εμφανίζεται με μπλε απόχρωση κατά τη σχεδίαση για να μπορείτε να το εντοπίζετε· οι χρήστες δεν το βλέπουν ποτέ.
Τοποθέτηση και μετακίνηση. Η επιλογή ενός συμβόλου το τοποθετεί στο κέντρο του σχεδίου, θέτει την προεπισκόπηση σε λειτουργία Μετακίνηση και ανοίγει το πάνελ του συμβόλου. Σύρετέ το στη σωστή θέση, τραβήξτε την πορτοκαλί γωνιακή κουκκίδα για αλλαγή μεγέθους ή πληκτρολογήστε τις τιμές Τοποθέτησης: X, Y, Κλίμακα και Περιστροφή. Η Προσαρμογή στον καμβά κλιμακώνει και κεντράρει το σύμβολο ώστε να καλύψει ολόκληρο το σχέδιο — ιδανικό για γραφικά που αποτελούνται μόνο από λογότυπο. Ένα διακεκομμένο ορθογώνιο οριοθετεί τα όρια του καμβά κατά τη μετακίνηση στοιχείων: ό,τι βρίσκεται εκτός ορίων αποκόπτεται στις εφαρμογές.
Το πάνελ συμβόλου. Στο επάνω μέρος, το πεδίο Συσκευή αντιστοιχίζει όλες τις συνδέσεις και τις ενέργειες του συμβόλου σε μία μόνο συσκευή με μία κίνηση — για τα περισσότερα σύμβολα αυτή είναι η μοναδική απαραίτητη ρύθμιση. Κάτω από την τοποθέτηση, τρεις επιμέρους καρτέλες εμφανίζουν τις Συνδέσεις, τις Ενέργειες και τα Κινούμενα γραφικά του συμβόλου, όλα πλήρως επεξεργάσιμα όπως περιγράφεται παρακάτω. Η επιλογή Κατάργηση συμβόλου το διαγράφει μαζί με όλες τις παραμέτρους του.
Κείμενο. Το σύμβολο Κείμενο εμφανίζει τις λέξεις που πληκτρολογείτε στο πεδίο Κείμενο. Κλιμακώστε το για να αλλάξετε το μέγεθός του· συνδέστε το χρώμα ή την ορατότητά του όπως σε οποιοδήποτε άλλο στοιχείο.
Λοιπά στοιχεία. Τα εγγενή σχήματα του σχεδίου παρατίθενται στην ενότητα Λοιπά στοιχεία βάσει id — ένα σχήμα χωρίς id δεν μπορεί να συνδεθεί. Ορίστε id στα σχήματα μέσα από την καρτέλα Πηγαίος κώδικας ή κάντε κλικ πάνω τους με το εργαλείο Επιλογή· στη συνέχεια προσθέστε συνδέσεις και ενέργειες με τον ίδιο τρόπο. Οι γραμμές των οποίων ο επιλογέας είναι κλάση (class) ή διαδρομή (path) αντί για id ομαδοποιούνται στην ενότητα Γραμμές σε άλλους επιλογείς.
Τα σύμβολά μου. Στην κατηγορία Τα σύμβολά μου, η επιλογή Μεταφόρτωση συμβόλου προσθέτει ένα δικό σας εικονίδιο SVG — μια κάμερα, ένα λογότυπο ή μια συσκευή που δεν υπάρχει στη βιβλιοθήκη:
| Πεδίο | Περιγραφή |
|---|---|
| Αρχείο SVG | Το εικονίδιο, μεγέθους έως 256 KB. Υποβάλλεται στον ίδιο έλεγχο sanitizer όπως και τα σχέδια |
| Όνομα | Πώς εμφανίζεται στη βιβλιοθήκη |
| Χρώματα | Το Ενιαίο χρώμα επανασχεδιάζει το εικονίδιο στο χρώμα κειμένου του σχεδίου, ώστε μια σύνδεση να μπορεί να το αλλάξει σε πράσινο ή κόκκινο. Η Διατήρηση χρωμάτων διατηρεί το αρχικό εικαστικό και επιτρέπει μόνο εμφάνιση / απόκρυψη |
| Λέξεις-κλειδιά | Λέξεις μέσω των οποίων εντοπίζεται στην αναζήτηση |
Ένα προσαρμοσμένο σύμβολο δεν περιλαμβάνει προκαθορισμένες παραμέτρους: προσθέστε τις συνδέσεις και τις ενέργειες που χρειάζεστε μετά την τοποθέτησή του. Κάθε γραφικό που το χρησιμοποιεί διατηρεί δικό του ανεξάρτητο αντίγραφο, επομένως η μετονομασία ή η διαγραφή του συμβόλου από τη βιβλιοθήκη δεν επηρεάζει τα υπάρχοντα γραφικά.
Συνδέσεις
Μια σύνδεση (binding) μεταβάλλει ένα σχήμα όταν αλλάζει μία τιμή. Ανοίξτε ένα σύμβολο (ή ένα στοιχείο στα Λοιπά στοιχεία) και επιλέξτε την καρτέλα Συνδέσεις. Κάθε γραμμή αποτελείται από τέσσερα μέρη:
Επιλογέας — το σχήμα που οδηγεί η σύνδεση. Για τις γραμμές του ίδιου του συμβόλου είναι προσυμπληρωμένο (#lamp_1 .body)· για ένα σχεδιασμένο στο χέρι σχήμα είναι το id του σχήματος.
Πηγή — η προέλευση της τιμής:
| Πηγή | Πεδία |
|---|---|
| Συσκευή | Μια συσκευή και ένα από τα αντικείμενά της — η κατάσταση διακόπτη ενός φωτιστικού, η ισχύς ενός μετρητή, η ένδειξη ενός αισθητήρα |
| Συνάρτηση | Μια συνάρτηση της μηχανής Λογικής και μία από τις εξόδους της (βλ. «Ρύθμιση Συναρτήσεων & Έξοδοι») |
| Στατική | Μια σταθερή τιμή που πληκτρολογείτε — χρήσιμη για δοκιμή ενός κανόνα ή για εξαναγκασμό μιας κατάστασης |
Τι αλλάζει — η επίδραση της τιμής στο σχήμα:
| Τύπος | Αποτέλεσμα | Πρόσθετα πεδία |
|---|---|---|
| Γνώρισμα | Ορίζει ένα γνώρισμα SVG (fill, stroke, opacity, width…) | το όνομα του γνωρίσματος |
| Στυλ | Ορίζει μια ιδιότητα CSS | το όνομα της ιδιότητας |
| Κείμενο | Αντικαθιστά το κείμενο του σχήματος με την τιμή | ψηφία, μονάδα και πρότυπο όπως {value} {unit} |
| Κλάση | Προσθέτει μια κλάση όταν η τιμή είναι ενεργή (on), την αφαιρεί διαφορετικά | το όνομα της κλάσης — συνδυάζεται με το Πρόσθετο CSS |
| Ορατότητα | Εμφανίζει το σχήμα όταν η τιμή είναι ενεργή, το αποκρύπτει διαφορετικά | — |
| Μετασχηματισμός | Περιστρέφει, μετατοπίζει ή κλιμακώνει το σχήμα βάσει της τιμής | η πράξη μετασχηματισμού |
| Κίνηση | Οδηγεί μια γραμμή κίνησης (βλ. Κινούμενα γραφικά παρακάτω): εκτέλεση όσο ενεργό, ταχύτητα (dur) ή κατεύθυνση βάσει προσήμου | η κίνηση και η λειτουργία |
| Σύμβολο (href) | Αντικαθιστά το σχήμα με ένα άλλο #symbol του σχεδίου | — |
Αντιστοίχιση — πώς η τιμή μετατρέπεται στη μορφή που απαιτεί το σχήμα:
| Αντιστοίχιση | Λειτουργία | Παράδειγμα |
|---|---|---|
| Απευθείας | Η τιμή χρησιμοποιείται ως έχει | θερμοκρασία σε πεδίο Κειμένου |
| On / off | Διαφορετικό αποτέλεσμα όταν είναι on και όταν είναι off | #facc15 όταν είναι on, #64748b όταν είναι off, για γέμισμα λαμπτήρα |
| Εύρος | Αντιστοιχίζει ένα εύρος τιμών εισόδου σε ένα εύρος εξόδου· ο Περιορισμός στο εύρος σταματά στα όρια, η Απόλυτη τιμή αγνοεί το πρόσημο | 0–100 % σε μετατόπιση φύλλου ρολού κατά −28 έως 0 |
| Κατώφλια | Κλιμακωτά βήματα: έως μια τιμή δίνει ένα αποτέλεσμα, μετά το επόμενο, και τέλος διαφορετικά | έως 15 κόκκινο, έως 30 πορτοκαλί, διαφορετικά πράσινο, για δεξαμενή |
| Πίνακας τιμών | Πίνακας ακριβών τιμών, με επιλογή διαφορετικά για κάθε άλλη περίπτωση | 1 → Ανοιχτό, 0 → Κλειστό, για λεκτικό κατάστασης |
💡 Συμβουλή: Οι γραμμές της βιβλιοθήκης είναι τα καλύτερα παραδείγματα: τοποθετήστε έναν Δείκτη κατάστασης και εξετάστε τις τρεις συνδέσεις του — το γέμισμα της κουκκίδας (On / off), το γέμισμα της άλω (On / off) και το λεκτικό κατάστασης (Πίνακας τιμών). Επεξεργαστείτε τις δύο λέξεις στον Πίνακα τιμών για να γράφουν «Ανοιχτό» και «Κλειστό», ή «Οπλισμένο» και «Αφοπλισμένο».
Ενέργειες
Μια ενέργεια εκτελεί μια εντολή όταν πατηθεί ένα σχήμα. Ανοίξτε την καρτέλα Ενέργειες ενός συμβόλου ή προσθέστε μία σε ένα διανυσματικό σχήμα.
| Πεδίο | Επιλογές |
|---|---|
| Επιλογέας | Το σχήμα που δέχεται τη χειρονομία — συνήθως ολόκληρο το σύμβολο |
| Χειρονομία | Πάτημα, Διπλό πάτημα, Παρατεταμένο πάτημα |
| Εκτέλεση | Ορισμός τιμής συσκευής (με την Τιμή προς αποστολή) · Εναλλαγή συσκευής · Βηματική αλλαγή τιμής συσκευής · Άνοιγμα χώρου συσκευής · Άνοιγμα λεπτομερειών συσκευής (η σελίδα που ανοίγει το πλακίδιό της· για συσκευή χωρίς πλακίδιο ανοίγει ο χώρος της) · Εκτέλεση σεναρίου · Εκτέλεση αυτοματισμού · Γενική εντολή (φωτισμός ή ρολά, για όλο το κτίριο, έναν χώρο ή μια κατηγορία) · Μετάβαση σε προβολή · Μετάβαση σε χώρο · Μετάβαση σε κατηγορία |
| Αίτημα επιβεβαίωσης | Ένα ερώτημα που εμφανίζεται πριν από την εκτέλεση της ενέργειας, όπως Εκκίνηση κυκλοφορητή;. Αφήστε το κενό για άμεση εκτέλεση |
Το ίδιο σχήμα μπορεί να δεχθεί πολλαπλές ενέργειες με διαφορετικές χειρονομίες: στο παράδειγμα του Αντλιοστασίου, ένας κυκλοφορητής αλλάζει κατάσταση με απλό πάτημα (κατόπιν επιβεβαίωσης) και ανοίγει τη σελίδα της συσκευής του με παρατεταμένο πάτημα.
📘 Σημείωση: Οι εντολές συσκευών, τα σενάρια και οι αυτοματισμοί εκτελούνται στον διακομιστή, ανεξάρτητα από την εφαρμογή προέλευσης. Οι ενέργειες Άνοιγμα χώρου συσκευής, Άνοιγμα λεπτομερειών συσκευής, Γενική εντολή, Μετάβαση σε προβολή, Μετάβαση σε χώρο και Μετάβαση σε κατηγορία εκτελούνται τοπικά μέσα στην εφαρμογή όπου έγινε το πάτημα, επομένως η προεπισκόπηση διαχειριστή δεν μπορεί να τις εκτελέσει.
📘 Σημείωση: Οι χρήστες έχουν πρόσβαση μόνο στις ενέργειες που επιτρέπουν τα δικαιώματα του λογαριασμού τους. Ένα σύμβολο συνδεδεμένο με συσκευή εκτός των επιτρεπόμενων χώρων και κατηγοριών ενός χρήστη παραμένει απλό σχέδιο χωρίς διαδραστικότητα γι' αυτόν· μια γενική εντολή για ολόκληρο το κτίριο είναι διαθέσιμη μόνο στους διαχειριστές.
Κινούμενα γραφικά
Μια γραμμή κίνησης (animation) προσθέτει συνεχή κίνηση σε ένα σχήμα — περιστροφή πτερωτής, κινούμενες παύλες κατά μήκος μιας γραμμής, φωτιστικό που αναβοσβήνει — την οποία οι συνδέσεις μπορούν να εκκινήσουν, να διακόψουν, να επιταχύνουν ή να αντιστρέψουν.
| Πεδίο | Περιγραφή |
|---|---|
| Στόχος | Το σχήμα που κινείται (#pump_1 .rotor) |
| Γνώρισμα | Το στοιχείο που κινείται: transform για κίνηση θέσης/περιστροφής, ή γνώρισμα όπως stroke-dashoffset ή opacity |
| Μετασχηματισμός | Για transform: rotate, scale, translate, skewX, skewY — η περιστροφή εκτελείται γύρω από το κέντρο του συμβόλου |
| Από, Έως | Οι αρχικές και τελικές τιμές |
| Διάρκεια | Ένας πλήρης κύκλος, π.χ. 1s |
| Επανάληψη | Αριθμός επαναλήψεων ή indefinite (επ' άπειρον) |
| Έναρξη | indefinite όταν εκκινείται από σύνδεση, load για άμεση εκτέλεση με την εμφάνιση του γραφικού, ή λίστα SMIL όπως pump1.click; spin.end+1s |
| Τέλος, Fill | Η τυπική συνθήκη τερματισμού SMIL και η κατάσταση του στοιχείου όταν σταματά η κίνηση |
Για να συγχρονίσετε μια κίνηση με την εγκατάσταση, προσθέστε μια σύνδεση με Τι αλλάζει ορισμένο σε Κίνηση: η επιλογή εκτέλεση όσο ενεργό ξεκινά και σταματά την κίνηση βάσει κατάστασης, η ταχύτητα (dur) ορίζει τη διάρκεια του κύκλου από μια τιμή (αντιστοίχιση Εύρους από Watts σε δευτερόλεπτα), ενώ η κατεύθυνση βάσει προσήμου αντιστρέφει την κίνηση για αρνητικές τιμές — η Γραμμή ροής αξιοποιεί και τις τρεις αυτές δυνατότητες.
Δοκιμές, ρυθμίσεις, εξαγωγή
Δοκιμαστικές τιμές. Η καρτέλα εμφανίζει ένα πεδίο εισαγωγής για κάθε συνδεδεμένη τιμή, ώστε να μπορείτε να πληκτρολογήσετε μια μέτρηση και να παρακολουθήσετε την απόκριση της προεπισκόπησης. Ενεργοποιήστε την επιλογή Πραγματικές τιμές για να τροφοδοτήσετε την προεπισκόπηση με τις πραγματικές μετρήσεις της εγκατάστασης. Η επιλογή Δοκιμή ενεργειών (η οποία απαιτεί ενεργές τις Πραγματικές τιμές) επιτρέπει στα πατήματα στην προεπισκόπηση να εκτελούν την ενέργειά τους απευθείας στον διακομιστή — εναλλαγή συσκευών, εκτέλεση σεναρίων και αυτοματισμών — ώστε να δοκιμάσετε το γραφικό πριν το δουν οι χρήστες. Οι ενέργειες που εκτελούνται τοπικά στην εφαρμογή (άνοιγμα χώρου, γενικές εντολές, μετάβαση σε προβολή) καταγράφονται αλλά δεν εκτελούνται.
Ρυθμίσεις.
| Ρύθμιση | Περιγραφή |
|---|---|
| Περιγραφή | Σημείωση που εμφανίζεται στη λίστα γραφικών |
| Χρώματα | Ακολούθηση θέματος εφαρμογής — τα σύμβολα και οι ετικέτες λαμβάνουν το χρώμα κειμένου της εφαρμογής· Ανοιχτόχρωμο σχέδιο — σκούρες γραμμές ανεξάρτητα από το θέμα, για εικόνα λευκού φόντου· Σκουρόχρωμο σχέδιο — ανοιχτόχρωμες γραμμές ανεξάρτητα από το θέμα |
| Προσαρμογή μεγέθους | Πώς προσαρμόζεται το σχέδιο στην κάρτα του: contain προβάλλει ολόκληρο το σχέδιο, cover γεμίζει την κάρτα με περικοπή άκρων |
| Φόντο | Χρώμα πίσω από το σχέδιο, ή transparent (διαφανές) |
| Ελάχ. ύψος (px) | Η κάρτα δεν λαμβάνει ποτέ μικρότερο ύψος από αυτή την τιμή |
| Πρόσθετο CSS | Φύλλο στυλ που εφαρμόζεται στο σχέδιο — κλάσεις για συνδέσεις Κλάσης, keyframes, μεταβάσεις |
| Στοιχεία εικόνων | Οι εικόνες στις οποίες μπορεί να αναφέρεται το σχέδιο (PNG, JPEG, WebP). Η Μεταφόρτωση εικόνας προσθέτει ένα αρχείο· η Χρήση ως φόντο την ορίζει ως φόντο του σχεδίου και προσαρμόζει αυτόματα τις διαστάσεις του γραφικού σε αυτήν. Μια εικόνα που χρησιμοποιείται ενεργά επισημαίνεται ως σε χρήση και δεν μπορεί να διαγραφεί· κατά την αντικατάσταση του φόντου, ο επεξεργαστής προτείνει τη διαγραφή του προηγούμενου αρχείου |
Εξαγωγή και εισαγωγή. Η Εξαγωγή πραγματοποιεί λήψη του γραφικού ως αρχείο πακέτου (bundle): το σχέδιο, οι παράμετροι, οι ρυθμίσεις και οι εικόνες περιλαμβάνονται σε ένα ενιαίο αρχείο. Η Εισαγωγή πακέτου στη σελίδα Γραφικά δημιουργεί ένα γραφικό από ένα τέτοιο αρχείο. Οι αναφορές συσκευών, συναρτήσεων, σεναρίων και προβολών αντιστοιχίζονται βάσει ονόματος· οποιαδήποτε αναφορά δεν ταυτοποιείται παραλείπεται και η διαδικασία εισαγωγής αναφέρει το πλήθος τους. Με αυτόν τον τρόπο διανέμονται τα δύο προεπιλεγμένα παραδείγματα και μεταφέρονται τα γραφικά από τη μία εγκατάσταση στην άλλη.
Αντίγραφα ασφαλείας. Τα γραφικά και τα προσαρμοσμένα σύμβολα αποθηκεύονται στη βάση δεδομένων του διακομιστή, επομένως συμπεριλαμβάνονται στο αντίγραφο ασφαλείας του συστήματος (βλ. «Αντίγραφα Ασφαλείας & Επαναφορά»). Τα αρχεία εικόνων στα οποία αναφέρεται ένα γραφικό αποθηκεύονται ως αυτόνομα αρχεία και δεν περιλαμβάνονται στο αντίγραφο ασφαλείας: εξάγετε το γραφικό ως πακέτο (bundle) για να διατηρήσετε τις εικόνες μαζί με το σχέδιο.