ניפוי באגים בפריסה באמצעות הכלי לבדיקת פריסות

הכלי Layout Inspector ב-Android Studio מאפשר לבדוק ולנפות באגים בפריסה בתוך אפליקציה שפועלת באמולטור או במכשיר פיזי. אתם יכולים לבדוק את המאפיינים של כל רכיב, להשוות את פריסת האפליקציה שלכם למוקאפים של עיצובים ולהציג תצוגה מוגדלת של האפליקציה.

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

מידע נוסף זמין במאמר ניפוי באגים בממשק המשתמש של Compose.

איור 1. Layout Inspector מוטמע לאפליקציית Jetchat.

שנתחיל?

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

הנה כמה דוגמאות למשימות נפוצות:

  • כדי לראות את היררכיית התצוגות ולבדוק את המאפיינים של כל רכיב, משתמשים בחלונות הכלים Component Tree ו-Attributes. יכול להיות שיהיה צורך להפעיל מחדש את הפעילות כדי לגשת למאפיינים ב-Layout Inspector.
  • כדי לבחור רכיבים, קודם מפעילים את האפשרות החלפת מצב של בדיקה מעמיקה כפתור להחלפת מצב של בדיקה מעמיקה, ואז לוחצים על הרכיבים. אפשר גם ללחוץ לחיצה כפולה על הרכיבים כדי לנווט לקוד.
  • כדי ליצור אינטראקציה עם האפליקציה, משביתים את האפשרות החלפת מצב של בדיקה מעמיקה כפתור להחלפת מצב של בדיקה מעמיקה.
  • כדי לבדוק מכשירים פיזיים, צריך להפעיל שיקוף מכשירים.
  • כדי להפעיל עדכונים בזמן אמת כשמעדכנים את ממשק המשתמש של האפליקציה, צריך לוודא שהאפשרות Live Edit מופעלת.

בחירה או בידוד של רכיב

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

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

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

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

הסתרת גבולות הפריסה והצגת תוויות

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

תיעוד תמונות מצב של היררכיית הפריסה

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

תמונות המצב כוללות את הנתונים שמוצגים בדרך כלל כשמשתמשים בכלי Layout Inspector, כולל עיבוד מפורט של הפריסה, עץ הרכיבים של פריסת ה-Compose, ה-View או הפריסה ההיברידית, ומאפיינים מפורטים של כל רכיב בממשק המשתמש. כדי לשמור תמונת מצב, לוחצים על Snapshot Export/Import (ייצוא/ייבוא של תמונת מצב) ייצוא/ייבוא של תמונת מצב ואז על Export Snapshot (ייצוא תמונת מצב).

כדי לטעון תמונת מצב של Layout Inspector ששמרתם קודם, לוחצים על Import Snapshot (ייבוא תמונת מצב).

השוואה בין פריסת האפליקציה לבין שכבת-על לתמונה לדוגמה

כדי להשוות את פריסת האפליקציה לתמונה לדוגמה, כמו הדמיה של ממשק משתמש, אפשר לטעון שכבת-על לתמונה של מפת סיביות (bitmap) בכלי Layout Inspector.

  • כדי לטעון שכבת-על, בוחרים באפשרות Load Overlay (טעינת שכבת-על) בסרגל הכלים של Layout Inspector (כלי לבדיקת פריסה). גודל שכבת-העל מותאם לפריסה.
  • כדי לשנות את השקיפות של שכבת העל, משתמשים בפס ההזזה שקיפות שכבת העל.
  • כדי להסיר את שכבת העל, לוחצים על הסרת שכבת העל.

כלי עצמאי לבדיקת פריסות

כדי להשיג ביצועים אופטימליים, מומלץ להשתמש בכלי Layout Inspector במצב המוטמע שמוגדר כברירת מחדל. כדי לבטל את ההטמעה של הכלי Layout Inspector, עוברים אל File (Android Studio ב-macOS)> Settings > Tools > Layout Inspector ומבטלים את הסימון של תיבת הסימון Enable embedded Layout Inspector.

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

מקורות מידע נוספים

צפיות בתוכן