‫Material 3 Adaptive 1.2.0 יציב

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