Arduino Uno: הנפשת מפות סיביות במגן תצוגת מסך מגע ILI9341 TFT עם Visuino: 12 שלבים (עם תמונות)

2024 מְחַבֵּר: John Day | [email protected]. שונה לאחרונה: 2024-01-30 09:17

מגיני תצוגה מבוססי TFT מבוססי ILI9341 הם מגני תצוגה בעלות נמוכה מאוד עבור Arduino. ל- Visuino יש תמיכה בהם לא מעט זמן, אך מעולם לא הייתה לי הזדמנות לכתוב מדריך כיצד להשתמש בהם. אולם לאחרונה מעטים שאלו שאלות בנוגע לשימוש במסכים עם Visuino, אז החלטתי להכין הדרכה.

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

שלב 1: רכיבים

1. לוח אחד תואם Arduino Uno (זה יכול לעבוד גם עם מגה, אבל עדיין לא בדקתי את המגן איתו)
2. מגן אחד מסוג ILI9341 2.4 אינץ 'מסוג TFT Arduino

שלב 2: חבר את מגן תצוגת מסך מגע ILI9341 TFT ל- Arduino

חבר את מגן ה- TFT על גבי ה- Arduino Uno כפי שמוצג בתמונות

שלב 3: הפעל את Visuino והוסף TFT Display Shield

כדי להתחיל לתכנת את Arduino, יהיה עליך להתקין את Arduino IDE מכאן:

הקפד להתקין 1.6.7 ומעלה, אחרת הוראה זו לא תעבוד

יש להתקין גם את Visuino:

1. התחל את Visuino כפי שמוצג בתמונה הראשונה
2. לחץ על כפתור "החץ למטה" של רכיב ה- Arduino כדי לפתוח את התפריט הנפתח (תמונה 1)
3. מהתפריט בחר "הוסף מגנים …" (תמונה 1)
4. בתיבת הדו -שיח "מגינים" הרחב את קטגוריית "תצוגות", ובחר את "תצוגת מסך מגע צבעוני TFT ILI9341 Shield", ולאחר מכן לחץ על כפתור "+" כדי להוסיף אותה (תמונה 2)

שלב 4: ב- Visuino: הוסף רכיב טקסט צייר לצל הטקסט

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

1. במפקח האובייקטים, לחץ על הלחצן "…" לצד הערך של המאפיין "אלמנטים" של רכיב "תצוגת TFT" (תמונה 1)
2. בעורך האלמנטים בחר "צייר טקסט" ולאחר מכן לחץ על כפתור "+" (תמונה 2) כדי להוסיף אחד (תמונה 3)
3. במפקח האובייקטים הגדר את ערך המאפיין "צבע" של האלמנט "צייר טקסט 1" ל- "aclSilver" (תמונה 3)
4. במפקח האובייקטים הגדר את ערך המאפיין "גודל" של האלמנט "צייר טקסט 1" ל- "4" (תמונה 4). זה הופך את הטקסט לגדול יותר
5. במפקח האובייקטים הגדר את ערך המאפיין "טקסט" של האלמנט "צייר טקסט 1" ל- "Visuino" (תמונה 5)
6. במפקח האובייקטים הגדר את ערך המאפיין "X" של האלמנט "צייר טקסט 1" ל- "43" (תמונה 6)
7. במפקח האובייקטים הגדר את ערך המאפיין "Y" של האלמנט "צייר טקסט 1" ל- "278" (תמונה 6)

שלב 5: ב- Visuino: הוסף רכיב טקסט לצייר עבור חזית הטקסט

כעת נוסיף אלמנט גרפי לציור הטקסט:

1. בעורך האלמנטים בחר "צייר טקסט" ולאחר מכן לחץ על כפתור "+" (תמונה 1) כדי להוסיף את התמונה השנייה (תמונה 2)
2. במפקח האובייקטים הגדר את ערך המאפיין "גודל" של האלמנט "צייר טקסט 1" ל- "4" (תמונה 2)
3. במפקח האובייקטים הגדר את ערך המאפיין "טקסט" של האלמנט "צייר טקסט 1" ל- "Visuino" (תמונה 3)
4. במפקח האובייקטים הגדר את ערך המאפיין "X" של האלמנט "צייר טקסט 1" ל- "40" (תמונה 4)
5. במפקח האובייקטים הגדר את ערך המאפיין "Y" של האלמנט "צייר טקסט 1" ל- "275" (תמונה 4)

שלב 6: ב- Visuino: הוסף רכיב מפת סיביות של Draw עבור האנימציה

לאחר מכן נוסיף אלמנט גרפי לציור מפת הסיביות:

1. בעורך האלמנטים בחר "צייר מפת סיביות" ולאחר מכן לחץ על כפתור "+" (תמונה 1) כדי להוסיף אחד (תמונה 2)
2. במפקח האובייקטים, לחץ על הלחצן "…" ליד הערך של המאפיין "מפת סיביות" של האלמנט "צייר מפת סיביות 1" (תמונה 2) כדי לפתוח את "עורך מפות סיביות" (תמונה 3)
3. ב"עורך מפות סיביות "לחץ על הלחצן" טען … "(תמונה 3) כדי לפתוח את הדו -שיח פתיחת קבצים (תמונה 4)
4. בדיאלוג פתיחת קבצים, בחר את מפת הסיביות לצייר ולחץ על כפתור "פתח" (תמונה 4). אם הקובץ גדול מדי ייתכן שהוא לא יוכל להתאים לזיכרון Arduino. אם אתה יוצא משגיאת זיכרון במהלך האוסף, ייתכן שיהיה עליך לבחור מפת סיביות קטנה יותר
5. ב"עורך מפות סיביות "לחץ על" אישור ". כפתור (תמונה 5) לסגירת הדו -שיח

