מדריך | כיצד נבנה גלריה (ללא וידאו) באמצעות קודולר

[זונדל]

מדריך בניית אפליקציית גלריה

במדריך הבא נלמד איך לבנות אפליקציית גלריה של תמונות המאוחסנות במכשיר שימו לב בשלב זה הגלריה תציג רק את התמונות שבאחסון המכשיר ולא את התמונות שבכרטיס זיכרון

שלב א - בקשת הרשאות

נבקש את הרשאה הבאה : READ_EXTERNAL_STORAGE
ככה זה יראה בבלוקים

שלב ב- גרירת רכיבים

גררו למסך את הרכיבים הבאים:

• Button
• Circular_Progress
• Vertical_Scroll_Arrangement
• TaifunFile (הרחבה -הורד -com.puravidaapps.TaifunFile (1).aix )
• Dynamic_Image
• Dynamic_Card_View
• Image_Utilities

שלב ג - עיצוב בסיסי

• הגדירו את הטקסט שבכפתור (button1) ל טען תמונות

• הגדירו את Vertical_Scroll_Arrangement מתחת לכפתור ותגדירו שיהיה על כל האורך ועל כל הרוחב של המסך
  
  הגדירו את Circular_Progress כרכיב מוסתר
  
  להוריד את ה V

שלב ד - בלוקים

// בלוק זה נמצא ברחבה TaifunFile
בכניסה הראשונה אנחנו מגדירים את הנתיב בו אנחנו מחפשים את רשימת התמונות (שים לב הנתיב נכתב נכון עבור אנדרואיד 11) /file:///storage/emulated/0
בבלוק השני את הסיומת אני רשמתי jpg כי זה הסיומת הנפוצה אפשר לרשום גם png וכו'
ובכניסה האחרונה נגרור בלוק של TRUE מ LOGIC

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

הסבר על הבלוק לפי הסדר מלמעלה למטה
1. פעולה שתתבצע בעת קבלת הרשימה
2. הרצת פעולה לפי מספר של אורך הרשימה
3. יצירת כרטיסים דינמים - Dynamic_Card_View

• id- מספר זיהוי לכל כרטיס יוצר לפי אורך הרשימה כלומר אם הרשימה היא 10 יוצרו 10 כרטיסים שid שלהם יהיה הראשון 1 השני 2 וכו

• arrangement- הרכיב הגרפי בו יוצגו הכרטיסים הדינמיים שאנחנו יוצרים שאנחנו נבחר ב Vertical_Scroll_Arrangement

• width- רוחב הכרטיס

• Height- גובהה הכרטיס
  4. יצירת תמונות בתוך הכרטיסים הדינמיים Dynamic_Image

• id- ע"ע 3

• arrangement- ע"ע 3 רק שהפעם אנחנו מגדירים את הרכיב הגרפי מתוך הרכיב הדינמי כמו שאתם רואים בתמונה

• path- הנתיב של התמונה אותה נציג . בחר מתוך רשימה . הרשימה זה FileList האינדקס זה NUMBER

• רוחב התמונה

• גובהה התמונה
  5. Image_Utilities פעולת טעינת התמונות (שימו לב במידה ויש לכם הרבה תמונות במכשיר הפעולה הזאת לצערי מקריסה את האפליקציה זה יטען לכם ובאיזה שהו שלב זה יקרוס אני מאמין שיש הרחבות שמתאימות להרבה תמונות ביחד)
  הפעולה רצה באותה צורה שבה נוצרו כל הרכיבים הדינמיים של התמונות (4)

וזהו סיימנו .

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

לתגובות כנסו לכאן

[זונדל]

מי שיכול שיעדכן אם כל התמונות נפתחות בנט פרי כי לי משום מה זה לא נפתח חלק מהתמונות

[איש אמת]

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

[זונדל]

@איש-אמת בעיקרון זה ממש חובה רק שלא תמיד אנחנו צריכים לבקש את זה כי יש חלק מהרחיבים שמבקשים את ההרשאות לבד (כנראה הכניסו בקוד של הבלוקים)

[זונדל]

@איש-אמת אמר במדריך | כיצד נבנה גלריה (ללא וידאו) באמצעות קודולר:

נראה לי פתרת לי איזה קושי שהיה לי עם הרצה של הרשימה באריחים דינמים

שמח לשמוע בגדול זה בעיקר מטרת המדריך ללמד על טיפול ברשימות

[זונדל גרנד]

@זונדל איפה הבלוק של ההרשׁאות נמצא?צבעי טקסט

[זונדל]

@זונדל-גרנד אמר במדריך | כיצד נבנה גלריה (ללא וידאו) באמצעות קודולר:

איפה הבלוק של ההרשׁאות נמצא?צבעי טקסט

בהגדרות המסך בבלוקים