אנחנו שמחים להודיע שגרסה 1.2.0 של Material 3 Adaptive יציבה עכשיו!

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

מה חדש ב-Material 3 Adaptive 1.2.0

הגרסה היציבה הזו מבוססת על תמיכה ב-WindowManager 1.5.0 לנקודות עצירה גדולות וגדולות במיוחד, וכוללת את האסטרטגיות החדשות של שינוי הפריסה והזזה של ListDetailPaneScaffold ו-SupportingPaneScaffold. 

סיווגים חדשים של גודל החלון: גדול וגדול מאוד

ב-WindowManager 1.5.0 הוספנו שתי נקודות עצירה חדשות לרוחב של חלון בגודל מסוים, כדי לתמוך בחלונות גדולים יותר מאלה שנתמכים בחלון בגודל 'מורחב'. כדי להפעיל את נקודות עצירה בגודל גדול (L) וגדול במיוחד (XL), צריך להוסיף את הפרמטר הבא לקריאה currentWindowAdaptiveInfo() בבסיס הקוד:

currentWindowAdaptiveInfo(supportLargeAndXLargeWidth = true)

הדגל הזה מאפשר לספרייה להחזיר גם נקודות עצירה בגדלים L ו-XL כשצריך.

אסטרטגיות חדשות של התאמה: שינוי מיקום וריחוף

סידור התוכן וחלונות התצוגה בחלון הוא משימה מורכבת שצריך לקחת בה בחשבון הרבה גורמים, החל מגודל החלון. בעזרת ספריית Material 3 Adaptive החדשה, שתי טכנולוגיות חדשות יכולות לעזור לכם ליצור פריסה דינמית במינימום מאמץ.

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

שינוי הפריסה של חלונית בהתאם לגודל החלון

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

הזזה של חלונית מהצד למרכז על סמך יחס הגובה-רוחב

אפשר להצהיר על אסטרטגיות הזרימה והריחוף בתוך הבונה Navigator באמצעות הפרמטר adaptStrategies, ואפשר להחיל את שתי האסטרטגיות על רשימת הפרטים ועל חלונית התמיכה scaffolds:

val navigator = rememberListDetailPaneScaffoldNavigator<Nothing>(
        adaptStrategies = ListDetailPaneScaffoldDefaults.adaptStrategies(
            detailPaneAdaptStrategy = AdaptStrategy.Reflow(
                reflowUnder = ListDetailPaneScaffoldRole.List
            ),
            extraPaneAdaptStrategy = AdaptStrategy.Levitate(
                alignment = Alignment.Center
            )
        )
    )

מידע נוסף על השימוש בשיטות החדשות האלה מופיע באתר Material ובקוד לדוגמה המלא ב-GitHub.