Κοινή χρήση μέσω


Επισκόπηση θεμάτων

Σημείωση

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

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

Ενεργοποίηση βασικών θεμάτων για υπάρχουσες πύλες

  1. Συνδεθείτε στο Power Apps.

  2. Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.

    Επιλογή εφαρμογών και πύλης.

  3. Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.

    Επεξεργασία πύλης.

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

    Ενεργοποίηση βασικών θεμάτων.

Αλλάξτε ένα θέμα για την πύλη σας

Μπορείτε να ορίσετε οποιοδήποτε υπάρχον θέμα στην πύλη σας ως προεπιλεγμένο θέμα.

  1. Συνδεθείτε στο Power Apps.

  2. Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.

  3. Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.

  4. Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.

    Επιλέξτε εικονίδιο θέματος.

  5. Επιλέξτε οποιοδήποτε προεπιλεγμένο θέμα από τις διαθέσιμες προεπιλογές (στο παράδειγμά μας, επιλέξαμε Πράσινο).

    Επιλέξτε ένα προεπιλεγμένο θέμα.

Το επιλεγμένο θέμα εφαρμόζεται στην πύλη σας.

Το θέμα που εφαρμόστηκε.

Σημείωση

Μετά την αλλαγή θέματος ή ιδιοτήτων θέματος, όπως τα χρώματα στο εσωτερικό του Studio, επιλέξτε Περιήγηση στην τοποθεσία Web για να προβάλετε τις αλλαγές σε μια ξεχωριστή καρτέλα προγράμματος περιήγησης. Εάν κάνετε πολλές αλλαγές χρησιμοποιώντας αυτήν τη μέθοδο και μεταβείτε σε διαφορετικές σελίδες εντός του προγράμματος περιήγησης, η κρυφή μνήμη cache του προγράμματος περιήγησης μπορεί να κάνει το πρόγραμμα περιήγησής σας να εμφανίσει αλλαγές θέματος που δεν είναι πιο πρόσφατες. Εάν συμβεί αυτό, χρησιμοποιήστε Ctrl+F5 για να φορτώσετε εκ νέου τη σελίδα.

Δημιουργία νέου θέματος

  1. Συνδεθείτε στο Power Apps.

  2. Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.

  3. Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.

  4. Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.

  5. Επιλέξτε Νέο θέμα.

    Δημιουργία νέου θέματος.

Επεξεργασία λεπτομερειών θέματος

Μπορείτε να ενημερώσετε το όνομα θέματος, την περιγραφή, το χρώμα και άλλες ρυθμίσεις τυπογραφίας στο Power Apps Studio.

  1. Συνδεθείτε στο Power Apps.

  2. Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.

  3. Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.

  4. Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.

  5. Επιλέξτε το θέμα που εφαρμόζεται τη δεδομένη στιγμή ή επιλέξτε ένα νέο θέμα από τις προεπιλογές. Η επιλογή ενός θέματος ανοίγει το τμήμα παραθύρου λεπτομερειών στη δεξιά πλευρά του χώρου εργασίας σας.

    Λεπτομέρειες θέματος.

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

    Επιλογή χρώματος Επηρεαζόμενη περιοχή
    Κύρια Χρώμα κουμπιών και συνδέσεων.
    Κεφαλίδα Χρώμα φόντου κεφαλίδας.
    Κείμενο μενού κεφαλίδας Χρώμα κειμένου για το μενού κεφαλίδας.
    Κατάδειξη μενού κεφαλίδας Το χρώμα φόντου των στοιχείων μενού κατά την κατάδειξη με το ποντίκι.
    Φόντο σώματος Χρώμα φόντου της ενότητας σώματος.
    Φόντο υποσέλιδου Χρώμα φόντου για το υποσέλιδο.
    Κείμενο υποσέλιδου Χρώμα κειμένου υποσέλιδου.
  7. Αποθηκεύστε και δημοσιεύστε τις αλλαγές.

Αντιγραφή προεπιλεγμένου θέματος

  1. Συνδεθείτε στο Power Apps.

  2. Επιλέξτε Εφαρμογές από το αριστερό παράθυρο περιήγησης και έπειτα επιλέξτε την πύλη.

  3. Επιλέξτε Περισσότερες εντολές (...) και μετά επιλέξτε Επεξεργασία.

  4. Επιλέξτε Θέμα από το τμήμα παραθύρου στοιχείων.

  5. Επιλέξτε το θέμα από τις προκαθορισμένες ρυθμίσεις που θέλετε να αντιγράψετε, επιλέξτε ... και στη συνέχεια επιλέξτε Προσαρμογή.

    Αντιγραφή προεπιλεγμένου θέματος.

  6. Ενημερώστε τις λεπτομέρειες θέματος όπως περιγράφεται στην προηγούμενη ενότητα και, στη συνέχεια, αποθηκεύστε το θέμα.

Μεταβλητές Sass

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

Για παράδειγμα, αν θέλετε το χρώμα της Κεφαλίδας να είναι 25 τοις εκατό πιο ανοιχτό από το Κύριο χρώμα, μπορείτε να χρησιμοποιήσετε την ακόλουθη τιμή αντί για ένα συγκεκριμένο χρώμα:

lighten($primaryColor, 25%);

Παράδειγμα Sass.

Μπορείτε να χρησιμοποιήσετε τις παρακάτω μεταβλητές Sass με τα βασικά θέματα:

Επιλογή χρώματος Όνομα μεταβλητής Sass
Κύρια $primaryColor
Κεφαλίδα $headerColor
Κείμενο μενού κεφαλίδας $headerMenuTextColor
Κατάδειξη μενού κεφαλίδας $headerMenuHoverColor
Φόντο σώματος $bodyBackground
Φόντο υποσέλιδου $footerColor
Κείμενο υποσέλιδου $footerTextColor

Σειρά μεταβλητών Sass

Εργασία των μεταβλητών Sass από επάνω προς τα κάτω. Μπορείτε να ορίσετε το χρώμα της Κεφαλίδας σε lighten($primaryColor, 25%);. Ωστόσο, δεν μπορείτε να ορίσετε το Κύριο χρώμα σε lighten($headerColor, 25%); γιατί η Κεφαλίδα είναι κάτω από το Κύριο στη λίστα των επιλογών χρώματος.

Σημεία που πρέπει να ληφθούν υπόψη για τα βασικά θέματα

  • Δεν μπορείτε να έχετε δύο θέματα με το ίδιο όνομα θέματος ή με το ίδιο όνομα αρχείου θέματος.
  • Κάθε τιμή χρώματος που πληκτρολογείτε με μη αυτόματο τρόπο πρέπει να είναι έγκυρου χρώματος.
  • Η αλλαγή του CSS για προεπιλεγμένα θέματα δεν υποστηρίζεται.
  • Η συνιστώμενη αναλογία αντίθεσης χρώματος προσκηνίου και παρασκηνίου θέματος είναι 4,5:1, για προσβασιμότητα.

Επόμενα βήματα

Επεξεργασία CSS θέματος

Δείτε επίσης

Στούντιο των πυλών του Power Apps
Δημιουργία και διαχείριση ιστοσελίδων
Πρόγραμμα επεξεργασίας WYSIWYG

Σημείωση

Μπορείτε να μας πείτε ποια γλώσσα προτιμάτε για την τεκμηρίωση; Πάρτε μέρος σε μια σύντομη έρευνα. (σημειώνεται ότι αυτή η έρευνα είναι στα Αγγλικά)

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