DIY Cara Memaparkan Waktu di M5StickC ESP32 Menggunakan Visuino - Mudah Dilakukan: 9 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:06

Dalam tutorial ini kita akan belajar bagaimana memprogram ESP32 M5Stack StickC dengan Arduino IDE dan Visuino untuk Menampilkan waktu di LCD.

Langkah 1: Apa yang Anda Perlu

1. M5StickC ESP32: anda boleh mendapatkannya di sini
2. Program Visuino: Muat turun Visuino

Catatan: Lihat tutorial ini di sini mengenai cara Memasang papan StickC ESP32

Langkah 2: Mulakan Visuino, dan Pilih Jenis Papan Stack Stick M5

Mulakan Visuino seperti yang ditunjukkan pada gambar pertama Klik pada butang "Tools" pada komponen Arduino (Gambar 1)

dalam Visuino Semasa dialog muncul, pilih "M5 Stack Stick C" seperti yang ditunjukkan pada Gambar 2

Langkah 3: Dalam Visuino Tambah dan Tetapkan Komponen

1. Klik pada papan "M5 Stack Stick C" untuk memilihnya
2. Di tetingkap "Properties" pilih "Modul" dan klik "+" untuk Meluaskan, Pilih "Paparan ST7735" dan klik "+" untuk mengembangkannya
3. Tetapkan Orientasi ke "goRight" <ini bermaksud bagaimana waktu akan berorientasikan pada LCD
4. Pilih "Elemen" dan klik pada butang biru dengan 3 titik …
5. Dialog Elemen akan ditunjukkan
6. Dalam Elemen Dialog seret "Medan Teks" dari sebelah kanan ke kiri

Klik pada "Text Field1" di sebelah kiri untuk memilihnya, kemudian di "Properties window" klik pada warna dan tetapkan ke "aclOrange"

-Juga pada tetingkap sifat set X: 10 dan Y: 20 di sinilah anda mahu memaparkan waktu di LCD

-set size: 3 ini adalah ukuran fon pada masa itu

-Anda boleh menetapkan saiz dan warna teks jika anda mahu

Tutup tetingkap elemen

Pilihan:

Klik pada papan "M5 Stack Stick C" untuk memilihnya

Di tetingkap "Properties" pilih "Modul" dan klik "+" untuk Meluaskan, Pilih "Paparan ST7735" dan klik "+" untuk mengembangkannya dan anda akan melihat "Warna latar belakang" ini adalah warna lalai pada paparan, ubah ke warna kegemaran anda, anda juga boleh menetapkan kecerahan paparan, lalai adalah 1 (maksimum) anda boleh menetapkannya ke 0,5 atau beberapa nilai lain untuk menjadikannya lebih malap

6. Tambahkan komponen "Decode (Split) Date / Time" 7. Tambah komponen "Teks berformat"

Langkah 4: Dalam Komponen Set Visuino

1. Pilih komponen "FormattedTxt1" dan di bawah tetingkap "Properties" tetapkan "Teks" ke:% 0:% 1:% 2
2. Klik dua kali pada komponen "FormattedText1" dan dalam dialog Elemen seret 3x "Elemen Teks" ke kiri

Langkah 5: Dalam Komponen Sambungan Visuino

• Sambungkan "M5 Stack Stick C"> Jam Penggera Masa Sebenar (RTC)> Pin [Out] ke pin komponen "DecodeDateTime1" [In]
• Sambungkan pin komponen "DecodeDateTime1" [Jam] ke komponen "FormattedText1" "TextElement1" [Dalam]
• Sambungkan pin komponen "DecodeDateTime1" [Minit] ke komponen "FormattedText1" "TextElement2" pin [In]
• Sambungkan pin komponen "DecodeDateTime1" [Kedua] ke komponen "FormattedText1" "TextElement3" pin [In]
• Sambungkan pin komponen "FormattedText1" [Keluar] ke papan "M5 Stack Stick C" "Paparan ST7735"> pin "Medan Teks1" [Dalam]

Langkah 6: Hasilkan, Susun, dan Muat Naik Kod Arduino

• Di Visuino, klik bawah pada tab "Build", pastikan port yang betul dipilih, kemudian klik pada butang "Compile / Build and Upload".

Langkah 7: Main

Sekiranya anda menghidupkan modul M5Sticks, paparan akan mula menunjukkan waktu.

Tahniah! Anda telah menyelesaikan projek M5Sticks anda dengan Visuino. Juga dilampirkan adalah projek Visuino, yang saya buat untuk Instructable ini, anda boleh memuat turunnya di sini.

Anda boleh memuat turun dan membukanya di Visuino:

Langkah 8: Tambahan: Trik Mudah

Anda boleh menggunakan waktu semasa yang ada di komputer anda pada saat anda menyusun kod di Arduino.

Untuk melakukannya, lepaskan komponen "Kompilasi Tarikh / Masa" dan sambungkan ke "M5 Stack Stick C"> "Jam Alarm Masa Sebenar (RTC)" pin [Set]

Anda boleh memuat turun fail Projek dengan helah ini di sini.

Langkah 9: Dalam Tutorial Seterusnya

Dalam tutorial seterusnya, saya akan menunjukkan kepada anda cara membuat jam tangan Cool Cool di mana anda boleh mengatur masa menggunakan butang StickC! Nantikan dan lihat tutorial saya yang lain di sini.