החל מ-Android 8.0 (רמת API 26), מערכת Android מאפשרת להפעיל פעילויות במצב תמונה בתוך תמונה (PiP). תמונה בתוך תמונה היא סוג מיוחד של מצב ריבוי חלונות שמשמש להפעלת סרטונים, לשיחות וידאו ולניווט. התכונה מאפשרת למשתמש להצמיד את חלון הפעילות הקיים לפינת המסך בזמן שהוא עובר בין אפליקציות או מעיין בתוכן במסך הראשי.
התכונה 'תמונה בתוך תמונה' מסתמכת על ממשקי API של ריבוי חלונות שזמינים ב-Android 7.0 כדי לספק את חלון הווידאו הצף. כדי להוסיף PiP לאפליקציה, צריך לרשום את הפעילויות שתומכות ב-PiP, להעביר את הפעילות למצב PiP לפי הצורך ולוודא שרכיבי ממשק המשתמש מוסתרים והפעלת הסרטון נמשכת כשהפעילות במצב PiP.
חלון ה-PiP מופיע בשכבה העליונה ביותר של המסך, בפינה שנבחרה על ידי המערכת.
התכונה 'תמונה בתוך תמונה' נתמכת גם במכשירי Android TV OS תואמים עם Android מגרסה 14 (רמת API 34) ואילך. יש הרבה דברים דומים, אבל יש גם שיקולים נוספים כשמשתמשים בתמונה בתוך תמונה בטלוויזיה.
איך משתמשים יכולים לקיים אינטראקציה עם חלון ה-PiP
המשתמשים יכולים לגרור את חלון ה-PiP למיקום אחר. החל מ-Android 12, המשתמשים יכולים גם:
מקישים הקשה אחת על החלון כדי להציג את המתג למסך מלא, את לחצן הסגירה, את לחצן ההגדרות ואת הפעולות המותאמות אישית שהאפליקציה מספקת (לדוגמה, אמצעי בקרה להפעלה).
לוחצים לחיצה כפולה על החלון כדי לעבור בין הגודל הנוכחי של חלון התמונה בתוך תמונה לבין הגודל המקסימלי או המינימלי של חלון התמונה בתוך תמונה. לדוגמה, לחיצה כפולה על חלון מוגדל תמזער אותו, ולהפך.
כדי להסתיר את החלון, גוררים אותו לקצה השמאלי או הימני. כדי להוציא את החלון מהאחסון, מקישים על החלק הגלוי של החלון המאוחסן או גוררים אותו החוצה.
משנים את הגודל של חלון ה-PiP באמצעות תנועת צביטה בזום.
האפליקציה קובעת מתי הפעילות הנוכחית עוברת למצב תמונה בתוך תמונה. ריכזנו כאן כמה דוגמאות:
פעילות יכולה להיכנס למצב תמונה בתוך תמונה כשהמשתמש מקיש על הכפתור הראשי או מחליק למעלה אל המסך הראשי. כך מפות Google ממשיכות להציג את המסלול בזמן שהמשתמש מבצע פעילות אחרת.
האפליקציה יכולה להעביר סרטון למצב PiP כשהמשתמש חוזר מהסרטון כדי לעיין בתוכן אחר.
האפליקציה יכולה להעביר סרטון למצב PiP בזמן שמשתמש צופה בסוף של פרק תוכן. במסך הראשי מוצגות פרטים שיווקיים או סיכום של הפרק הבא בסדרה.
האפליקציה יכולה לספק למשתמשים דרך להוסיף תוכן נוסף לרשימת הצפייה בזמן שהם צופים בסרטון. הסרטון ימשיך לפעול במצב PiP בזמן שבמסך הראשי תוצג פעילות של בחירת תוכן.
הצהרה על תמיכה בתכונה 'תמונה בתוך תמונה'
כברירת מחדל, המערכת לא תומכת אוטומטית בהצגת אפליקציות בתמונה בתוך תמונה. אם רוצים לתמוך בהצגת סרטונים בתמונה בתוך תמונה באפליקציה, צריך לרשום את פעילות הסרטון במניפסט על ידי הגדרת android:supportsPictureInPicture ל-true. בנוסף, צריך לציין שהפעילות מטפלת בשינויים בפריסת הרכיבים, כדי שהפעילות לא תופעל מחדש כשמתרחשים שינויים בפריסה במהלך מעברים למצב תמונה בתוך תמונה.
<activity android:name="VideoActivity"
android:supportsPictureInPicture="true"
android:configChanges=
"screenSize|smallestScreenSize|screenLayout|orientation"
...
הטמעה של תמונה בתוך תמונה באמצעות Jetpack
כדי להטמיע את התכונה 'תמונה בתוך תמונה' (PiP), מומלץ להשתמש בספריית Jetpack Picture-in-Picture. כך אפשר לייעל את ההטמעה ולצמצם בעיות נפוצות באפליקציה. אפשר לעיין באפליקציה לדוגמה של הפלטפורמה כדי לראות דוגמה לשימוש בה. אבל אם אתם מעדיפים להטמיע את התכונה 'תמונה בתוך תמונה' באמצעות ממשקי API של הפלטפורמה, תוכלו לעיין במאמרי העזרה הבאים.
העברת הפעילות למצב תמונה בתוך תמונה
החל מ-Android 12, אפשר להעביר את הפעילות למצב תמונה בתוך תמונה על ידי הגדרת הדגל setAutoEnterEnabled לערך true. ההגדרה הזו מאפשרת למערכת לעבור אוטומטית למצב תמונה בתוך תמונה לפי הצורך, בלי שתצטרכו להפעיל במפורש את enterPictureInPictureMode() ב-onUserLeaveHint. בנוסף, היתרון הנוסף הוא שהמעברים בין המצבים חלקים יותר. פרטים נוספים זמינים במאמר בנושא שיפור המעברים למצב תמונה בתוך תמונה (PiP) מניווט באמצעות מחוות.
אם אתם מטרגטים את Android 11 או גרסאות קודמות, פעילות צריכה לקרוא ל-enterPictureInPictureMode() כדי לעבור למצב תמונה בתוך תמונה. לדוגמה, הקוד הבא מעביר פעילות למצב תמונה בתוך תמונה כשמשתמש לוחץ על לחצן ייעודי בממשק המשתמש של האפליקציה:
override fun onActionClicked(action: Action) {
if (action.id.toInt() == R.id.lb_control_picture_in_picture) {
activity?.enterPictureInPictureMode()
return
}
}
אולי כדאי לכלול לוגיקה שמעבירה פעילות למצב תמונה בתוך תמונה במקום להעביר אותה לרקע. לדוגמה, מפות Google עוברת למצב PiP אם המשתמש לוחץ על הכפתור 'דף הבית' או על הכפתור 'אחרונים' בזמן שהאפליקציה מנווטת. אפשר לטפל במקרה הזה על ידי ביטול ההגדרה של onUserLeaveHint():
override fun onUserLeaveHint() {
if (iWantToBeInPipModeNow()) {
enterPictureInPictureMode()
}
}
מומלץ: לספק למשתמשים חוויית מעבר חלקה בין מצב רגיל למצב תמונה בתוך תמונה
ב-Android 12 נוספו שיפורים משמעותיים למעברים המונפשים בין חלונות במסך מלא לחלונות PiP. מומלץ מאוד להטמיע את כל השינויים הרלוונטיים. אחרי שתעשו את זה, השינויים האלה יותאמו באופן אוטומטי למסכים גדולים כמו מכשירים מתקפלים וטאבלטים, בלי שתצטרכו לבצע פעולות נוספות.
אם האפליקציה לא כוללת עדכונים רלוונטיים, המעברים של התמונה בתוך תמונה עדיין יפעלו, אבל האנימציות יהיו פחות חלקות. לדוגמה, מעבר ממצב מסך מלא למצב תמונה בתוך תמונה עלול לגרום לחלון התמונה בתוך תמונה להיעלם במהלך המעבר, לפני שהוא מופיע שוב כשהמעבר מסתיים.
השינויים האלה כוללים:
- שיפור המעברים למצב תמונה בתוך תמונה (PIP) מניווט באמצעות תנועות
- הגדרת
sourceRectHintמתאים לכניסה למצב תמונה בתוך תמונה ויציאה ממנו - השבתת שינוי הגודל החלק של תוכן שאינו וידאו
כדי לקבל מידע על הפעלת מעבר חלק בין מצבים, אפשר לעיין בדוגמה של תמונה בתוך תמונה ב-Android Kotlin.
שיפור המעבר למצב תמונה בתוך תמונה (PIP) מניווט באמצעות תנועות
החל מ-Android 12, הדגל setAutoEnterEnabled מספק אנימציה חלקה יותר למעבר לתוכן וידאו במצב 'תמונה בתוך תמונה' באמצעות ניווט במחוות – למשל, כשמחליקים למעלה כדי לעבור ממסך מלא למסך הבית.
כדי לבצע את השינוי הזה, צריך:
- משתמשים ב-
setAutoEnterEnabledכדי ליצור אתPictureInPictureParams.Builder:
setPictureInPictureParams(PictureInPictureParams.Builder()
.setAspectRatio(aspectRatio)
.setSourceRectHint(sourceRectHint)
.setAutoEnterEnabled(true)
.build())
Note: When `setAutoEnterEnabled` is enabled, you don't need to explicitly
call [`enterPictureInPictureMode`][5] in [`onUserLeaveHint`][6].
מתקשרים אל
setPictureInPictureParamsעם הגרסה העדכנית שלPictureInPictureParamsמוקדם. האפליקציה לא מחכה לקריאה החוזרתonUserLeaveHint(כמו שהיא הייתה עושה ב-Android 11).לדוגמה, יכול להיות שתרצו להתקשר אל
setPictureInPictureParamsבהפעלה הראשונה ובכל הפעלה הבאה אם יחס הגובה-רוחב ישתנה.תתקשר אל
setAutoEnterEnabled(false), אבל רק אם זה הכרחי. לדוגמה, סביר להניח שלא תרצו להיכנס למצב תמונה בתוך תמונה אם ההפעלה הנוכחית מושהית.
הגדרת sourceRectHint מתאים לכניסה למצב תמונה בתוך תמונה ויציאה ממנו
החל מההשקה של מצב 'תמונה בתוך תמונה' ב-Android 8.0, setSourceRectHint מציין את האזור של הפעילות שגלוי אחרי המעבר למצב 'תמונה בתוך תמונה' – לדוגמה, הגבולות של תצוגת הווידאו בנגן וידאו.
ב-Android 12, המערכת משתמשת ב-sourceRectHint כדי להטמיע אנימציה חלקה יותר כשנכנסים למצב PiP ויוצאים ממנו.
כדי להגדיר את sourceRectHint בצורה נכונה לכניסה למצב תמונה בתוך תמונה ויציאה ממנו:
- בונים את
PictureInPictureParamsבאמצעות הגבולות המתאימים כ-sourceRectHint. מומלץ גם לצרף מאזין לשינוי פריסה לנגן הווידאו:
val mOnLayoutChangeListener =
OnLayoutChangeListener { v: View?, left: Int,
top: Int, right: Int, bottom: Int, oldLeft: Int, oldTop:
Int, oldRight: Int, oldBottom: Int ->
val sourceRectHint = Rect()
mYourVideoView.getGlobalVisibleRect(sourceRectHint)
val builder = PictureInPictureParams.Builder()
.setSourceRectHint(sourceRectHint)
setPictureInPictureParams(builder.build())
}
mYourVideoView.addOnLayoutChangeListener(mOnLayoutChangeListener)
- אם צריך, מעדכנים את
sourceRectHintלפני שהמערכת מתחילה את מעבר היציאה. כשהמערכת עומדת לצאת ממצב תמונה בתוך תמונה, היררכיית התצוגה של הפעילות מסודרת לפי הגדרת היעד שלה (לדוגמה, מסך מלא). האפליקציה יכולה לצרף פונקציית event listener לשינוי פריסה לתצוגת הבסיס או לתצוגת היעד (כמו תצוגת נגן הווידאו) כדי לזהות את האירוע ולעדכן אתsourceRectHintלפני שהאנימציה מתחילה.
// Listener is called immediately after the user exits PiP but before animating.
playerView.addOnLayoutChangeListener { _, left, top, right, bottom,
oldLeft, oldTop, oldRight, oldBottom ->
if (left != oldLeft
|| right != oldRight
|| top != oldTop
|| bottom != oldBottom) {
// The playerView's bounds changed, update the source hint rect to
// reflect its new bounds.
val sourceRectHint = Rect()
playerView.getGlobalVisibleRect(sourceRectHint)
setPictureInPictureParams(
PictureInPictureParams.Builder()
.setSourceRectHint(sourceRectHint)
.build()
)
}
}
השבתת שינוי הגודל של תוכן שאינו וידאו
ב-Android 12 נוסף הדגל setSeamlessResizeEnabled, שמאפשר אנימציה חלקה יותר של מעבר הדרגתי בין תמונות כשמשנים את הגודל של תוכן שאינו וידאו בחלון PiP. בעבר, שינוי הגודל של תוכן שאינו סרטון בחלון של 'תמונה בתוך תמונה' עלול היה ליצור ארטיפקטים ויזואליים בולטים.
כדי להפעיל שינוי גודל חלק של תוכן וידאו:
setPictureInPictureParams(PictureInPictureParams.Builder()
.setSeamlessResizeEnabled(true)
.build())
הצגת ממשק המשתמש במהלך שימוש בתכונה 'תמונה בתוך תמונה'
כשהפעילות נכנסת למצב תמונה בתוך תמונה (PiP) או יוצאת ממנו, המערכת קוראת ל-Activity.onPictureInPictureModeChanged() או ל-Fragment.onPictureInPictureModeChanged().
ב-Android 15 נוספו שינויים שמבטיחים מעבר חלק עוד יותר כשנכנסים למצב תמונה בתוך תמונה (PiP). האפשרות הזו שימושית לאפליקציות שכוללות רכיבי ממשק משתמש שמוצגים בשכבת-על מעל ממשק המשתמש הראשי שלהן, שעובר למצב תמונה בתוך תמונה.
מפתחים משתמשים בקריאה החוזרת onPictureInPictureModeChanged() כדי להגדיר לוגיקה שמשנה את מצב החשיפה של רכיבי ממשק המשתמש שמוצגים בשכבת-על. הקריאה החוזרת הזו מופעלת כשאנימציית הכניסה או היציאה של PiP מסתיימת. החל מ-Android 15, המחלקה PictureInPictureUiState כוללת מצב חדש.
במצב החדש של ממשק המשתמש, אפליקציות שמטרגטות ל-Android 15 מקבלות את הקריאה החוזרת Activity#onPictureInPictureUiStateChanged() עם isTransitioningToPip() ברגע שאנימציית ה-PiP מתחילה. יש הרבה רכיבי ממשק משתמש שלא רלוונטיים לאפליקציה כשהיא במצב תמונה בתוך תמונה. לדוגמה, תצוגות או פריסות שכוללות מידע כמו הצעות, סרטון שיעלה בקרוב, דירוגים ושמות. כשהאפליקציה עוברת למצב תמונה בתוך תמונה, משתמשים בקריאה החוזרת (callback) onPictureInPictureUiStateChanged() כדי להסתיר את רכיבי ממשק המשתמש האלה. כשהאפליקציה עוברת למצב מסך מלא מחלון התמונה בתוך תמונה, צריך להשתמש בקריאה החוזרת (callback) onPictureInPictureModeChanged() כדי לבטל את ההסתרה של הרכיבים האלה, כמו שמוצג בדוגמאות הבאות:
override fun onPictureInPictureUiStateChanged(pipState: PictureInPictureUiState) {
if (pipState.isTransitioningToPip()) {
// Hide UI elements.
}
}
override fun onPictureInPictureModeChanged(
isInPictureInPictureMode: Boolean,
newConfig: Configuration
) {
super.onPictureInPictureModeChanged(isInPictureInPictureMode, newConfig)
if (!isInPictureInPictureMode) {
// Unhide UI elements.
}
}
האפשרות להסתיר במהירות רכיבי ממשק משתמש לא רלוונטיים (בחלון PiP) עוזרת להבטיח אנימציה חלקה יותר של כניסה ל-PiP, ללא הבהובים.
אפשר לבטל את ההגדרות של הקריאות החוזרות האלה כדי לצייר מחדש את רכיבי ממשק המשתמש של הפעילות. חשוב לזכור שבמצב תמונה בתוך תמונה, הפעילות מוצגת בחלון קטן. המשתמשים לא יכולים לקיים אינטראקציה עם רכיבי ממשק המשתמש של האפליקציה כשהאפליקציה במצב תמונה בתוך תמונה, ופרטים של רכיבי ממשק משתמש קטנים עשויים להיות קשים לצפייה. פעילויות של הפעלת סרטונים עם ממשק משתמש מינימלי מספקות את חוויית המשתמש הטובה ביותר.
אם האפליקציה שלכם צריכה לספק פעולות מותאמות אישית לתמונה בתוך תמונה, אפשר לעיין בקטע הוספת אמצעי בקרה בדף הזה. צריך להסיר רכיבים אחרים בממשק המשתמש לפני שהפעילות עוברת למצב תמונה בתוך תמונה, ולהחזיר אותם כשהפעילות חוזרת למסך מלא.
הוספת פקדים
כשמשתמש פותח את התפריט של חלון ה-PiP (בהקשה על החלון במכשיר נייד או בבחירת התפריט בשלט של הטלוויזיה), יכולים להופיע בו אמצעי בקרה.
אם לאפליקציה יש סשן מדיה פעיל, יופיעו לחצני השליטה 'הפעלה', 'השהיה', 'הבא' ו'הקודם'.
אפשר גם לציין פעולות מותאמות אישית באופן מפורש על ידי יצירת PictureInPictureParams עם PictureInPictureParams.Builder.setActions() לפני הכניסה למצב תמונה בתוך תמונה, והעברת הפרמטרים כשנכנסים למצב תמונה בתוך תמונה באמצעות enterPictureInPictureMode(android.app.PictureInPictureParams) או setPictureInPictureParams(android.app.PictureInPictureParams). חשוב להיזהר. אם תנסו להוסיף יותר מ-getMaxNumPictureInPictureActions(), תקבלו רק את המספר המקסימלי.
המשך הפעלת הסרטון במצב תמונה בתוך תמונה
כשפעילות עוברת למצב תמונה בתוך תמונה, המערכת מעבירה את הפעילות למצב מושהה וקוראת לשיטה onPause() של הפעילות. ההפעלה של הסרטון לא צריכה להיות מושהית, אלא להמשיך לפעול אם הפעילות מושהית בזמן המעבר למצב 'תמונה בתוך תמונה'.
ב-Android 7.0 (רמת API 24) ומעלה, צריך להשהות את הפעלת הסרטון ולהפעיל אותו מחדש כשהמערכת קוראת לפעילות onStop() ו-onStart(). כך לא תצטרכו לבדוק אם האפליקציה שלכם במצב תמונה בתוך תמונה ב-onPause() ולהמשיך את ההפעלה באופן מפורש.
אם לא הגדרתם את הדגל setAutoEnterEnabled לערך true ואתם צריכים להשהות את ההפעלה בהטמעה של onPause(), אתם יכולים לבדוק אם יש מצב תמונה בתוך תמונה על ידי קריאה ל-isInPictureInPictureMode() ולטפל בהפעלה בהתאם. לדוגמה:
override fun onPause() {
super.onPause()
// If called while in PiP mode, don't pause playback.
if (isInPictureInPictureMode) {
// Continue playback.
} else {
// Use existing playback logic for paused activity behavior.
}
}
כשהפעילות עוברת ממצב תמונה בתוך תמונה (PiP) בחזרה למצב מסך מלא, המערכת מפעילה מחדש את הפעילות וקוראת לשיטה onResume().
שימוש בפעילות הפעלה אחת לתמונה בתוך תמונה
באפליקציה שלכם, יכול להיות שמשתמש יבחר סרטון חדש בזמן שהוא מחפש תוכן במסך הראשי, בזמן שפעילות של הפעלת סרטון נמצאת במצב PiP. להפעיל את הסרטון החדש בפעילות ההפעלה הקיימת במצב מסך מלא, במקום להפעיל פעילות חדשה שעלולה לבלבל את המשתמש.
כדי להבטיח שפעילות אחת תשמש לבקשות הפעלה של סרטונים, ושמעבר למצב PiP או יציאה ממנו יתבצעו לפי הצורך, צריך להגדיר את android:launchMode של הפעילות ל-singleTask במניפסט:
<activity android:name="VideoActivity"
...
android:supportsPictureInPicture="true"
android:launchMode="singleTask"
...
בפעילות, מחליפים את onNewIntent() ומטפלים בסרטון החדש,
מפסיקים את ההפעלה של סרטון קיים אם צריך.
תמיכה בתמונה בתוך תמונה באפליקציות מצלמה
כדי להפעיל את מצב תמונה בתוך תמונה באפליקציות של המצלמה, צריך לוודא שהמצלמה נשארת פעילה במצב תמונה בתוך תמונה ולא לסגור את המצלמה כשמתבצעת קריאה ל-onPause():
override fun onPause() {
super.onPause()
// Don't close the camera if the app is entering PiP mode
if (!isInPictureInPictureMode) {
closeCamera()
}
}
בדומה לתרחישי שימוש אחרים, כדאי להסתיר רכיבי UI לא חיוניים (כמו אמצעי בקרה ושכבות-על), ולהוסיף פעולות מותאמות אישית לשליטה במצלמה (למשל, עצירת ההקלטה או היפוך המצלמה).
חישוב של sourceRectHint למעברים חלקים
כדי שהאנימציה של הכניסה תפעל בצורה חלקה, חשוב לספק sourceRectHint מדויק עם הקואורדינטות המדויקות של העינית של המצלמה. אפשר לקבל את הגבולות מתצוגת התצוגה המקדימה באמצעות getGlobalVisibleRect() באופן הבא:
val previewView = findViewById<View>(R.id.preview_view)
val globalRect = Rect()
// Ensure the view is laid out before calling getGlobalVisibleRect() to get valid screen coordinates.
previewView.getGlobalVisibleRect(globalRect)
val params = PictureInPictureParams.Builder()
.setSourceRectHint(globalRect)
.build()
setPictureInPictureParams(params)
שיקולים נוספים
יכול להיות שהתכונה 'תמונה בתוך תמונה' מושבתת במכשירים עם זיכרון RAM נמוך. לפני שהאפליקציה משתמשת ב-PiP, צריך לוודא שהתכונה זמינה על ידי קריאה ל-hasSystemFeature(PackageManager.FEATURE_PICTURE_IN_PICTURE).
התכונה 'תמונה בתוך תמונה' מיועדת לפעילויות שבהן מוצג סרטון במסך מלא. כשמעבירים את הפעילות למצב 'תמונה בתוך תמונה', צריך להימנע מהצגת כל דבר מלבד תוכן וידאו. לעקוב אחרי הכניסה של הפעילות למצב תמונה בתוך תמונה ולהסתיר את רכיבי ממשק המשתמש, כמו שמתואר במאמר טיפול בממשק המשתמש במהלך מצב תמונה בתוך תמונה.
כשפעילות נמצאת במצב תמונה בתוך תמונה, כברירת מחדל היא לא מקבלת פוקוס קלט. כדי לקבל אירועי קלט בזמן שמצב התמונה בתוך תמונה מופעל, משתמשים ב-MediaSession.setCallback().
מידע נוסף על השימוש ב-setCallback() זמין במאמר הצגת הכרטיס 'מה שומעים עכשיו?'.
כשהאפליקציה במצב PiP, הפעלת סרטון בחלון ה-PiP עלולה לגרום להפרעות באודיו באפליקציה אחרת, כמו אפליקציית נגן מוזיקה או אפליקציית חיפוש קולי. כדי למנוע את זה, צריך לבקש מיקוד אודיו כשמתחילים להפעיל את הסרטון, ולטפל בהתראות על שינוי מיקוד האודיו, כמו שמתואר במאמר בנושא ניהול מיקוד אודיו. אם תקבלו התראה על אובדן של מיקוד האודיו כשאתם במצב 'תמונה בתוך תמונה', תצטרכו להשהות או להפסיק את הפעלת הסרטון.
כשעומדים להפעיל את האפליקציה במצב תמונה בתוך תמונה, רק הפעילות העליונה עוברת למצב הזה. במצבים מסוימים, כמו במכשירים עם חלונות מרובים, יכול להיות שהפעילות הבסיסית תוצג ותהיה גלויה שוב לצד הפעילות במצב תמונה בתוך תמונה. צריך לטפל במקרה הזה בהתאם, כולל קריאה חוזרת (callback) של onResume() או onPause() לפעילות הבסיסית.
יכול להיות גם שהמשתמש יקיים אינטראקציה עם הפעילות.
לדוגמה, אם מוצגת פעילות של רשימת סרטונים ופעילות של סרטון שמופעל במצב תמונה בתוך תמונה, המשתמש יכול לבחור סרטון חדש מהרשימה והפעילות של התמונה בתוך התמונה צריכה להתעדכן בהתאם.
קוד לדוגמה נוסף
כדי להוריד אפליקציה לדוגמה שנכתבה ב-Kotlin, אפשר לעיין בדוגמה של תמונה בתוך תמונה ב-Android (Kotlin).