MDC-102: מבנה חומר ופריסה

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

צור חשבון מפתח Google Play

יידע את המידע האישי שלך, את הכתובת לבחירתך והסיסמה שלך.

קבל את תנאי המכירה הכלליים (GTC).

הוסף תמונה נחמדה של עצמך.

צור חשבון מפתח Google Play

הנוהל ליצירת חשבון מפתח Google Play הוא הרבה יותר פשוט מאשר ב- Apple.

התחבר לכתובת Gmail שלך.

קבל את ה- GTC.

התאם דמי הרשמה: תשלום יחיד של 25 יורו כדי לפרסם את כל היישומים לבחירתך !

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

זה ענה על שאלתך ?

תודה על ההערות הייתה בעיה להגיש את הערותיך. בבקשה נסה שוב מאוחר יותר.

עדכון אחרון ב- 9 בנובמבר 2021

מאמרים קשורים

• צור אפליקציה במסוף Google Play
• צור את תעודת אנדרואיד P12
• ייצא את קובץ ה- APK או AAB
• לפרסם יישום אנדרואיד
• פרסם אפליקציית אנדרואיד מחוץ לחנות Play
• פרסם בחנות Google Play

MDC-102: מבנה חומר ופריסה

רכיבי חומר (MDC) מסייעים למפתחים ליישם עיצוב חומרים. MDC מעוצב על ידי צוות של מהנדסים ומומחי חוויות משתמש ב- Google, ומציע עשרות רכיבי ממשק משתמש אלגנטיים ופונקציונליים. זה זמין עבור אנדרואיד, iOS, האינטרנט ורפרוף.חוֹמֶר.IO/פיתוח.

בסדנת התכנות MDC-101, השתמשת בשני אלמנטים של רכיבי חומר כדי ליצור דף חיבור: שדות טקסט וכפתורים הכוללים אנימציות “דיו”. בבסיסים אלה, בואו להעשיר את היישום שלנו על ידי הוספת ניווט, מבנה ונתונים.

יעדי סדנה

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

• סרגל יישומים גבוה יותר
• רשימת מוצרים בצורה של רשת

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

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

• רפרוף MDC-101: עקרונות בסיסיים של רכיבי החומר
• רפרוף MDC-103: שימוש בנושאים של עיצוב חומרים (צבע, צורות, גובה וסוג)
• MDC-104 רפרף: רכיבי עיצוב חומרים מתקדמים

רכיבי חומר מרפרפים ומערכות תת -מערכות בסדנת תכנות זו

• עֶלִיוֹן
• רשתות
• קלפים

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

איך היית מעריך את רמת הניסיון שלך בפיתוח עם רפרוף ?

2. קבע את התצורה של סביבת פיתוח הרפרוף

לסדנה זו אתה זקוק לשתי תוכנות: ה- SDK הרפרוף ומו”ל.

אתה יכול להריץ את סדנת התכנות באחד המכשירים הבאים:

• מכשיר IOS אנדרואיד או פיזי המחובר למחשב שלך ומגדיר במצב מפתח.
• סימולטור iOS (כלי Xcode להתקנה).
• אמולטור אנדרואיד (שיש להגדיר אותו באולפן אנדרואיד).
• דפדפן (Chrome נדרש לניפוי באגים).
• כ- Windows, Linux או MacOS Desktop. עליך לפתח את היישום שלך בפלטפורמה בה אתה מתכנן לפרוס אותה. לדוגמה, אם ברצונך לפתח יישום של Windows Desktop, עליך לעשות זאת ב- Windows כדי לגשת לשרשרת ההדרכה המתאימה. למד גם על הדרישות הספציפיות למערכות הפעלה, המפורטות על מסמכים.רִפרוּף.Dev/שולחן עבודה.

3. הורד את אפליקציית היציאה לסדנת התכנות

כבר עקבת אחר סדנת MDC-101 ?