שלב 7: ב- Visuino: הוסף סיכות למאפייני X ו- Y של רכיב מפת הסיביות Draw

כדי להנפיש את מפת הסיביות, עלינו לשלוט על מיקום ה- X וה- Y שלה. לשם כך נוסיף סיכות למאפייני X ו- Y:

1. במפקח האובייקטים לחץ על כפתור "הצמד" בחזית המאפיין "X" של האלמנט "צייר מפת סיביות 1" (תמונה 1), ובחר "מספר שלם SinkPin" (תמונה 2)
2. במפקח האובייקטים לחץ על כפתור "הצמד" בחזית המאפיין "Y" של האלמנט "צייר Bitmap1" (תמונה 3), ובחר "מספר שלם SinkPin" (תמונה 4)

שלב 8: ב- Visuino: הוסף 2 מחוללי סינוס שלמים והגדר את הראשון

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

1. הקלד "סינוס" בתיבת הסינון של ארגז הכלים של רכיבים ולאחר מכן בחר את הרכיב "מחולל מספר שלם" (תמונה 1) ושחרר שניים מהם באזור העיצוב.
2. במפקח האובייקטים, הגדר את ערך המאפיין "Amplitude" של רכיב SineIntegerGenerator1 ל- "96" (תמונה 2)
3. במפקח האובייקטים, הגדר את ערך המאפיין "קיזוז" של רכיב SineIntegerGenerator1 ל- "96" (תמונה 3)
4. במפקח האובייקטים, הגדר את ערך המאפיין "תדר" של רכיב SineIntegerGenerator1 ל- "0.2" (תמונה 4)

שלב 9: ב- Visuino: הגדר את המחולל הסיני השני, וחבר את הגנרטורים הסינים לסיכות הקואורדינטות X ו- Y של מפת הסיביות

1. במפקח האובייקטים, הגדר את ערך המאפיין "Amplitude" של רכיב SineIntegerGenerator2 ל- "120" (תמונה 1)
2. במפקח האובייקטים, הגדר את ערך המאפיין "קיזוז" של רכיב SineIntegerGenerator2 ל- "120" (תמונה 2)
3. במפקח האובייקטים, הגדר את ערך המאפיין "תדר" של רכיב SineIntegerGenerator2 ל - "0.03" (תמונה 3)
4. חבר את סיכת הפלט "החוצה" של רכיב SineIntegerGenerator1 לפינת הקלט "X" של רכיב "Shields. TFT Sisplay. Elements. Draw Bitmap1" של רכיב ה- Arduino (תמונה 4)
5. חבר את סיכת הפלט "החוצה" של רכיב SineIntegerGenerator2 אל פין הקלט "Y" של רכיב "Shields. TFT Display. Elements. Draw Bitmap1" של רכיב ה- Arduino (תמונה 5)

שלב 10: ב- Visuino: הוסף וחבר רכיבי התחלה ושעון מרובי מקורות

כדי לעבד את מפת הסיביות בכל פעם שמיקום X ו- Y מתעדכן עלינו לשלוח אות שעון לרכיב "Draw Bitmap1". כדי לשלוח את הפקודה לאחר שינוי העמדות, אנו זקוקים לדרך לסנכרן את האירועים. לשם כך נשתמש ברכיב Repeat כדי ליצור אירועים ללא הרף, וב- Clock Multi Source ליצירת 2 אירועים ברצף. האירוע הראשון ישעזר את מחוללי הסינוס כדי לעדכן את מיקומי ה- X וה- Y, והשני יציין את "מפת סיביות 1 של צייר":

1. הקלד "חזור" בתיבת הסינון של ארגז הכלים של רכיבים, ולאחר מכן בחר את הרכיב "חזור" (תמונה 1) ושחרר אותו באזור העיצוב (תמונה 2)
2. הקלד "רב" בתיבת הסינון של ארגז הכלים של רכיבים, ולאחר מכן בחר את הרכיב "שעון רב מקור" (תמונה 2) ושחרר אותו באזור העיצוב (תמונה 3)
3. חבר את סיכת הפלט "החוצה" של רכיב Repeat1 לפין הקלט "In" של רכיב ClockMultiSource1 (תמונה 3)
4. חבר את סיכת הפלט "פין [0]" של סיכות "החוצה" של רכיב ClockMultiSource1 לפינת הקלט "In" של רכיב SineIntegerGenerator1 (תמונה 4)
5. חבר את סיכת הפלט "פין [0]" של סיכות "החוצה" של רכיב ClockMultiSource2 לפינת הקלט "In" של רכיב SineIntegerGenerator1 (תמונה 5)
6. חבר את סיכת הפלט "פין [1]" של סיכת הכניסה "שעון" של רכיב "Shields. TFT Display. Elements. Draw Bitmap1" של רכיב ה- Arduino (תמונה 6)

שלב 11: צור, הידור והעלה את קוד הארדואינו

1. ב- Visuino, הקש F9 או לחץ על הלחצן המוצג בתמונה 1 כדי ליצור את קוד הארדואינו, ופתח את מזהה Arduino
2. ב- Arduino IDE, לחץ על כפתור העלאה, כדי לאסוף ולהעלות את הקוד (תמונה 2)

שלב 12: ושחק …

מזל טוב! סיימת את הפרויקט.

תמונות 2, 3, 4 ו -5 והסרטון מציגות את הפרויקט המחובר ומופעל. אתה תראה את מפת הסיביות מסתובבת במגן תצוגת מסך המגע מבוסס TFT ILI9341 כפי שניתן לראות בסרטון.

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