Visuino Kullanarak M5StickC ESP32'de Zaman Nasıl Görüntülenir - Yapması Kolay: 9 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:16

Bu derste ESP32 M5Stack StickC'yi Arduino IDE ve Visuino ile LCD'de zamanı görüntülemek için nasıl programlayacağımızı öğreneceğiz.

Adım 1: Neye İhtiyacınız Olacak?

1. M5StickC ESP32: buradan alabilirsiniz
2. Visuino programı: Visuino'yu indirin

Not: StickC ESP32 kartının nasıl kurulacağına ilişkin bu eğiticiyi buradan kontrol edin

Adım 2: Visuino'yu başlatın ve M5 Stack Stick C Board Type'ı seçin

İlk resimde gösterildiği gibi Visuino'yu başlatın Arduino bileşenindeki "Tools" düğmesine tıklayın (Resim 1)

Visuino'da Diyalog göründüğünde, Resim 2'de gösterildiği gibi "M5 Stack Stick C"yi seçin

Adım 3: Visuino'da Bileşenleri Ekle ve Ayarla

1. Seçmek için "M5 Stack Stick C" Board'a tıklayın
2. "Özellikler" penceresinde "Modüller"i seçin ve Genişletmek için "+"ya tıklayın, "Görüntü ST7735"i seçin ve genişletmek için "+"ya tıklayın
3. Oryantasyonu "goRight" olarak ayarlayın < bu, zamanın LCD'de nasıl yönlendirileceği anlamına gelir
4. "Elements" öğesini seçin ve 3 noktalı mavi düğmeye tıklayın…
5. Öğeler İletişim Kutusu gösterilecek
6. Elements Dialog'da "Metin Alanı"nı sağdan sola doğru sürükleyin

Seçmek için sol taraftaki "Metin Alanı1" e tıklayın, ardından "Özellikler penceresinde" renge tıklayın ve "aclOrange" olarak ayarlayın.

-ayrıca özellikler pencerelerinde X:10 ve Y:20 olarak ayarlayın, LCD'de saati görüntülemek istediğiniz yer burasıdır.

-set boyutu:3 bu, zamanın yazı tipi boyutudur

-İsterseniz metin boyutunu ve rengini ayarlayabilirsiniz.

Öğeler penceresini kapat

İsteğe bağlı olarak:

Seçmek için "M5 Stack Stick C" Board'a tıklayın

"Özellikler" penceresinde "Modüller"i seçin ve Genişletmek için "+"ya tıklayın, "Display ST7735"i seçin ve genişletmek için "+"ya tıklayın ve "Arka plan rengi"ni göreceksiniz, bu ekranın varsayılan rengidir, olarak değiştirin en sevdiğiniz renk, ekran parlaklığını da ayarlayabilirsiniz, varsayılan değer 1'dir (maks), daha loş hale getirmek için 0,5'e veya başka bir değere ayarlayabilirsiniz

6. "Decode (Bölünmüş) Tarih/Saat" bileşenini ekleyin 7. "Biçimlendirilmiş metin" bileşenini ekleyin

Adım 4: Visuino Set Bileşenlerinde

1. "FormattedTxt1" bileşenini seçin ve "Özellikler" penceresinin altında "Metin"i %0:%1:%2 olarak ayarlayın
2. "FormattedText1" bileşenine çift tıklayın ve Elements iletişim kutusunda 3x "Text Element" öğesini sola sürükleyin

Adım 5: Visuino Connect Bileşenlerinde

• "M5 Stack Stick C" > Gerçek Zamanlı Alarm Clock(RTC) > Pin [Out]'u "DecodeDateTime1" bileşen pin[In]'e bağlayın
• "DecodeDateTime1" bileşeninin [Hour] pinini "FormattedText1" bileşeninin "TextElement1" pinine[In] bağlayın
• "DecodeDateTime1" bileşeninin [Minute] pinini "FormattedText1" bileşeninin "TextElement2" pinine[In] bağlayın
• "DecodeDateTime1" bileşeninin [Second] pinini "FormattedText1" bileşeninin "TextElement3" pinine[In] bağlayın
• "FormattedText1" bileşen pinini [Out] "M5 Stack Stick C" kartı "Display ST7735">"Text Field1" pin [In]'e bağlayın

Adım 6: Arduino Kodunu Oluşturun, Derleyin ve Yükleyin

• Visuino'da, en alttaki "Build" Sekmesine tıklayın, doğru bağlantı noktasının seçildiğinden emin olun, ardından "Compile/Build and Upload" düğmesine tıklayın.

7. Adım: Oynat

M5Sticks modülüne güç verirseniz, ekran saati göstermeye başlamalıdır.

Tebrikler! Visuino ile M5Sticks projenizi tamamladınız. Ayrıca bu Instructable için oluşturduğum Visuino projesi ektedir, buradan indirebilirsiniz.

Visuino'da indirip açabilirsiniz:

8. Adım: Ekstra: Basit Hile

Arduino'da kodu derlediğiniz anda bilgisayarınızda bulunan geçerli saati kullanabilirsiniz.

Bunu yapmak için bir "Derleme Tarihi/Saati" bileşenini bırakın ve onu "M5 Yığın Çubuğu C" > "Gerçek Zamanlı Çalar Saat(RTC)" pinine [Ayarla] bağlayın

Bu hile ile Proje dosyasını buradan indirebilirsiniz.

9. Adım: Sonraki Eğitimde.

Bir sonraki derste size StickC düğmelerini kullanarak saati ayarlayabileceğiniz Harika Görünümlü bir saatin nasıl yapıldığını göstereceğim! Bizi izlemeye devam edin ve diğer derslerime buradan göz atın.