Menu Paparan OLED Arduino Dengan Pilihan untuk Pilih: 8 Langkah
Menu Paparan OLED Arduino Dengan Pilihan untuk Pilih: 8 Langkah
Anonim

Dalam tutorial ini kita akan belajar bagaimana membuat menu dengan pilihan pilihan menggunakan OLED Display dan Visuino.

Tonton videonya.

Langkah 1: Apa yang Anda Perlu

Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
Apa yang Anda Perlu
  • Arduino UNO (atau Arduino lain)
  • Wayar pelompat
  • Paparan OLED
  • Papan roti
  • Perintang 1K ohm
  • Butang
  • Program Visuino: Muat turun Visuino

Langkah 2: Litar

Litar
Litar
  • Sambungkan pin paparan OLED [VCC] ke pin arduino [5V]
  • Sambungkan pin paparan OLED [GND] ke pin arduino [GND]
  • Sambungkan pin paparan OLED [SDA] ke pin arduino [SDA]
  • Sambungkan pin paparan OLED [SCL] ke pin arduino [SCL]
  • Sambungkan Arduino 5V ke satu sisi perintang
  • Sambungkan bahagian perintang yang lain ke butang
  • Sambungkan bahagian lain butang ke pin digital Arduino [8] dan ke tanah

Langkah 3: Mulakan Visuino, dan Pilih Jenis Papan Arduino UNO

Mulakan Visuino, dan Pilih Jenis Papan Arduino UNO
Mulakan Visuino, dan Pilih Jenis Papan Arduino UNO
Mulakan Visuino, dan Pilih Jenis Papan Arduino UNO
Mulakan Visuino, dan Pilih Jenis Papan Arduino UNO

Untuk mula memprogram Arduino, anda perlu memasang Arduino IDE dari sini:

Perlu diketahui bahawa terdapat beberapa bug kritikal dalam Arduino IDE 1.6.6. Pastikan anda memasang 1.6.7 atau lebih tinggi, jika tidak, Instructable ini tidak akan berfungsi! Sekiranya anda belum selesai, ikuti langkah-langkah dalam Instructable ini untuk menyiapkan Arduino IDE untuk memprogram Arduino UNO! Visuino: https://www.visuino.eu juga perlu dipasang. Mulakan Visuino seperti yang ditunjukkan pada gambar pertama Klik pada butang "Tools" pada komponen Arduino (Gambar 1) di Visuino Ketika dialog muncul, pilih "Arduino UNO" seperti yang ditunjukkan pada Gambar 2

Langkah 4: Dalam Komponen ADD Visuino

Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
Dalam Komponen ADD Visuino
  • Tambah komponen "Kaunter"
  • Tambah komponen "Integer Array"
  • Tambahkan komponen "Integer Multi Source"
  • Tambahkan komponen "SSD1306 / SH1106 OLED Display (I2C)"

Langkah 5: Dalam Komponen Set Visuino

Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
Dalam Komponen Set Visuino
  • Pilih komponen "Counter1" dan di tetingkap sifat tetapkan 'Max'> 'Nilai' ke 2 dan 'Min>' Nilai 'hingga 0
  • Klik dua kali pada "Array1" dan di tetingkap Elemen tarik 3x 'Nilai' ke sebelah kiri Pilih Item [1] dan di tetingkap sifat tetapkan nilai ke 20 Pilih Item [2] dan di tetingkap sifat tetapkan nilai menjadi 40
  • Pilih komponen "IntegerMultiSource1" dan di tetingkap sifat tetapkan 'Output Pins' ke 4
  • Klik dua kali pada "DisplayOLED1" dan di tetingkap elemen - tarik 3X "Draw Text" ke kiriPilih 'Draw Text1' dan di tetingkap sifat tetapkan warna ke tmcInvert, ukuran ke 2, teks ke 'Menu-1'Pilih' Draw Text2 'dan pada tetingkap sifat tetapkan warna ke tmcInvert, ukuran ke 2, teks ke' Menu-2 ', Y hingga 20Pilih' Draw Text3 'dan di tetingkap sifat tetapkan warna ke tmcInvert, ukuran ke 2, teks ke' Menu-3 ', Y hingga 40-drag "Draw Rectangle" ke kiri dan tetapkan warna ke tmcWhite dan fillcolor ke tmcWhite, tinggi hingga 20, Lebar hingga 128, pilih Y dan klik pada ikon Pin dan pilih' Integer SinkPin'-drag "Fill Skrin "ke kiri

Langkah 6: Dalam Komponen Sambungan Visuino

Dalam Komponen Sambungan Visuino
Dalam Komponen Sambungan Visuino
  • Sambungkan pin digital Arduino [8] ke pin komponen "counter1" [In]
  • Sambungkan pin komponen "Counter1" ke pin "Array1" [Indeks]
  • Sambungkan pin komponen "Array1" ke luar "pin IntegerMultiSource1" [In]
  • Sambungkan pin "IntegerMultiSource1" [0] ke DisplayOLED1> Isi Skrin1 pin [jam]
  • Sambungkan pin "IntegerMultiSource1" [1] ke DisplayOLED1> Lukis Rectangle1 pin [Y]
  • Sambungkan pin "IntegerMultiSource1" [2] ke DisplayOLED1> Lukis Rectangle1 pin [Jam]
  • Sambungkan pin "IntegerMultiSource1" [3] ke DisplayOLED1> Lukis pin Text1 [Jam]
  • Sambungkan pin "IntegerMultiSource1" [3] ke DisplayOLED1> Lukis pin Text2 [Jam]
  • Sambungkan pin "IntegerMultiSource1" [3] ke DisplayOLED1> Lukis pin Text3 [Jam]
  • Sambungkan pin "DisplayOLED1" I2C [Keluar] ke pin I2c papan Arduino [In]

Langkah 7: 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 8: Main

Sekiranya anda menghidupkan modul Arduino UNO, dan paparan OLED akan mula memaparkan menu, anda boleh menavigasi menu dengan menekan butang.

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

Disyorkan: