רכיבים בסיסיים באנדרואיד.

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

כאמור, בואו נתמקד ברכיבים הגרפיים בהם נעשה שימוש מקבצי XML, בואו נראה כמה מהמאפיינים שהוזכרו לעיל.

מאפיינים בסיסיים.

בואו נראה כמה מאפיינים בסיסיים המשמשים ברכיבים גרפיים, ניתן להחיל אותם על כל רכיב ללא קשר לסוג שלו, מכיוון שכאמור כל הרכיבים הם Views ולכן הם חולקים את אותם מאפיינים, חלק מהשימושים ביותר הם:

אנדרואיד: id.

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

הדרך הנכונה ליצור מזהה היא כדלקמן:

android:id="@+id/miTextField"

הסמל @+id/ פירושו שמזהה חדש נוצר, זה יהפוך את המחלקה ר. מחבילת gen של הפרויקט, צור הפניה לאובייקט זה כך שניתן יהיה לתפעל אותו מאוחר יותר על ידי קוד.

בדוגמה, המזהה "myTextField" עבור הרכיב.

android:layout_width.

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

• wrap_content (הוא תופס את החלל לפי תוכנו)

• match_parent (תופס את כל השטח הפנוי)

  דוגמא: android:layout_width="match_parent" כל android:layout_width="290dp"

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

• wrap_content (הוא תופס את החלל לפי תוכנו)

• match_parent (תופס את כל השטח הפנוי)

  דוגמא: android:layout_height="wrap_content" כל android:layout_height="58dp"

android:layout_margin.

מגדיר שוליים עבור הרכיב, המאפשר להקים רווח מעל, מתחת ובצדדיו, כווריאציות למקרה שתרצו לתת רווחים עצמאיים, ניתן לעשות זאת באמצעות המאפיינים marginLeft, marginRight, marginTop או marginBottom (או הכל)

דוגמא: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"

אנדרואיד: רמז.

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

דוגמא: android:hint="הזן את השם"

android:inputType.

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

בין האפשרויות שאנו יכולים לשייך לנכס זה ישנן כמה כגון:

• טֶקסט
• מספר
• מרקם
• סיסמת טקסט
• טֵלֵפוֹן
• פְּגִישָׁה
• TextEmailAddress

ישנן אפשרויות רבות אחרות שניתן להשתמש בהן בהתאם לצורך.

דוגמא: android:inputType="number" | android:inputType="textEmailAddress"

android:textSize.

מגדיר גודל לטקסט שיוצג על המסך, יש לקחת בחשבון יחידות מדידה כאשר sp משמש לטקסטים

דוגמא: android:textSize="25sp"

android:styletext.

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

דוגמא: android:textStyle="bold" | android:textStyle="italic" | android:textStyle="bold|italic"

android:textColor.

מגדיר צבע לטקסט, היכולת להוסיף צבע מקובץ המאפיינים "צבעים" או ערך הקסדצימלי

דוגמא: android:textColor="@color/teal_700" | android:textColor="#9C27B0"

אנדרואיד: רקע גוון.

מגדיר צבע רקע עבור הרכיב, אתה יכול גם לקבל את הצבע ממאפייני "צבעים" או ערך הקסדצימלי

דוגמא: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"

אנדרואיד:טקסט.

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

דוגמא: android:text="Bienvenidos" | android:text="@string/title"

מאפיין זה נפוץ בתצוגות המציגות טקסט בממשק המכשיר. המסך הבא מציג את קובץ המשאב strings.xml שבו מתווספים ערכים שונים עבור הטקסטים

ומאוחר יותר ניתן לגשת לערכים הללו מהתצוגות

לאחר ניקוי המאפיינים הקודמים, בואו נראה מהם הרכיבים הגרפיים הבסיסיים.

לַחְצָן.

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

הכפתור ימלא את הפונקציה הבסיסית של המתנה לאירוע בלחיצה עליו.

לחצן החלפת מצב

הסוג ToggleButton מתאים לסוג של כפתור שניתן לשמור ב-2 מצבים אפשריים, ללחוץ או לא ללחוץ, לשם כך מוגדר לא רק מאפיין טקסט בודד, אלא 2 בהתאם למצב שיש לו כרגע, באמצעות המאפיינים של האנדרואיד: textOn ו-android:textOff.

כמו לחצנים מסורתיים, ניתן לתכנת את ToggleButton להגיב לאירוע הלחיצה, אבל כנראה שאתה רק צריך לדעת באיזה מצב הוא נמצא. ניתן לעשות זאת על ידי התייעצות בשיטת isChecked() המחזירה את הערך true במקרה שנלחץ וfalse אחרת.

נסיעות

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

זכור כי בהתאם לגרסת האנדרואיד בה אנו משתמשים, המראה החזותי של הרכיבים שלנו יכול להשתנות, במקרה זה בקר ה-Switch עבור אנדרואיד גרסאות 5.0 ומעלה ייראה כך:

כפתור תמונה

כפתור מסוג זה מאפשר לקשר אליו תמונה שתוצג למשתמש במקום טקסט כרגיל, לשם כך נוכל לקחת את התמונה מהתיקיות /res/drawable ולטעון אותה באמצעות המאפיין android:src, במקרה זה נשתמש בתמונה ישירות ממשאבי אנדרואיד.

צפייה בטקסט

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

ערוך טקסט

תצוגת אנדרואיד EditText מקבילה ל-ASP ו-C# Textbox או JAVA JTextField, היא פקד המאפשר ללכוד את הטקסט שהוקלד על ידי המשתמש בזמן ריצה.

תיבת בחירה

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

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

בקוד היישום, אתה יכול לבדוק אם פקד זה נבחר או לא באמצעות שיטת isChecked() שמחזירה את הערך של נָכוֹן אם נבחרת או שֶׁקֶר אחרת, אתה יכול גם להשתמש בשיטת setChecked(value) כדי להגדיר מצב ספציפי עבור הפקד, שבו ערך נָכוֹן יהיה עבור נבחר ו שֶׁקֶר על ידי לא נבחר.

האירוע שמתוכנת בדרך כלל עבור פקד זה ואשר מבוצע בכל פעם שמצבו משתנה (נבחר / לא נבחר) הוא onCheckedChanged.

כפתור רדיו

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

RadioGroups יכול להגדיר את המאפיין android:orientation ל-"Vertical" או "Horizontal" כדי לקבוע כיצד יסדרו את ה-RadioButtons שהוא מכיל.

ה-RadioButton, בתורו, בנוסף לרוחב ולגובה, חייב להגדיר את המאפיין android:text כדי לשייך את הטקסט של האפשרות המיוצגת ו-android:id כדי לשייך קוד לשלט כך שניתן יהיה לתפעל אותו מהלוגיקה של האפליקציה.

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

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

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

זה עשוי לעניין אותך גם.

האם יש משהו שאתה רוצה להוסיף או להגיב לגבי הערך הזה? תרגיש חופשי לעשות….ואם אהבתם... אני מזמינה אתכם לשתף y הירשם על ידי לחיצה על כפתור "הצטרף לאתר זה" כדי לשמוע עוד פוסטים כמו זה 😉