מבוא לשרטוט ב-Compose
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
איך מציירים משהו בהתאמה אישית ב-Compose בעזרת ציור בהתאמה אישית תוכלו לשפר את המראה והתחושה של האפליקציה במקרים שבהם הרכיבים המובנים לא מספקים את מה שדרוש לאפליקציה.
נקודות עיקריות
DrawScope הוא ממשק API לציור ללא מצב, שמאפשר לצייר צורות, נתיבים ועוד בלי צורך לשמור על המצב של הרכיב באופן ידני.- כמה מקשי שינויים של ציור נותנים לכם גישה ל-
DrawScope, ומאפשרים לכם לצייר עם רכיבים אחרים שאפשר לשלב:
drawBehind: ציור מאחורי התוכן של הרכיבים הניתנים לשילוב.drawWithContent: שימושי לסדר מחדש את התוכן. אתם יכולים לבחור מתי להפעיל את התוכן של ה-composable, לפני או אחרי.drawWithCache: שומרת את האובייקטים במטמון עד שהגודל משתנה או שמשתני המצב שנקראו בתוכם משתנים.
- מערכת הקואורדינטות ב-Compose זהה למערכת התצוגה.
- כל הקריאות לציור ולפריסה מתבצעות בערכים של פיקסלים, ולא ב-
dp. כדי לצייר בצורה עקבית במסכים שונים, צריך להשתמש ב-dp ולהמיר את הערכים לפיקסלים לפני שמתחילים לצייר.
- קריאות לציור הן תמיד יחסיות לרכיב ה-Composable הראשי.
אוספים שמכילים את המדריך הזה
המדריך הזה הוא חלק מהאוספים הבאים של מדריכים מהירים, שמכסים יעדים רחבים יותר לפיתוח Android:
הצגת תמונות
כאן מוסבר איך להשתמש בתמונות ובסרטונים בהירים ומעניינים כדי ליצור מראה מעוצב ויפה לאפליקציה ל-Android.
דוגמאות התוכן והקוד שבדף הזה כפופות לרישיונות המפורטים בקטע רישיון לתוכן. Java ו-OpenJDK הם סימנים מסחריים או סימנים מסחריים רשומים של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2025-02-06 (שעון UTC).
[null,null,["עדכון אחרון: 2025-02-06 (שעון UTC)."],[],[],null,["# Intro to drawing in Compose\n\n\u003cbr /\u003e\n\nLearn how to draw something custom in Compose. With custom drawing, you can\nimprove the look and feel of your app when the built-in components don't cover\nexactly what your app needs. \n\nKey points\n----------\n\n- [`DrawScope`](/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope) is a declarative, stateless drawing API to draw shapes, paths, and more without needing to maintain the state of the component manually.\n- Several drawing modifiers give you access to `DrawScope`, letting you draw with other composables:\n - [`drawBehind`](/reference/kotlin/androidx/compose/ui/draw/package-summary#(androidx.compose.ui.Modifier).drawBehind(kotlin.Function1)): draws behind the composables content.\n - [`drawWithContent`](/reference/kotlin/androidx/compose/ui/draw/package-summary#(androidx.compose.ui.Modifier).drawWithContent(kotlin.Function1)): useful for rearranging content. You can choose when to call the content of the composable, either before or after.\n - [`drawWithCache`](/reference/kotlin/androidx/compose/ui/draw/package-summary#(androidx.compose.ui.Modifier).drawWithCache(kotlin.Function1)): caches the objects until the size changes or the state variables read inside change.\n- The coordinate system in Compose is the same as the view system.\n- All draw and layout calls are performed in pixel values, not [`dp`](/reference/kotlin/androidx/compose/ui/unit/package-summary#(kotlin.Int).dp()). To draw consistently across screens, use `dp` and convert to pixels before drawing.\n- Draw calls are always relative to the parent composable.\n\nCollections that contain this guide\n-----------------------------------\n\nThis guide is part of these curated Quick Guide collections that cover\nbroader Android development goals: \n\n### Display images\n\nDiscover techniques for using bright, engaging visuals to give your Android app a beautiful look and feel. \n[Quick guide collection](/develop/ui/compose/quick-guides/collections/display-images) \n\nHave questions or feedback\n--------------------------\n\nGo to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts. \n[Go to FAQ](/quick-guides/faq) [Leave feedback](https://issuetracker.google.com/issues/new?component=1573691&template=1993320)"]]