אם סיימת את סדנת התכנות MDC-101, הקוד שלך צריך להיות מוכן להתחיל את הסדנה הזו. עבור לשלב הבא: הוסף סרגל יישומים גבוה יותר.

אתה מתחיל מאפס ?

הורד את יישום הסדנה המתחילה

יישום ההתחלה הוא בחומר-רכיב-פלאטר-קודלבס -102-starter_and_101-Complete/MDC_100_SERIES .

… או שיבטו את הסדנה מגיתוב

כדי לשכפל את סדנת התכנות הזו מ- GitHub, הפעל את הפקודות הבאות:

Git Clone https: // github.Com/רכיבי חומר/רכיבי חומר-סופפים.GIT CD חומר-קומפוננטים-פלאטר-קודלבס/MDC_100_SERIE

לעזרה, עיין בקטע השיבוט מ- Github

בחר את הענף הנכון

סדנאות התכנות MDC-101 ב- 104 מסתמכות זו על זו. אז כשאתה מסיים את הקוד לסדנת MDC-102, הוא הופך לקוד ההתחלה של סדנת MDC-103. הקוד מחולק למספר סניפים, שתוכלו להציג את הרשימה באמצעות פקודה זו:

סניף גיט -רשימת

כדי להציג את הקוד המוגמר, עבור לסניף 103-STARTER_AND_102-Complete .

פתח את הפרויקט ופעל את היישום

1. פתח את הפרויקט במפרסם לבחירתך.
2. עקוב אחר ההוראות הנוגעות למו”ל שבחרת. הם נגישים לפסקה “הפעל את האפליקציה” (בצע את היישום) בדף Dece Grive> Test Drive (שלבים ראשונים> מבחן).

פעולה מוצלחת. יש להציג את דף החיבור Sanctuary מסדנת התכנות MDC-101 במכשיר שלך.

כעת, כאשר מסך החיבור נמצא במקום, בואו נוסיף כמה מוצרים ליישום.

4. הוסף סרגל יישומים גבוה יותר

כרגע, אם תלחץ על כפתור “הבא”, מסך הבית מוצג עם ההודעה “עשית את זה!” (הצלחת.)). מושלם. עם זאת, למשתמש שלנו אין מה לעשות ואינו יודע היכן הוא נמצא ביישום. כדי לעזור לך, הגיע הזמן להוסיף ניווט.

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

למידע נוסף, עיין במאמר המוקדש לניווט בהוראות העיצוב החומרי.

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

יתכן שאתה מכיר את האלמנט הזה תחת השם “סרגל ניווט” תחת iOS, או פשוט “סרגל יישומים” או “כותרת”.

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

הוסף יישומון AppBar

בבית.DART, הוסף APPBAR ל”פיגום “ואז מחק את הקונסט מודגש:

החזר את Const Scaffold (// todo: הוסף סרגל אפליקציות (102) AppBar: AppBar (// todo: הוסף לחצנים וכותרת (102)), 

תוספת שלAppbar בשדה AppBar: פיגומים מאפשרים לנו להשיג פריסה מושלמת וחינמית, ולהשאיר את סרגל היישומים בראש העמוד ומתחת לגוף.

גַרדוֹם הוא יישומון חשוב בחומרים. זה מספק ממשקי API מעשיים להציג כל מיני רכיבי עניינים נוכחיים, כמו לוחות, סרגלי התראות “חטיף” ואלמנטים של גיליון תחתון. זה אפילו מקל על מיקום כפתור פעולה צף.

עיין בתיעוד הרפרוף כדי לגלות יותר על פיגום.

רשמו את הפרויקט. לאחר עדכון המקדש, לחץ על הַבָּא (הבא) להצגת מסך הבית.

האלמנט ממוקם היטב, אך הוא חסר כותרת.

הוסף יישומון טקסט

בבית.DART, הוסף כותרת לסרגל היישומים של AppBar:

: 

רשמו את הפרויקט.

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

למידע נוסף, עיין במאמר זה בנושא התאמה לפלטפורמות שונות עם עיצוב חומרים.

לסרגלי יישומים רבים יש כפתור ליד הכותרת. הוסף סמל תפריט ליישום שלנו.

הוסף כפתור אייקון Button בתחילת השורה

תמיד בבית.DART, הגדר אלמנט אייקונון לתחום המוביל: של סרגל היישומים של AppBar. (מקם אותו לפני שדה הכותרת: בהתאם לתחילת ההתחלה ועד סוף הקו):

 :.תפריט, סמנטית תווית: 'תפריט',), מתוחכם: () < print('Menu button'); >, )), 

