Elevation לִשְׁלוֹט

פקד המשמש לבניית כרטיסים ותפריטם נשלפים.

תיאור‬‏‫‬

Elevation משמש למשיכת מוקד לחוויה ולהוספת חומריות פיזית לאפליקציה. רמות שטחיות שמורות לפריטים הקשורים בקשר הדוק לבד ציור או לתצוגה, כגון אריחים. רמות עמוקות יותר יוצרות מסגרת בולטת סביב פני השטח, ומושכות מיקוד חזק לחוויות עצמאיות כמו תיבות דו-שיח. תומך באירועי ריחוף עם העכבר.

עבור אל הדף סגנון Elevation ב-Fluent UI‬‏‫ לשיטות עבודה מומלצות.

מאפייני

‏‫מאפיינים עיקריים‬

מאפיין‬	תיאור‬‏‫‬
Depth	עומק הצל.
HoverDepth	עומק הצל שמופיע בריחוף.

מאפייני סגנון

מאפיין‬	תיאור‬‏‫‬
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 כדי לאכלס את הכרטיס.

הגבלות

ניתן להשתמש ברכיב קוד זה רק ביישומי בד ציור ובדפים מותאמים אישית.