Cara Memaparkan Teks di M5StickC ESP32 Menggunakan Visuino: 6 Langkah
Cara Memaparkan Teks di M5StickC ESP32 Menggunakan Visuino: 6 Langkah
Anonim
Cara Memaparkan Teks di M5StickC ESP32 Menggunakan Visuino
Cara Memaparkan Teks di M5StickC ESP32 Menggunakan Visuino

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

Langkah 1: Apa yang Anda Perlu

Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu

M5StickC ESP32: anda boleh mendapatkannya di sini

Program Visuino: Muat turun Visuino

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

Mulakan Visuino, dan Pilih Jenis Papan M5 Stack Stick C
Mulakan Visuino, dan Pilih Jenis Papan M5 Stack Stick C
Mulakan Visuino, dan Pilih Jenis Papan M5 Stack Stick C
Mulakan Visuino, dan Pilih Jenis Papan M5 Stack Stick C

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 dan Tetapkan Komponen

Dalam Visuino Tambah dan Tetapkan Komponen
Dalam Visuino Tambah dan Tetapkan Komponen
Dalam Visuino Tambah dan Tetapkan Komponen
Dalam Visuino Tambah dan Tetapkan Komponen
Dalam Visuino Tambah dan Tetapkan Komponen
Dalam Visuino Tambah dan Tetapkan Komponen
Dalam Visuino Tambah dan Tetapkan Komponen
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 teks akan berorientasikan
  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 "Initial Value" untuk menetapkan teks lalai seperti "Sample Text"

-Juga pada tetingkap sifat tetapkan X dan Y, di mana anda ingin memaparkan teks ini pada LCD, lalai adalah 0, yang bermaksud ia akan mula menunjukkan teks di sudut kiri atas.

-Anda juga boleh menetapkan ukuran teks dan warna 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 dapat mengatur kecerahan paparan, lalai adalah 1 (maksimum) anda boleh menetapkannya ke 0,5 atau beberapa nilai lain untuk membuatnya lebih redup.

Langkah 4: Secara Pilihan - Paparkan Teks Menggunakan Komponen "Nilai Teks"

Pilihan - Paparkan Teks Menggunakan
Pilihan - Paparkan Teks Menggunakan
Pilihan - Paparkan Teks Menggunakan
Pilihan - Paparkan Teks Menggunakan

Setelah anda menambahkan elemen "Medan Teks" dalam dialog Elemen.

Anda boleh menetapkan teks menggunakan komponen "Nilai Teks".

  1. Untuk melakukannya, seret komponen "Nilai teks" dan sambungkannya ke pin "M5 Stack Stick C"> "Medan Teks1" [In]
  2. Di tetingkap sifat tetapkan teks yang ingin anda paparkan

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

Hasilkan, Susun, dan Muat Naik Kod Arduino
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 6: Main

Sekiranya anda menghidupkan modul M5Sticks, paparan akan mula menunjukkan teks yang anda tetapkan.

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

  1. Fail pertama "StickC-Display-Text.visuino" hanya menetapkan teks di tetingkap elemen
  2. Fail kedua "StickC-Display-Text-using-textvalue.visuino" adalah menetapkan teks menggunakan komponen "Text Value"

Disyorkan: