Gradient to Image Maker
angrytools.com יוצר תמונת גרדיאנט שאפשר להשתמש בה כרקע ללחצן, למסך או לכל רכיב אחר. ההרצאה מראה איך מייצרים כמה תמונות כאלה ומכניסים אותן לפרויקט.Generate image. התוצאה מוצגת בשלושה ייצוגים: base64 (ייצוג טקסטואלי של התמונה, לשמירה בקובץ טקסט או לשליחה באינטרנט), css (לאתרי אינטרנט) ותמונה עצמה.background1), מעתיקים ומדביקים ב-drawable של הפרויקט, ומציבים כ-background של ה-activity.background2).background3).פרקי ההרצאה: Gradient to Image Maker
תמלול ההרצאה: Gradient to Image Maker
הטקסט המלא של הדקות הראשונות בהרצאה «Gradient to Image Maker» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
באחד הסרטונים הכרנו את האתר angrytools.com שמכיל סדרה של כלים עיצוביים עבור Web ועבור אנדרואיד אחד הכלים שהיו שם וכלי שמאפשר ליצור תמונת גרדיאנט וכמובן אנחנו יכולים להשתמש עם התמונה הזאת בכדי לשים אותה על רקע של לחצן על רקע של האקטיביטי עצמה וכדומה אז בואו נראה איך אנחנו יכולים לעבוד עם הכלי
הזה וליצור לעצמנו תמונת גרדיאנט אז אנחנו ניגשים לאתר angrytools.com והכלי זה הכלי הזה gradient to image maker בואו ניכנס אליו ונראה שיש לנו פה אפשרות לייצר תמונה שבנויה כ-gradient דבר ראשון יש לנו פה איזושהי גלריה שאנחנו יכולים לבחור ממנה איזה שהם תמונות בואו ניקח את התמונה
הזאת הירוקה הזאת ובואו נניח שזה בדיוק מה שאנחנו רוצים מה שאנחנו צריכים לעשות זה זה רק להגדיר את המימדים שלה, כמה וויד אנחנו רוצים, בואו נניח שאנחנו רוצים 360 פיקסלים ו-height 640 פיקסלים, זה רוחב וגובה
הסטנדרטיים עבור לפחות האמולטור שלנו. לאחר מכן אנחנו רואים שיש פה שלוש תיקיות, בייס 64, CSS ואימג'.
משתמשים בבייס 64 קוד כאשר רוצים לקחת תמונה ולייצג אותה כמידע טקסטואלי בכדי לשמור אותה בקובץ טקסט או לשלוח אותה באינטרנט כמידע טקסטואלי.
CSS זה בעצם ייצוג התמונה בקובץ CSS שמתאים לבניית אתרי אינטרנט ו-Gradient Image זאת התמונה עצמה. אז כל מה שאנחנו צריכים לעשות זה פשוט ללחוץ על Generate Image ואנחנו הולכים לראות שהוא פשוט מייצר לנו את התמונה, מייצר לנו את קוד ה-CSS שלה אם אנחנו רוצים להשתמש עם זה באתר אינטרנט
וכאן אנחנו רואים את הייצוג של התמונה כמידע טקסטואלי. אז אנחנו רוצים לגשת לכאן, לתמונה עצמה, ו-to download it. בואו ניגש ופשוט ניצור קובץ, נקרא לו background1, נבצע save, והקובץ הזה נשמר על הדסטופ.
בואו נעתיק אותו, ctrl+c, נחזור לאנדרואיד סטודיו, drawable, ctrl+v, אוקיי, ופשוט נשתמש עם התמונה ב-background, של האקטיביטי.
אז הנה אנחנו רואים אותה, בואו נריץ את האפליקציה ואנחנו יכולים לראות את הגרדיאנט מופיע ממש יפה על גבי האקטיביטי. בואו נייצר תמונה נוספת.
הפעם נשתמש ביכולות נוספות שקיימות לנו. בואו ניקח את התמונה הזאת ונראה שאנחנו יכולים להזיז טיפה את רמת הכחול או רמת השחור שיש בתמונה הזאת.
בואו נפעיל שחור בצורה כזאת וכחול בצורה כזאת. אנחנו יכולים לראות את זה כאן, וכאן נישאר עם אותם מימדים,