كيف تصنع ساعة ذات مظهر رائع - StickC - سهلة التنفيذ: 8 خطوات

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

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

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

M5StickC ESP32: يمكنك الحصول عليه من هنا

برنامج 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. في نافذة "الخصائص" حدد "الوحدات النمطية" وانقر على "+" للتوسيع ،
3. حدد "عرض ST7735" وانقر فوق "+" لتوسيعها ،
4. اضبط "الاتجاه" على "goRight"
5. تعيين "لون الخلفية" على "ClBlack"
6. حدد "العناصر" وانقر على الزر الأزرق بثلاث نقاط …
7. سيظهر مربع حوار العناصر
8. في مربع حوار العناصر ، اسحب "حقل النص" من الجانب الأيمن إلى اليسار

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

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

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

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

1. حدد مكون "FormattedTxt1" وتحت نافذة "خصائص" ، قم بتعيين "نص" إلى:٪ 0:٪ 1:٪ 2
2. انقر نقرًا مزدوجًا فوق مكون "FormattedText1" وفي مربع حوار العناصر اسحب 3x "عنصر النص" إلى اليسار
3. حدد لوحة "M5 Stack Stick C" وفي نافذة "الخصائص" حدد "الوحدات النمطية"> "Real Time Alarm Clock (RTC)"> "Elements"
4. انقر على الزر الأزرق مع 3 نقاط وفي مربع حوار العناصر اسحب "Set Hour" و "Set Minute" و "Set Second" إلى الجانب الأيسر
5. حدد عنصر "تعيين الساعة 1" الأيسر وتحت نافذة "خصائص" ، قم بتعيين "إضافة قيمة" إلى "صحيح" و "القيمة" على "1"
6. حدد على اليسار عنصر "Set Minute1" وتحت نافذة "Properties" ، اضبط "Add Value" على "True" و "Value" على "1"
7. حدد عنصر "Set Second1" الأيسر وتحت نافذة "Properties" ، اضبط "Add Value" على "True" و "Value" على "1"

تفسير:

تعني "القيمة" المقدار الذي نريد إضافته مع كل نقرة على الزر إلى الوقت الحالي (إما ساعات أو دقائق أو ثوانٍ) تعني "إضافة قيمة" أننا نريد إضافة القيمة إلى الوقت الحالي

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

1. قم بتوصيل "M5 Stack Stick C"> Real Time Alarm Clock (RTC)> Pin [Out] بدبوس مكون "DecodeDateTime1" [In]
2. توصيل دبوس مكون "DecodeDateTime1" [ساعة] بطرف مكون "FormattedText1" "TextElement1" [في]
3. قم بتوصيل دبوس المكون "DecodeDateTime1" [دقيقة] بمكون "FormattedText1" المكون "TextElement2" [في]
4. قم بتوصيل دبوس المكون "DecodeDateTime1" [الثاني] بمكون "FormattedText1" دبوس "TextElement3" [في]
5. قم بتوصيل دبوس المكون "FormattedText1" [مخرج] بلوحة "M5 Stack Stick C" "Display ST7735"> دبوس "Text Field1" [In]
6. قم بتوصيل "M5 Stack Stick C"> الأزرار "A (M5)" بـ "M5 Stack Stick C"> منبه في الوقت الحقيقي (RTC)> دبوس "Set Hour1" [الساعة]
7. قم بتوصيل "M5 Stack Stick C"> الأزرار "B" بـ "M5 Stack Stick C"> منبه الوقت الحقيقي (RTC)> دبوس "Set Minute1" [الساعة]

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

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

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

إذا قمت بتشغيل وحدة M5Sticks ، يجب أن تبدأ الشاشة في إظهار الوقت. يمكنك تغيير الوقت باستخدام الزر "M5" للساعات و "B" للدقائق

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

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

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

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