아두이노 나노 - 버튼 카운트 - OLED | Arduino Nano - Button Count - OLED

이 튜토리얼은 Arduino Nano와 버튼을 사용하여 누름 이벤트를 계산하고 그 값을 OLED에 표시하는 방법을 안내합니다. 자세히:

이 튜토리얼에서는 delay() 함수를 사용하지 않고 버튼의 디바운싱을 처리할 것입니다. 자세한 정보는 왜 버튼에 디바운싱이 필요한가요?를 참조해 주세요.

버튼 대신 다른 센서와 함께 사용할 수 있도록 이것을 수정할 수 있습니다.

준비물

1×Arduino Nano Amazon
1×USB A to Mini-B USB cable 쿠팡 | Amazon
1×Push Button 쿠팡 | Amazon
1×(Optional) Panel-mount Push Button Amazon
1×SSD1306 I2C OLED Display 128x64 Amazon
1×Breadboard 쿠팡 | Amazon
1×Jumper Wires Amazon
1×(Optional) 9V Power Adapter for Arduino Nano Amazon
1×(Recommended) Screw Terminal Expansion Board for Arduino Nano 쿠팡 | Amazon
공개: 이 섹션에서 제공된 링크 중 일부는 제휴 링크입니다. 이 링크를 통해 구매한 경우 추가 비용없이 수수료를 받을 수 있습니다. 지원해 주셔서 감사합니다.

OLED 및 버튼에 대하여

다음 튜토리얼은 OLED 및 버튼(핀 배치, 기능, 프로그래밍 등)에 익숙하지 않은 경우 도움이 될 수 있습니다:

선연결

Arduino Nano Button OLED wiring diagram

이 이미지는 Fritzing을 사용하여 만들어졌습니다. 이미지를 확대하려면 클릭하세요.

아두이노 나노 코드 - OLED에 버튼 횟수 표시

/* * 이 Arduino Nano 코드는 newbiely.kr 에서 개발되었습니다 * 이 Arduino Nano 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/arduino-nano/arduino-nano-button-count-oled */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <ezButton.h> #define OLED_WIDTH 128 // OLED 디스플레이 너비, 픽셀 단위 #define OLED_HEIGHT 64 // OLED 디스플레이 높이, 픽셀 단위 Adafruit_SSD1306 oled(OLED_WIDTH, OLED_HEIGHT, &Wire, -1); // I2C에 연결된 SSD1306 디스플레이 객체 생성 ezButton button(2); // D2 핀을 위한 ezButton 객체 생성 unsigned long prev_count = 0; void setup() { Serial.begin(9600); // 128x64에 대해 주소 0x3C로 OLED 디스플레이 초기화 if (!oled.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("SSD1306 allocation failed")); while (true); } delay(2000); // 초기화를 위해 대기 oled.clearDisplay(); // 디스플레이 지우기 oled.setTextSize(2); // 텍스트 크기 oled.setTextColor(WHITE); // 텍스트 색상 oled.setCursor(0, 10); // 디스플레이할 위치 button.setDebounceTime(50); // 디바운스 시간을 50 밀리초로 설정 button.setCountMode(COUNT_FALLING); } void loop() { button.loop(); // 반드시 loop() 함수를 먼저 호출해야 함 unsigned long count = button.getCount(); if (prev_count != count) { Serial.println(count); // 직렬 모니터에 카운트 출력 oled.clearDisplay(); // 디스플레이 지우기 oled.println(count); // 카운트 디스플레이 oled.display(); // OLED에 표시 prev_count != count; } }

사용 방법

  • 아두이노 IDE의 왼쪽 바에 있는 Libraries 아이콘을 클릭하세요.
  • “ezButton”을 검색한 다음, ArduinoGetStarted에서 버튼 라이브러리를 찾으세요.
  • EzButton 라이브러리를 설치하려면 Install 버튼을 누르세요.
