פריסות נפוצות של עיצוב רספונסיבי
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
פריסות עיצוב נפוצות – שנקראות גם פריסות עיצוב קנוניקליות – הן פריסות אפליקציות מוכחות ורב-תכליתיות שמספקות חוויית משתמש אופטימלית במגוון רחב של גדלי מסכים שזמינים ב-Wear OS.
שימוש בעקרונות של ממשק משתמש רספונסיבי ומתאים כדי לספק חוויית משתמש באיכות הגבוהה ביותר לכולם. ממשקי משתמש מותאמים משתנים ומשתלשים כדי לנצל את כל שטח המסך הזמין, ללא קשר לגודל המסך שבו הם מוצגים.
ממשקי משתמש מותאמים משתנים באופן תגובתי, באמצעות רכיבים ושיטות שמוטמעים ישירות לתוך הלוגיקה של הפריסה. הפריסות האלה כוללות גם נקודות עצירה לפי גודל המסך – שימוש בעיצוב שונה בגדלי מסך שונים – כדי ליצור חוויה עשירה יותר לכולם.
שימוש בפריסות נפוצות ומוכרות
שימוש בפריסות קנוניקליות מוכרות כדי לעזור לממשקי המשתמש להתאים בצורה חלקה למגוון גדלים של מכשירים. הפריסות הקנוניות האלה מספקות חוויה איכותית בכל גדלי המסכים.
משבצות (פריסות ללא גלילה)
כרטיסי מידע הם פריסות תצוגה ללא גלילה שמספקות גישה מהירה למידע ולפעולות שהמשתמשים צריכים כדי לבצע משימות. באמצעות החלקה מתצוגת השעון, המשתמשים יכולים לראות את ההתקדמות שלהם ביחס ליעדי הכושר שהגדירו, לבדוק את מזג האוויר ועוד. פותחים אפליקציות או מבצעים משימות חיוניות במהירות מהמשבצות.
אפליקציות (פריסות גלילה)
פריסות של תצוגת אפליקציה עם גלילה כוללות רשימות (ScalingLazyColumn) ומסכי תיבת דו-שיח.
הפריסות האלה מהוות את רוב המסכים באפליקציות, והן מייצגות אוסף של רכיבים שצריכים להתאים לגדלי מסך גדולים יותר.
אפליקציות (פריסות ללא גלילה)
פריסות של תצוגות באפליקציות ללא אפשרות גלילה כוללות נגני מדיה, בוררי בחירה, מתגים, תיבת דו-שיח מסוימת ומסכים מיוחדים של כושר או מעקב שמשתמשים במדדי התקדמות.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-07-26 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2025-07-26 (שעון UTC)."],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
