
angrytools.com מציע כלי עיצוב לאינטרנט ולפיתוח אנדרואיד, כמו עיצוב CSS, תמונות עם גרדיאנט וממיר יחידות (למשל כמה DP, SP או מילימטרים הם אינץ' אחד, ועם DPI נבחר).button_shape.xml עם הגרדיאנט וההגדרות. אפשר להשתמש בעיצוב גם לרכיבים אחרים.drawable ואיפה בלייאאוט). יוצרים ב-drawable קובץ button_shape ומדביקים את התוכן.gravity למרכז ומריצים.הטקסט המלא של הדקות הראשונות בהרצאה «Android Button Maker» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
בסרטונים הקודמים ראינו איך אנחנו יכולים לבנות קבצי ריסורסד שונים שמכילים עיצובים שונים ואז לתת אותם לרכיבים ויזואליים אבל הרבה פעמים קורה שהבנייה הזאת של הקבצים ושל העיצובים השונים היא די מפרכת ואנחנו מוצאים שקשה לנו להתאים את הצבעים בצורה נכונה לבצע בצורה נכונה את הגרדיאנטים השונים ובעצם כל הסיפור הזה הוא שייך לתחום העיצוב ועדיף שיהיה איזשהו מעצב שיעצב לנו את כל
האפליקציה. בהרבה מקרים זה נכון, אבל מה שאני רוצה להראות עכשיו זה איזשהו כלי מגניב שמאפשר לנו לבצע את העיצוב בצורה הרבה יותר פשוטה.
זה בעצם אתר אינטרנט שנותן לנו מגוון כלים עיצוביים עבור Web ועבור פיתוח לאנדרואיד. האתר הזה נקרא angrytools.com. בואו ניכנס אליו ונראה שיש כאן כל מיני כלים שונים שמאפשרים לנו לבצע הרבה דברים שקשורים לעיצובים.
לדוגמה, יש לנו כאן אפשרות לעצב CSS. CSS זה תחום העיצוב ששייך לעולם האינטרנט ולבניית עיצוב של אתרי אינטרנט. יש לנו כאן אפשרות לעצב תמונות וגרדיאנטים של תמונות, ובעצם ליצור תמונה שמכילה גרדיאנט.
אולי אנחנו רוצים ליצור את התמונה שמכילה גרדיאנט ולשים אותה על גבי האקטיביטי. יש לנו כאן איזשהו כלי שמאפשר לנו, בואו ניכנס אליו לבצע המרות ולראות אם אנחנו נותנים לו לדוגמה 1 אינץ', כמה זה ב-DP, כמה זה ב-SP, כמה זה במילימטרים.
אנחנו יכולים כמובן לבחור מימדים אחרים, בואו נבחר פיקסלים, נגדיר שאנחנו נמצאים ב-240 DPI ואנחנו יכולים לתת לו כל מיני הגדרות אחרות ולראות איך זה מסתדר.
ובואו נחזור, נראה שיש פה כל מיני כלים שקשורים לעולם העיצוב, אבל מה שאני רוצה להראות לכם זה את הגלי הזה, Android Button Maker.
Android Button Maker מאפשר לנו לבנות עיצוב ללחצן, אבל אנחנו כמובן יכולים להשתמש בעיצוב הזה לא רק ללחצנים. אז הדבר הראשון שאנחנו רואים פה זה עיצוב ראשוני שנותנים לנו עבור לחצן עם איזשהו גרדיאנט עם כמה פינות מעוגלות, ונותנים לנו כאן שני קודים, הקוד של הלחצן עצמו ו-bottom-shape.xml שזה
בעצם קובץ שייפ שמכיל את הגרדיאנט והגדרות נוספות בנוגע ללחצן הזה. אנחנו יכולים לגשת ללחצן ולשנות לו את ההגדרות.
בואו נעשה את זה, בואו נניח שבמקום שיהיה כתוב "bottom" יהיה כתוב "click me". שימו לב שכל פעם שאנחנו משנים אנחנו מיד רואים את זה כאן.
טקסט קולור נגדיר אותו כסוג של רוק כזה יותר כהה נגדיר לו טקסט סייז בואו נגדיר 25 יש לנו כאן את