רשמו את הפרויקט.

סמל התפריט (המכונה גם “המבורגר”), מופיע במיקום הרצוי.

הכיתה אייקון לוטון היא דרך מעשית לשלב סמלי חומר ביישום שלך. היא משתמשת בווידג’ט אייקון. לרפרטר אוסף שלם של אייקונים בכיתה סמלים. סמלים מיובאים אוטומטית על פי מיפויי הערוץ “קונסט”.

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

אתה יכול גם להוסיף כפתורים בסוף הקו. ברפרוף, כפתורים אלה נקראים “פעולות”.

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

למידע נוסף על היפוך ממשק המשתמש, עיין בהוראות העיצוב החומרי בנושא Bidirectionality.

הוסף פעולות

יש מספיק מקום לשני אלמנטים אחרים של כפתור אייקון.

הוסף אותם למופע AppBar לאחר הכותרת:

:.חיפוש, סמנטיות: 'חיפוש',), OntPresd: () < print('Search button'); >, ), אייקון לוטון (אייקון: סמל של קונסט (אייקונים.מנגינה, סמנטית: 'פילטר',), onpresd: () < print('Filter button'); >, ),], 

רשמו את הפרויקט. מסך הבית שלך אמור להתעורר כדלקמן:

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

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

המידע הכלול בשדה זה מאפשר לספק מידע על קוראי המסך על תפקיד כפתור זה.

אם לווידג’ט אין שדה סמנטי תווית:, אתה יכול להכיל אותו בווידג’ט סֵמַנטִיקָה. למידע נוסף על יישומון הסמנטיקה, עיין בתיעוד הרפרוף.

5. הוסף גיליון ברשת

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

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

למידע נוסף, עיין במאמר המוקדש לקבצים בהוראות עיצוב החומרים.

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

הוסף יישומון GridView

נתחיל על ידי הוספת גיליון מתחת לסרגל היישומים העליון. נכון לעכשיו, הווידג’ט כַּרְטִיס (גיליון) אינו מכיל מספיק מידע כדי למקם את עצמך באופן גלוי. לפיכך אנו נכסה את זה בווידג’ט Gridview.

החלף את המרכז בגוף אלמנט הפיגום בווידג’ט של GridView:

// todo: הוסף תצוגת רשת (102) גוף: Gridview.ספירה (CrossaxIscount: 2, ריפוד: const gedminsts.הכל (16.0), ChildAspectratio: 8.0/9.0, // todo: בנה רשת כרטיסים (102) ילדים: [כרטיס ()],),), 

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

המשתנה CrossAxiscount: מציין את מספר האלמנטים בקו. אנחנו רוצים להשיג שתי עמודות.

L ‘ציר רוחבי ברפרוף תואם את הציר שאיננו מגלגלים. תחושת הגלילה נקראת ציר ראשי. אם אתה משתמש בגלילה אנכית, כמו גם מקרה ברירת המחדל עם GridView, הציר הרוחבי הוא אופקי.

למידע נוסף, עיין בדף המוקדש ליצירת פריסות.

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

שדה ChildAspepto: מזהה את גודל האלמנטים בצורה של פרופורציות (רוחב בגובה).

כברירת מחדל, GridView יוצר בלוקים בגודל זהה.

