Мазмұны:

DIY Visuino көмегімен M5StickC ESP32 -де уақытты қалай көрсету керек - оңай: 9 қадам
DIY Visuino көмегімен M5StickC ESP32 -де уақытты қалай көрсету керек - оңай: 9 қадам

Бейне: DIY Visuino көмегімен M5StickC ESP32 -де уақытты қалай көрсету керек - оңай: 9 қадам

Бейне: DIY Visuino көмегімен M5StickC ESP32 -де уақытты қалай көрсету керек - оңай: 9 қадам
Бейне: Programming Arduino DIY PLC with Visuino 2024, Шілде
Anonim

Бұл оқулықта біз LCD дисплейде уақытты көрсету үшін Arduino IDE және Visuino көмегімен ESP32 M5Stack StickC бағдарламалауды үйренеміз.

1 -қадам: Сізге не қажет

Сізге не қажет болады
Сізге не қажет болады
Сізге не қажет болады
Сізге не қажет болады
  1. M5StickC ESP32: сіз оны осы жерден ала аласыз
  2. Visuino бағдарламасы: Visuino жүктеу

Ескерту: StickC ESP32 тақтасын қалай орнату туралы осы оқулықты қараңыз

2 -қадам: Visuino -ны іске қосыңыз және M5 Stack Stick C тақтасының түрін таңдаңыз

Visuino іске қосыңыз және M5 Stack Stick C тақтасының түрін таңдаңыз
Visuino іске қосыңыз және M5 Stack Stick C тақтасының түрін таңдаңыз
Visuino іске қосыңыз және M5 Stack Stick C тақтасының түрін таңдаңыз
Visuino іске қосыңыз және M5 Stack Stick C тақтасының түрін таңдаңыз

Visuino -ны бірінші суретте көрсетілгендей бастаңыз, Arduino компонентіндегі «Құралдар» түймесін басыңыз (1 -сурет)

Visuino тілқатысу терезесі пайда болған кезде 2 -суретте көрсетілгендей «M5 Stack Stick C» таңдаңыз

3 -қадам: Visuino компоненттерін қосу және орнату

Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
Visuino компоненттерін қосу және орнату
  1. Оны таңдау үшін «M5 Stack Stick C» тақтасын басыңыз
  2. «Сипаттар» терезесінде «Модульдерді» таңдап, кеңейту үшін «+» түймесін басыңыз, «Display ST7735» тармағын таңдап, оны кеңейту үшін «+» түймесін басыңыз.
  3. Бағытты «goRight» күйіне орнатыңыз <бұл уақыттың СКД -да қалай бағытталатынын білдіреді
  4. «Элементтерді» таңдап, көк нүктені 3 нүктемен басыңыз …
  5. Диалог элементтері көрсетіледі
  6. Элементтер тілқатысу терезесінде «Мәтін өрісін» оң жақтан солға қарай сүйреңіз

Оны таңдау үшін сол жақтағы «Мәтін өрісі1» түймесін басыңыз, содан кейін «Сипаттар терезесінде» түсті нұқыңыз және оны «aclOrange» күйіне орнатыңыз.

-сонымен қатар терезелерде X: 10 және Y: 20 жиынтығы бар, бұл жерде уақытты СКД -де көрсету керек

-жиынтық өлшемі: 3 -бұл уақыттың қаріп өлшемі

-Қаласаңыз, мәтін өлшемі мен түсін орнатуға болады

Элементтер терезесін жабыңыз

Қосымша:

Оны таңдау үшін «M5 Stack Stick C» тақтасын басыңыз

«Сипаттар» терезесінде «Модульдерді» таңдап, кеңейту үшін «+» түймесін басыңыз, «ST7735 дисплейін» таңдаңыз және оны кеңейту үшін «+» түймесін басыңыз, сіз дисплейдің әдепкі түсі «Фон түсі» көресіз, оны келесіге өзгертіңіз. Сіздің сүйікті түсіңіз, дисплей жарықтығын орнатуға болады, әдепкі 1 (максимум), оны 0,5 немесе басқа мәнге қоюға болады, оны күңгірттендіру үшін

6. «Декодтау (бөлу) күні/уақыты» компонентін қосыңыз. «Пішімделген мәтін» компонентін қосыңыз

4 -қадам: Visuino Set компоненттерінде

Visuino Set компоненттерінде
Visuino Set компоненттерінде
Visuino Set компоненттерінде
Visuino Set компоненттерінде
  1. «FormattedTxt1» компонентін таңдаңыз және «Сипаттар» терезесінің астынан «Мәтінді» қойыңыз:%0:%1:%2
  2. «FormattedText1» компонентін екі рет нұқыңыз және Элементтер тілқатысу терезесінде 3x «Мәтін элементін» солға қарай сүйреңіз.

5 -қадам: Visuino Connect компоненттерінде

Visuino Connect компоненттерінде
Visuino Connect компоненттерінде
  • «M5 Stack Stick C»> Нақты уақыттағы оятқыш сағаты (RTC)> Бекіту [Шығу] «DecodeDateTime1» компонент түйреуішіне [In] қосыңыз
  • «DecodeDateTime1» компонентінің түйреуішін [Сағат] «FormattedText1» компонентінің «TextElement1» түйініне [In] қосыңыз
  • «DecodeDateTime1» компонент түйреуішін [Минут] «FormattedText1» компонентінің «TextElement2» түйреуішіне [In] қосыңыз
  • «DecodeDateTime1» компонент түйреуішін [Екінші] «FormattedText1» компонентінің «TextElement3» түйреуішіне [In] қосыңыз
  • «FormattedText1» компонентінің түйреуішін [Шығу] «M5 Stack Stick C» тақтасына «Дисплей ST7735»> «Мәтін өрісі1» түйреуішіне [Кіріс] жалғаңыз

6 -қадам: Arduino кодын жасаңыз, құрастырыңыз және жүктеңіз

Arduino кодын жасаңыз, құрастырыңыз және жүктеңіз
Arduino кодын жасаңыз, құрастырыңыз және жүктеңіз
  • Visuino -да төменгі жағында «Құру» қойындысын нұқыңыз, дұрыс порт таңдалғанына көз жеткізіңіз, содан кейін «Құрастыру/Құру және Жүктеу» түймесін басыңыз.

7 -қадам: Ойнаңыз

Егер сіз M5Sticks модуліне қуат берсеңіз, дисплей уақытты көрсете бастайды.

Құттықтаймын! Сіз Visuino көмегімен M5Sticks жобаңызды аяқтадыңыз. Мен Visuino жобасына қоса, осы нұсқаулық үшін құрдым, оны мына жерден жүктеуге болады.

Сіз оны Visuino -да жүктей және аша аласыз:

8 -қадам: Қосымша: қарапайым трюк

Қосымша: қарапайым трюк
Қосымша: қарапайым трюк
Қосымша: қарапайым трюк
Қосымша: қарапайым трюк

Сіз кодты Arduino -да құрастырған сәтте компьютерде болған уақытты пайдалана аласыз.

Мұны істеу үшін «Күнді/уақытты құрастыру» компонентін тастап, оны «M5 Stack Stick C»> «Real Time Alarm Clock (RTC)» түйреуішіне жалғаңыз [Орнату]

Сіз бұл трюкпен Project файлын мына жерден жүктей аласыз.

9 -қадам: Келесі оқулықта

Келесі оқулықта мен сізге Cool Look сағатын қалай жасау керектігін көрсетемін, онда сіз StickC түймелерінің көмегімен уақытты орната аласыз! Бізбен болыңыз және менің басқа оқулықтарымды осы жерден қараңыз.

Ұсынылған: