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

Elevation έλεγχος

  • Άρθρο

Ένα στοιχείο ελέγχου που χρησιμοποιείται για την κατασκευή καρτών και αναδυόμενων μενού.

Στοιχείο ελέγχου Elevation.

Description

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

Μεταβείτε στη σελίδα Στυλ υψόμετρου περιβάλλοντος εργασίας χρήστη Fluent για βέλτιστες πρακτικές.

Ιδιότητες

Ιδιότητες κλειδιού

Ιδιότητα Description
Depth Το βάθος της σκιάς.
HoverDepth Το βάθος της σκιάς που εμφανίζεται με την κατάδειξη.

Ιδιότητες ύφους

Ιδιότητα Description
FillColor Το χρώμα φόντου του στοιχείου ελέγχου Elevation.
HoverFillColor Το χρώμα φόντου του στοιχείου ελέγχου Elevation που εμφανίζεται με την κατάδειξη.
PaddingLeft Κενό αριστερής πλευράς μεταξύ της κάρτας και του ορίου ελέγχου
PaddingRight Κενό δεξιάς πλευράς μεταξύ της κάρτας και του ορίου ελέγχου
PaddingTop Κενό κορυφαίας πλευράς μεταξύ της κάρτας και του ορίου ελέγχου
PaddingBottom Κενό κάτω πλευράς μεταξύ της κάρτας και του ορίου ελέγχου
DarkOverlay Όταν είναι ενεργοποιημένο, εμφανίζει ένα αποτέλεσμα σκούρας επικάλυψης στην περιοχή με αναπλήρωση.

Περιεχόμενο μορφοποίησης σε Elevation με κοντέινερ διάταξης

  1. Προσθέστε ένα στοιχείο ελέγχου Container στην οθόνη (όχι Horizontal container ή Vertical container).

  2. Προσθήκη στοιχείου Elevation στο κοντέινερ

  3. Ορίστε ιδιότητες Elevation, ώστε να ταιριάζουν με το γονικό Container:

    Ιδιότητα Τιμή
    X 0
    Y 0
    Width Parent.Width
    Height Parent.Height

  4. Ορίστε τις ιδιότητες PaddingRight, PaddingTop και PaddingBottom για αναφορά του Self.PaddingLeft

  5. Επιλέξτε το επιθυμητό Depth και ρυθμίστε την τιμή του PaddingLeft για να παρέχετε αρκετό κενό ώστε η σκιά να μην αποκοπεί.

  6. Εισαγωγή ενός Vertical container στο ίδιο γονικό στοιχείο Container. Χρησιμοποιείται για τη φιλοξενία του περιεχομένου της κάρτας.

  7. Ορίστε τις ιδιότητες Vertical container έτσι ώστε να είναι οπτικά στοιχισμένες στα άκρα του στοιχείου Elevation:

    Ιδιότητα Τιμή
    X Elevation.PaddingLeft
    Y Elevation.PaddingLeft
    Width Parent.Width - Elevation.PaddingLeft * 2
    Height Parent.Height - Elevation.PaddingLeft * 2

  8. Προσθέστε περιεχόμενα στο Vertical container για να συμπληρώσετε την κάρτα.

Παράδειγμα υψόμετρου.

Περιορισμοί

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