Arduino Nano button library
  • “SSD1306”을 검색하고 Adafruit에서 만든 SSD1306 라이브러리를 찾으세요.
  • 그 다음, 설치를 완료하려면 Install 버튼을 누르세요.
Arduino Nano OLED library
  • 추가 라이브러리 의존성을 설치하라는 메시지가 표시됩니다.
  • 모두 설치하려면 Install All 버튼을 클릭하세요.
Arduino Nano Adafruit GFX sensor library
  • 코드를 복사하여 Arduino IDE에서 엽니다.
  • 그런 다음 Upload 버튼을 클릭하여 코드를 Arduino Nano로 전송합니다.
  • 그 후, 버튼을 여러 번 누릅니다.
  • 마지막으로, OLED에서 변화하는 카운트 숫자를 관찰합니다.

위의 코드는 맨 왼쪽 상단 모서리에 버튼 누르기 횟수를 표시합니다. 이것을 중앙에 나타나도록 변경해 봅시다!

아두이노 나노 코드 - OLED 상에서의 세로 및 가로 중앙 정렬

/* * 이 Arduino Nano 코드는 newbiely.kr 에서 개발되었습니다 * 이 Arduino Nano 코드는 어떠한 제한 없이 공개 사용을 위해 제공됩니다. * 상세한 지침 및 연결도에 대해서는 다음을 방문하세요: * https://newbiely.kr/tutorials/arduino-nano/arduino-nano-button-count-oled */ #include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <ezButton.h> #define OLED_WIDTH 128 // OLED 디스플레이 너비, 픽셀 단위 #define OLED_HEIGHT 64 // OLED 디스플레이 높이, 픽셀 단위 Adafruit_SSD1306 oled(OLED_WIDTH, OLED_HEIGHT, &Wire, -1); // I2C에 연결된 SSD1306 디스플레이 객체 생성 ezButton button(2); // D2핀에 대한 ezButton 객체 생성 unsigned long prev_count = 0; void setup() { Serial.begin(9600); // 128x64를 위한 주소 0x3C로 OLED 디스플레이 초기화 if (!oled.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("SSD1306 할당 실패")); while (true); } delay(2000); // 초기화를 위해 대기 oled.clearDisplay(); // 디스플레이 클리어 oled.setTextSize(2); // 텍스트 크기 oled.setTextColor(WHITE); // 텍스트 색상 oled.setCursor(0, 10); // 표시할 위치 button.setDebounceTime(50); // 디바운스 시간을 50밀리초로 설정 button.setCountMode(COUNT_FALLING); } void loop() { button.loop(); // loop() 함수를 먼저 호출해야 합니다. unsigned long count = button.getCount(); if (prev_count != count) { Serial.println(count); // 시리얼 모니터에 count 출력 String text = String(count); oled_display_center(text); prev_count != count; } } void oled_display_center(String text) { int16_t x1; int16_t y1; uint16_t width; uint16_t height; oled.getTextBounds(text, 0, 0, &x1, &y1, &width, &height); // 가로 및 세로로 디스플레이 중앙에 위치시키기 oled.clearDisplay(); // 디스플레이 클리어 oled.setCursor((OLED_WIDTH - width) / 2, (OLED_HEIGHT - height) / 2); oled.println(text); // 표시할 텍스트 oled.display(); }

※ NOTE THAT:

아래 코드는 OLED 디스플레이에서 텍스트를 수평 및 수직으로 가운데 정렬합니다. 자세한 정보는 OLED에서 수직/수평 가운데 정렬하는 방법을 참조하십시오.

동영상

비디오 제작은 시간이 많이 걸리는 작업입니다. 비디오 튜토리얼이 학습에 도움이 되었다면, YouTube 채널 을 구독하여 알려 주시기 바랍니다. 비디오에 대한 높은 수요가 있다면, 비디오를 만들기 위해 노력하겠습니다.

※ OUR MESSAGES

  • Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!