اصنع بنفسك كيفية عرض الوقت على M5StickC ESP32 باستخدام Visuino - سهل التنفيذ: 9 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:35

في هذا البرنامج التعليمي سوف نتعلم كيفية برمجة ESP32 M5Stack StickC مع Arduino IDE و Visuino لعرض الوقت على شاشة LCD.

الخطوة 1: ما سوف تحتاجه

1. M5StickC ESP32: يمكنك الحصول عليه من هنا
2. برنامج Visuino: قم بتنزيل Visuino

ملاحظة: تحقق من هذا البرنامج التعليمي هنا حول كيفية تثبيت لوحة StickC ESP32

الخطوة 2: ابدأ Visuino ، وحدد نوع اللوحة M5 Stack Stick C

ابدأ Visuino كما هو موضح في الصورة الأولى انقر فوق الزر "أدوات" في مكون Arduino (الصورة 1)

في Visuino عندما يظهر مربع الحوار ، حدد "M5 Stack Stick C" كما هو موضح في الصورة 2

الخطوة 3: في Visuino قم بإضافة المكونات وتعيينها

1. انقر على لوحة "M5 Stack Stick C" لتحديدها
2. في نافذة "خصائص" حدد "وحدات" وانقر على "+" للتوسيع ، حدد "عرض ST7735" وانقر على "+" لتوسيعها
3. اضبط الاتجاه على "goRight" <وهذا يعني كيفية توجيه الوقت على شاشة LCD
4. حدد "العناصر" وانقر على الزر الأزرق بثلاث نقاط …
5. سيظهر مربع حوار العناصر
6. في مربع حوار العناصر ، اسحب "حقل النص" من الجانب الأيمن إلى اليسار

انقر على "حقل النص 1" في الجانب الأيسر لتحديده ، ثم في "نافذة الخصائص" انقر على اللون واضبطه على "aclOrange".

-أيضا في خصائص windows مجموعة X: 10 و Y: 20 هذا هو المكان الذي تريد عرض الوقت فيه على شاشة LCD

-حجم المجموعة: 3 هذا هو حجم الخط في ذلك الوقت

-يمكنك ضبط حجم النص ولونه إذا كنت تريد ذلك

أغلق نافذة العناصر

اختياريا:

انقر على لوحة "M5 Stack Stick C" لتحديدها

في نافذة "الخصائص" ، حدد "الوحدات النمطية" وانقر على "+" للتوسيع ، وحدد "عرض ST7735" وانقر على "+" لتوسيعها وسترى "لون الخلفية" هذا هو اللون الافتراضي للعرض ، قم بتغييره إلى لونك المفضل ، يمكنك أيضًا ضبط سطوع الشاشة ، الافتراضي هو 1 (كحد أقصى) يمكنك ضبطه على 0.5 أو قيمة أخرى لجعله أكثر تعتيمًا

6. قم بإضافة مكون "فك (تقسيم) التاريخ / الوقت" 7. قم بإضافة مكون "نص منسق"

الخطوة 4: في مكونات مجموعة Visuino

1. حدد مكون "FormattedTxt1" وتحت نافذة "خصائص" ، قم بتعيين "نص" إلى:٪ 0:٪ 1:٪ 2
2. انقر نقرًا مزدوجًا فوق مكون "FormattedText1" وفي مربع حوار العناصر اسحب 3x "عنصر النص" إلى اليسار

الخطوة 5: في مكونات Visuino Connect

• قم بتوصيل "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> Pin [Out] بدبوس مكون "DecodeDateTime1" [In]
• توصيل دبوس مكون "DecodeDateTime1" [ساعة] بطرف مكون "FormattedText1" "TextElement1" [في]
• قم بتوصيل دبوس المكون "DecodeDateTime1" [دقيقة] بمكون "FormattedText1" المكون "TextElement2" [في]
• قم بتوصيل دبوس المكون "DecodeDateTime1" [الثاني] بمكون "FormattedText1" دبوس "TextElement3" [في]
• قم بتوصيل دبوس المكون "FormattedText1" [مخرج] بلوحة "M5 Stack Stick C" "Display ST7735"> دبوس "Text Field1" [In]

الخطوة 6: إنشاء كود Arduino وترجمته وتحميله

• في Visuino ، انقر في الجزء السفلي على علامة التبويب "إنشاء" ، وتأكد من تحديد المنفذ الصحيح ، ثم انقر فوق الزر "تجميع / إنشاء وتحميل".

الخطوة 7: العب

إذا قمت بتشغيل وحدة M5Sticks ، يجب أن تبدأ الشاشة في إظهار الوقت.

تهانينا! لقد أكملت مشروع M5Sticks الخاص بك باستخدام Visuino. مرفق أيضًا مشروع Visuino ، الذي قمت بإنشائه لهذا Instructable ، يمكنك تنزيله هنا.

يمكنك تنزيله وفتحه في Visuino:

الخطوة 8: إضافي: خدعة بسيطة

يمكنك استخدام الوقت الحالي الذي كان موجودًا على جهاز الكمبيوتر الخاص بك في اللحظة التي جمعت فيها الكود في Arduino.

للقيام بذلك ، ما عليك سوى إسقاط مكون "Compile Date / Time" وتوصيله بـ "M5 Stack Stick C"> "Real Time Alarm Clock (RTC)" pin [Set]

يمكنك تنزيل ملف المشروع بهذه الحيلة هنا.

الخطوة 9: في البرنامج التعليمي التالي

في البرنامج التعليمي التالي ، سأوضح لك كيفية إنشاء ساعة Cool Looking حيث يمكنك ضبط الوقت باستخدام أزرار StickC! ترقبوا واطلعوا على دروسي التعليمية الأخرى هنا.