יש לנו סדין, אבל הוא ריק. הוסף יישומונים לילדים לגיליון זה.

שים את התוכן

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

עדכן ילדים מהווידג’ט של GridView:

// todo: בנה רשת כרטיסים (102) ילדים: [כרטיס (Clipbehavior: CLIP.אנטיאליאס, ילד: עמוד (CrossAxisalignment: CrossAxisalignment.התחל, ילדים: [aspectratio (aspectratio: 18.0/11.0, ילד: תמונה.נכס ('נכסים/יהלום.png '),), ריפוד (ריפוד: const redoinsts.fromltrb (16.0, 12.0, 16.0, 8.0), ילד: טור (CrossAxisalignment: CrossAxisalignment.התחל, ילדים: [טקסט ('כותרת'), CONST SEDITBOX (גובה: 8.0), טקסט ('טקסט משני'),],),),],),)]], 

קוד זה מוסיף יישומון עמודות (עמודה) המאפשר לך להיות ווידג’טים של ילדים אנכית.

פרמטר CrossAxisalignment: שדה מציין את ערך CrossAxisalignment.התחל, שפירושו “ליישר את הטקסט ב’תחילת הקו ‘” הצד “.

הווידג’ט אספקטרטיו מגדיר את הפרופורציות של התמונה המוצגת, ללא קשר לסוג התמונה המסופקת.

האלמנט ריפוד מגדיר מרווח לטקסט.

שני הווידג’טים טֶקסט האחד מעל השני ממוקם ומופרדים על ידי שמונה נקודות שטח ריקות (SizeBox)). אנו יוצרים אלמנט נוסף טור לתת להם שולי פנים.

רשמו את הפרויקט.

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

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

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

הסדינים מוצגים בדרך כלל באוסף עם סדינים אחרים. סדר אותם בצורה של אוסף ברשת.

6. צור אוסף קבצים

כאשר מספר גיליונות נמצאים על המסך, הם מקובצים באוסף אחד או יותר. הקבצים של אוסף הם COPLANAR: יש להם את כל אותה הגובה במנוחה (כלומר כאשר הם לא נבחרים או מועברים, שלא נעשה כאן).

צור אוסף קבצים

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

צור פונקציה פרטית מעל פונקציית Build () (זכור כי הפונקציות המתחילות בקו תחתון הן ממשקי API פרטיים):

// todo: הכינו אוסף כרטיסים (102) רשימת _ buildgridcards (int cent) < Listcards = List.generate( count, (int index) < return Card( clipBehavior: Clip.antiAlias, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ AspectRatio( aspectRatio: 18.0 / 11.0, child: Image.asset('assets/diamond.png'), ), Padding( padding: const EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: const [ Text('Title'), SizedBox(height: 8.0), Text('Secondary Text'), ], ), ), ], ), ); >, ); החזר כרטיסים; > 

הקצה את הקבצים שנוצרו בשדה הילדים של יישומון Gridview. אל תשכח החלף את כל האלמנטים הכלולים בווידג’ט GridView בקוד חדש זה ::

// todo: הוסף תצוגת רשת (102) גוף: Gridview.ספירה (CrossaxIscount: 2, ריפוד: const gedminsts.הכל (16.0), ChildAspectratio: 8.0/9.0, ילדים: _ buildgridcards (10) // החלף), 

רשמו את הפרויקט.

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

הוסף נתוני מוצר

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

ואז בבית.DART, ייבא חבילה חדשה וכמה קבצים שסופקו למודל נתונים:

חבילה לייבא: רפרוף/חומר.חץ '; יבוא חבילה: INTL/INTL.חץ '; לייבא מודל/מוצר.חץ '; ייבא 'מודל/מוצרים_.חץ '; 

לבסוף, שנה _buildgridcards () כדי לאחזר מידע על מוצרים והשתמש בנתונים אלה בקבצים:

