Kendin Yap Havalı Görünümlü Bir Saat Nasıl Yapılır - StickC - Yapması Kolay: 8 Adım
Kendin Yap Havalı Görünümlü Bir Saat Nasıl Yapılır - StickC - Yapması Kolay: 8 Adım

İçindekiler:

Anonim

Bu derste ESP32 M5Stack StickC'yi Arduino IDE ve Visuino ile LCD'de bir zaman gösterecek şekilde nasıl programlayacağımızı ve ayrıca StickC düğmelerini kullanarak zamanı nasıl ayarlayacağınızı öğreneceğiz.

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

Neye ihtiyacınız olacak
Neye ihtiyacınız olacak
Neye ihtiyacınız olacak
Neye ihtiyacınız olacak

M5StickC ESP32: buradan alabilirsiniz

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

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

Visuino'yu ilk resimde gösterildiği gibi başlatın Visuino'da Arduino bileşenindeki (Resim 1) "Tools" düğmesine tıklayın (Resim 1) 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şen Ekle

Visuino'da Bileşen Ekle
Visuino'da Bileşen Ekle
Visuino'da Bileşen Ekle
Visuino'da Bileşen Ekle
Visuino'da Bileşen Ekle
Visuino'da Bileşen Ekle
  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,
  3. "Display ST7735"i seçin ve genişletmek için "+"ya tıklayın,
  4. "Yönlendirme"yi "goRight" olarak ayarlayın
  5. "Arka Plan Rengi"ni "ClBlack" olarak ayarlayın
  6. "Elements" öğesini seçin ve 3 noktalı mavi düğmeye tıklayın…
  7. Öğeler İletişim Kutusu gösterilecek
  8. Elements Dialog'da "Metin Alanı"nı sağdan sola doğru sürükleyin

  9. Seçmek için sol taraftaki "Metin Alanı1" üzerine tıklayın, ardından "Özellikler penceresinde" "Renk" üzerine tıklayın ve "aclWhite" olarak ayarlayın ve "Dolgu Rengi" üzerine tıklayın ve "aclBlack" olarak ayarlayın (Siz İsterseniz renklerle oynayabilirsiniz)

    -ayrıca özellikler pencerelerinde X:10 ve Y:20'yi ayarlayın, LCD'de zamanı görüntülemek istediğiniz yer burasıdır -set size:3 (bu, zamanın yazı tipi boyutudur)Elementler penceresini kapat

  10. "Decode (Bölünmüş) Tarih/Saat" bileşenini ekleyin
  11. "Biçimlendirilmiş metin" bileşeni ekle

Adım 4: Visuino Set Bileşenlerinde

Visuino Set Bileşenlerinde
Visuino Set Bileşenlerinde
Visuino Set Bileşenlerinde
Visuino Set Bileşenlerinde
Visuino Set Bileşenlerinde
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
  3. "M5 Stack Stick C" panosunu seçin ve "Özellikler" penceresinde "Modüller" > "Gerçek Zamanlı Çalar Saat(RTC)" > "Öğeler"i seçin
  4. 3 noktalı mavi düğmeye tıklayın ve Öğeler iletişim kutusunda "Saati Ayarla", "Dakikayı Ayarla" ve "İkinci Ayarla"yı sol tarafa sürükleyin
  5. Soldaki "Saat1 Ayarla" öğesini seçin ve "Özellikler" penceresinin altında "Değer Ekle"yi "Doğru" ve "Değer"i "1" olarak ayarlayın
  6. Soldaki "Dakika1 Ayarla" öğesini seçin ve "Özellikler" penceresinin altında "Değer Ekle"yi "Doğru" ve "Değer"i "1" olarak ayarlayın
  7. Soldaki "Set Second1" öğesini seçin ve "Properties" penceresinin altında "Add Value" öğesini "True" ve "Value" öğesini "1" olarak ayarlayın

Açıklama:

"Değer", bir düğmeye her tıklama ile mevcut zamana (saat, dakika veya saniye) ne kadar eklemek istediğimiz anlamına gelir "Değer Ekle", değeri mevcut zamana eklemek istediğimiz anlamına gelir

Adım 5: Visuino Connect Bileşenlerinde

Visuino Connect Bileşenlerinde
Visuino Connect Bileşenlerinde
Visuino Connect Bileşenlerinde
Visuino Connect Bileşenlerinde
  1. "M5 Stack Stick C" > Gerçek Zamanlı Alarm Clock(RTC) > Pin [Out]'u "DecodeDateTime1" bileşen pin[In]'e bağlayın
  2. "DecodeDateTime1" bileşeninin [Hour] pinini "FormattedText1" bileşeninin "TextElement1" pinine[In] bağlayın
  3. "DecodeDateTime1" bileşeninin [Minute] pinini "FormattedText1" bileşeninin "TextElement2" pinine[In] bağlayın
  4. "DecodeDateTime1" bileşeninin [Second] pinini "FormattedText1" bileşeninin "TextElement3" pinine[In] bağlayın
  5. "FormattedText1" bileşen pinini [Out] "M5 Stack Stick C" kartı "Display ST7735">"Text Field1" pin [In]'e bağlayın
  6. "M5 Yığın Çubuğu C" > "A(M5)" Düğmelerini "M5 Yığın Çubuğu C"ye bağlayın > Gerçek Zamanlı Çalar Saat(RTC) > "Saat1 Ayarla" Pin [Saat]
  7. "M5 Yığın Çubuğu C" > "B" Düğmelerini "M5 Yığın Çubuğu C"ye bağlayın > Gerçek Zamanlı Çalar Saat(RTC) > "Dakika1 Ayarla" Pin [Saat]

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

Arduino Kodunu Oluşturun, Derleyin ve Yükleyin
Arduino Kodunu Oluşturun, Derleyin ve Yükleyin

  1. 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. Saat için "M5" ve Dakika için "B" butonlarını kullanarak zamanı değiştirebilirsiniz.

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:

Adım 8: Sonraki Eğitimde.

Bir sonraki derste size, StickC düğmelerini kullanarak zamanı (saat, dakika ve saniye) ayarlayabileceğiniz ve basit bir menü oluşturabileceğ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.