אנחנו שמחים להודיע שגרסה 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.