// todo: הפוך אוסף כרטיסים (102) // החלף את כל רשימת השיטות הזו _buildgrards (buildcontext context) < Listproducts = ProductsRepository.loadProducts(Category.all); if (products.isEmpty) < return const []; > נושא נושא סופי = נושא.של (הקשר); מספר סופי format formatter = numberformat.SimpleCurment (מקומי: הנחות.Localof (הקשר).ToString ()); מוצרי החזרה.מפה ((מוצר) < return Card( clipBehavior: Clip.antiAlias, // TODO: Adjust card heights (103) child: Column( // TODO: Center items on the card (103) crossAxisAlignment: CrossAxisAlignment.start, children: [ AspectRatio( aspectRatio: 18 / 11, child: Image.asset( product.assetName, package: product.assetPackage, // TODO: Adjust the box size (102) ), ), Expanded( child: Padding( padding: const EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0), child: Column( // TODO: Align labels to the bottom and center (103) crossAxisAlignment: CrossAxisAlignment.start, // TODO: Change innermost Column (103) children: [ // TODO: Handle overflowing labels (103) Text( product.name, style: theme.textTheme.titleLarge, maxLines: 1, ), const SizedBox(height: 8.0), Text( formatter.format(product.price), style: theme.textTheme.titleSmall, ), ], ), ), ), ], ), ); >)).למנות (); > 

שם לב : המתן לפני השקת האוסף והביצוע. נותר שינוי לבצע.

כדי לעצב את הטקסט, אנו משתמשים בנתוני נושא נושא מהערך BuildContext נוֹכְחִי.

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

שנה גם את פונקציית Build () כדי להעביר את הערך BuildContext ב _ buildgridcards () לפני השקת האוסף:

// todo: הוסף תצוגת רשת (102) גוף: Gridview.ספירה (CrossaxIscount: 2, ריפוד: const gedminsts.הכל (16.0), ChildAspectratio: 8.0/9.0, ילדים: _ buildgridcards (הקשר) // שינוי קוד), 

הפעל מחדש את היישום החם.

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

רשמו את הפרויקט.

הנתונים המיוצרים מוצגים, אך התמונות מוקפות בחלל מיותר. כברירת מחדל, התמונות מצוירות עם השדה Boxfit מוּגדָר .Scaledown (במקרה זה). החלף ערך זה ב- .רוחב רוחב כך שתוכל להתקרב ולהסיר את המרחב המיותר.

הוסף שדה התאמה: כמו ערך Boxfit.רוחב רוחב:

 // todo: התאם את גודל התיבה (102) התאמה: Boxfit.Fitwidth, 

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

7. מזל טוב !

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

הגרסה שהושלמה של יישום MDC-102 זמינה בסניף 103-כוכבים_אנד_102-Complete .

אתה יכול להשוות את הגרסה שלך בדף עם היישום של סניף זה.

הצעדים הבאים

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

גם אם היישום שלנו עובד בצורה מושלמת, הוא לא משקף זהות מותג או נקודת מבט מסוימת. בסדנת MDC-103: שימוש בנושאים של עיצוב חומרי (צבע, צורות, גובה וסוג), אנו נתאים אישית את הסגנון של רכיבים אלה כדי לבטא מותג מודרני ודינאמי.

מימוש סדנת התכנות הזו ביקש ממני זמן ומאמצים סבירים

מסכים לחלוטין

אף אחד לא מסכים ולא מסכים

לא מסכים בכלל

אני רוצה להמשיך להשתמש ברכיבי חומר

מסכים לחלוטין

אף אחד לא מסכים ולא מסכים

לא מסכים בכלל

אלא אם כן צוין אחרת, תוכן הדף הזה מנוהל על ידי רישיון Creative Commons Commons 4.0, ודגימות קוד נשלטות על ידי רישיון Apache 2.0. לקבלת מידע נוסף, עיין בכללי אתר המפתחים של גוגל. Java הוא סימן מסחרי רשום של אורקל ו/או החברות המסונפות שלה.