כיצד להעלות תמונות ל - Xcode

כדי להשתמש בתמונות ב- Xcode, עליך להעלות אותן Assets.xcassets, הממוקמות Supporting Filesבתיקיה. ישנן שתי אפשרויות שאתה יכול להשתמש בהן: מפות סיביות (aka pngקבצים) או וקטורים (aka .pdfקבצים). השלב הראשון הוא להחליט באיזה סוג קובץ ברצונך להשתמש.

ההבדל בין מפות סיביות לנכסים וקטוריים

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

עם זאת יש אסכולה המאמינה כי נכסי וקטור עדיפים. במאמר זה יש הסבר מצוין למה זה המקרה. נכסי וקטור הם .svgקבצים (או .pdfעבור Xcode). אם תבחר להשתמש בנכסי וקטור, עליך להעלות רק גרסה אחת של התמונה ל- Xcode.

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

עם זאת, נכסי וקטור באייפונים אינם מתרחבים בפועל באמצעות אלגוריתמים (ככל הנראה). כך שלא תקבלו תמונות באיכות גבוהה יותר באמצעות וקטורים על גבי מפות סיביות. במקום זאת מה שאתה מקבל זהה לאותה מפת סיביות. ה- iPhone פשוט לוקח את נכס ה"ווקטור "וממיר אותו לאותם שלושה גדלי מפת סיביות.

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

  1. מפחית את הסבירות לטעות אנושית. כרגע ישנם שלושה גדלי מפות סיביות (1x, 2x, 3x). זה אומר שעליך להעלות שלוש תמונות לנכסים שלך. זו שלוש הזדמנויות לגרור ולשחרר את התמונה הלא נכונה בטעות. כשמשתמשים בנכסי וקטור (המופיעים כאוניברסאליים ב- Xcode), עליכם להעלות תמונה אחת בלבד במקום שלוש. יש פחות סיכוי להעלות את הגודל או התמונה הלא נכונים.
  2. מְהִירוּת. אותה סיבה כמו מספר 1. אם אתה משתמש בתמונות רבות באפליקציה שלך, השימוש בנכסי וקטור מקטין את מספר התמונות שאתה צריך להעלות בשליש.
  3. הגהה עתידית. האייפון משתמש כרגע רק בשלושה גדלי תמונה (1x, 2x, 3x). זה קשור לאיכות הרשתית המוגברת של המסכים. כאשר אפל הציגה את מסכי הרשתית הגבוהה לפני כמה שנים, מספר הפיקסלים לנקודה גדל עבור תמונה חדה יותר.

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

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

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

עדכון ב- 18 ביוני 2017 : אפל הודיעה ב- WWDC כי iOS תומכת כעת בתמונות סקלריות אמיתיות! או לפחות, זה מה שלדעתי הכריזו. עכשיו יש עוד יותר סיבה להשתמש בסולם יחיד.

כיצד להעלות נכס וקטורי

עבור לתפריט התכונות. שנה את המאזניים ל"קנה מידה יחיד "וסמן את תיבת שינוי הגודל כדי" לשמור על נתוני וקטור ". פעולה זו תשנה את אפשרות ההעלאה ל"הכל "במקום 1x, 2x, 3x.

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

כיצד להעלות קבצי PNG

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

ראשית, ודא שהאפשרות "מאזניים" בתפריט התכונות מוגדרת כ"מאזניים בודדים ". זוהי אפשרות ברירת המחדל והיא תראה לך שלוש משבצות שעליך למלא:

שנית, מצא תמונה שאתה רוצה להשתמש באפליקציה שלך. נניח שזה הסמל הזה:

וואו זה גדול. זה בגלל שהורדתי את גרסת 512 הפיקסלים מהאתר. עם זאת אני רק רוצה שהתמונה תהיה 20x20 פיקסלים באפליקציה שלי. כדי להמיר את התמונה ל -20 פיקסלים, אשנה את גודל התצוגה המקדימה.

צרו שלושה עותקים של התמונה המקורית. שמות של התמונה שלך צריך להיראות בערך כך: zen.png, [email protected], [email protected]. החלק החשוב הוא שלכולם יש את אותו שם (כאן אני משתמש zen), ושניים מהם מסתיימים עם @2xו- @3x. כאשר אתה משתמש במוסכמת שמות זו, Xcode תוכל למצוא באופן אוטומטי את הגודל הנכון בהתבסס על סוג ההתקן.

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

לעשות את אותו הדבר בשביל [email protected]. רק זה צריך להיות 40 x 40 פיקסלים. פעם נוספת ל [email protected]. זה יהיה 60 x 60 פיקסלים.

עכשיו אתה יכול לגרור ולשחרר את התמונות לתיבות הנכונות ב- Xcode. בוצע!