DIY Cara Membuat Jam Tangan Keren - StickC - Mudah Dilakukan: 8 Langkah

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

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

Langkah 1: Apa yang Anda Perlu

M5StickC ESP32: anda boleh mendapatkannya di sini

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 "Alat" pada komponen Arduino (Gambar 1) di Visuino Ketika dialog muncul, pilih "M5 Stack Stick C" seperti yang ditunjukkan pada Gambar 2

Langkah 3: Dalam Visuino Tambah Komponen

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

9. Klik pada "Text Field1" di sebelah kiri untuk memilihnya, kemudian di "Properties window" klik pada "Color" dan tetapkan ke "aclWhite" dan klik "Fill Color" dan tetapkan ke "aclBlack" (Anda boleh bermain dengan warna jika anda mahu)

   -Juga pada tetingkap sifat set X: 10 dan Y: 20 di sinilah anda mahu memaparkan waktu pada LCD -set ukuran: 3 (ini adalah ukuran fon pada masa itu) Tutup tetingkap elemen

10. Tambahkan komponen "Decode (Split) Date / Time"
11. Tambahkan 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
3. Pilih papan "M5 Stack Stick C" dan di tetingkap "Properties" pilih "Modul"> "Jam Penggera Masa Sebenar (RTC)"> "Elemen"
4. Klik pada butang biru dengan 3 titik dan dalam dialog Elemen seret "Set Hour", "Set Minute" dan "Set Second" ke sebelah kiri
5. Pilih di sebelah kiri elemen "Tetapkan Jam1" dan di bawah tetingkap "Properties" tetapkan "Tambah Nilai" ke "Benar" dan "Nilai" ke "1"
6. Pilih di sebelah kiri elemen "Set Minute1" dan di bawah tetapan tetingkap "Properties" "Tambah Nilai" ke "Benar" dan "Nilai" ke "1"
7. Pilih di sebelah kiri elemen "Tetapkan Second1" dan di bawah tetingkap "Properties" tetapkan "Tambah Nilai" ke "Benar" dan "Nilai" ke "1"

Penjelasan:

"Nilai" bermaksud berapa banyak yang ingin kita tambahkan dengan setiap klik butang ke waktu yang ada (sama ada jam, minit atau saat) "Tambah Nilai" bermaksud kita ingin menambahkan nilai pada waktu yang ada

Langkah 5: Dalam Komponen Sambungan Visuino

1. Sambungkan "M5 Stack Stick C"> Jam Penggera Masa Sebenar (RTC)> Pin [Out] ke pin komponen "DecodeDateTime1" [In]
2. Sambungkan pin komponen "DecodeDateTime1" [Jam] ke komponen "FormattedText1" "TextElement1" [Dalam]
3. Sambungkan pin komponen "DecodeDateTime1" [Minit] ke komponen "FormattedText1" "TextElement2" pin [In]
4. Sambungkan pin komponen "DecodeDateTime1" [Kedua] ke komponen "FormattedText1" "TextElement3" pin [In]
5. Sambungkan pin komponen "FormattedText1" [Keluar] ke papan "M5 Stack Stick C" "Paparan ST7735"> pin "Medan Teks1" [Dalam]
6. Sambungkan "M5 Stack Stick C"> Butang "A (M5)" ke "M5 Stack Stick C"> Jam Penggera Masa Sebenar (RTC)> "Tetapkan Jam1" Pin [Jam]
7. Sambungkan "M5 Stack Stick C"> Butang "B" ke "M5 Stack Stick C"> Jam Penggera Masa Sebenar (RTC)> "Tetapkan Minit1" Pin [Jam]

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

1. 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. Anda boleh mengubah waktu menggunakan butang "M5" untuk Jam dan "B" untuk Menit

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: Dalam Tutorial Seterusnya

Dalam tutorial seterusnya, saya akan menunjukkan kepada anda cara membuat jam tangan Cool Mencari di mana anda boleh menetapkan waktu (jam, minit dan saat) menggunakan butang StickC dan membuat menu mudah! Nantikan dan lihat tutorial saya yang lain di sini.