Theming

Τα Θέματα είναι ένας μηχανισμός με τον οποίο μια συνεπής εμφάνιση και αίσθηση μπορεί να εφαρμοστεί σε όλα τα στοιχεία μιας σελίδας. Προς το παρόν, αυτό σημαίνει κοινή χρήση ενός συνδυασμού χρωμάτων σε ολόκληρη τη σελίδα.

Σημείωμα

Ένα αντικείμενο Json Θέμα είναι ένα μπλοκ κώδικα που περιέχει ένα σύνολο χρωμάτων. Τα στοιχεία του Κιτ δημιουργών έχουν σχεδιαστεί για να αποδέχονται το μπλοκ κώδικα Θέμα που παράγεται ειδικά από την εφαρμογή Fluent Theme Designer και αντιστοιχίζει τις τιμές των χρωμάτων με τις ιδιότητες των στοιχείων. Αποθηκεύστε το αντικείμενο ως μεταβλητή στην εφαρμογή σας (όπως περιγράφεται στις παρακάτω οδηγίες). Παρόλο ένα αντικείμενο Json θέματος έχει σχεδιαστεί για να γίνεται εύκολα αναφορά με στοιχεία κιτ, οποιοδήποτε στοιχείο εκτός του κιτ μπορεί επίσης να αναφέρεται σε αυτές τις τιμές, γεγονός που βοηθά να διατηρηθεί εύκολα η συνέπεια σε όλα τα στοιχεία της εφαρμογής.

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

Χρησιμοποιήστε την εφαρμογή Fluent Theme Designer (παρέχεται στη λύση CreatorKitReferences(Canvas)) για να δημιουργήσετε ένα αντικείμενο θέματος Json στο οποίο μπορούν να υπάρχουν αναφορές από τα στοιχεία κιτ δημιουργών.

1. Αναπαραγάγετε την εφαρμογή Fluent Theme Designer.

2. Τροποποιήστε τις τιμές κύριου χρώματος, χρώματος κειμένου και χρώματος φόντου.

   

3. Στην επάνω δεξιά γωνία, επιλέξτε Εξαγωγή θέματος για να δημιουργήσετε την έκδοση παράστασης Power Fx του JSON θέματος και, στη συνέχεια, αντιγράψτε την τιμή από τον πίνακα.

   

4. Αποθηκεύστε το θέμα ως καθολική μεταβλητή σε μια εφαρμογή (επόμενη ενότητα).

Ορισμός του θέματος

Ο παρακάτω τύπος Power Fx εμφανίζει ένα παράδειγμα για τον τρόπο ορισμού μιας καθολικής μεταβλητής χρησιμοποιώντας το αποτέλεσμα από την εφαρμογή Fluent UI Theme Designer. Αυτή η μεταβλητή μπορεί να έχει αναφορές από όλα τα στοιχεία στην εφαρμογή.

• Τοποθετήστε αυτόν τον τύπο Power Fx για εκτέλεση στην ιδιότητα της εφαρμογής OnStart.
• Αντικαταστήστε την τιμή μεταξύ των σχολίων /* THEME OBJECT */ με το δικό σας αντικείμενο θέματος από τη σχεδίαση.

Set(
    AppTheme,
    /* START THEME OBJECT */
    {
        palette: {
            themePrimary: "#0078d4",
            themeLighterAlt: "#eff6fc",
            themeLighter: "#deecf9",
            themeLight: "#c7e0f4",
            themeTertiary: "#71afe5",
            themeSecondary: "#2b88d8",
            themeDarkAlt: "#106ebe",
            themeDark: "#005a9e",
            themeDarker: "#004578",
            neutralLighterAlt: "#faf9f8",
            neutralLighter: "#f3f2f1",
            neutralLight: "#edebe9",
            neutralQuaternaryAlt: "#e1dfdd",
            neutralQuaternary: "#d0d0d0",
            neutralTertiaryAlt: "#c8c6c4",
            neutralTertiary: "#a19f9d",
            neutralSecondary: "#605e5c",
            neutralPrimaryAlt: "#3b3a39",
            neutralPrimary:"#323130",
            neutralDark: "#201f1e",
            black: "#000000",
            white: "#ffffff"
        }
    }
    /* END THEME OBJECT */
);
Set(
    AppThemeJson,
    JSON(
        AppTheme,
        JSONFormat.IndentFour
    )
);

Αναφορά θέματος από στοιχεία του Κιτ δημιουργών

Ένα θέμα μπορεί να περάσει στην ιδιότητα Theme κάθε στοιχείου.

• Τα στοιχεία καμβά πρέπει να αναφέρονται στη AppTheme μεταβλητή.
• Τα στοιχεία κώδικα πρέπει να αναφέρονται στη AppThemeJson μεταβλητή.

Αναφορά θέματος από εγγενή στοιχεία Power Apps

Οποιοδήποτε από τα βασικά στοιχεία σε εφαρμογές καμβά ή προσαρμοσμένες σελίδες μπορεί να περιέχει αναφορές σε στοιχεία από το αντικείμενο AppTheme (δεν είναι δυνατή η μορφοποίηση Json). Αυτά τα στοιχεία ελέγχου πρέπει να αναφέρονται στις επιθυμητές ιδιότητες palette και να μετατρέπονται ρητά ως τύπος δεδομένων Χρώμα χρησιμοποιώντας τον τύπο ColorValue().

Παράδειγμα Button.Fill Power Fx τύπος που αναφέρεται στο κύριο χρώμα του θέματος:

ColorValue(AppTheme.palette.themePrimary)