079_SSD1306_OLED디스플레이_128x64그래픽과_아이콘위젯 📺🖼️

#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>

#define SCREEN_WIDTH 128
#define SCREEN_HEIGHT 64

// I2C 통신 기반 SSD1306 객체 선언 (-1은 리셋 핀 없음 의미)
Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);

void setup() {
  // 0x3C 주소로 초기화 실패 시 무한 루프
  if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) {
    while(true);
  }

  display.clearDisplay();      // 화면 깨끗이 지우기
  display.setTextColor(WHITE); // 흰색(점등) 텍스트

  // 1. 헤더 타이틀 출력
  display.setTextSize(1);
  display.setCursor(18, 5);
  display.println("SMART MAKER LAB");

  // 2. 가로 구분선 그리기
  display.drawFastHLine(0, 18, 128, WHITE);

  // 3. 둥근 모서리 박스와 프로그레스 바 외곽선
  display.drawRoundRect(10, 26, 108, 14, 3, WHITE);

  // 4. 게이지 바 70% 채우기 (가로 폭 70px)
  display.fillRoundRect(12, 28, 70, 10, 2, WHITE);

  // 5. 하단 수치 텍스트
  display.setTextSize(2);
  display.setCursor(35, 46);
  display.print("70 %");

  // 버퍼 내용을 화면에 렌더링!
  display.display();
}

void loop() {}

#include <Wire.h>
#include <Adafruit_GFX.h>
#include <Adafruit_SSD1306.h>

Adafruit_SSD1306 display(128, 64, &Wire, -1);

// 16x16 픽셀 하트 비트맵 아이콘 데이터
const unsigned char PROGMEM heart_icon[] = {
  0x00, 0x00, 0x0e, 0x70, 0x1f, 0xf8, 0x3f, 0xfc,
  0x7f, 0xfe, 0x7f, 0xfe, 0x7f, 0xfe, 0x3f, 0xfc,
  0x1f, 0xf8, 0x0f, 0xf0, 0x07, 0xe0, 0x03, 0xc0,
  0x01, 0x80, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00
};

void setup() {
  display.begin(SSD1306_SWITCHCAPVCC, 0x3C);
}

void loop() {
  // 가상의 온습도 데이터 (실제 실습 시 DHT11 또는 TMP36 연결)
  float temp = 24.5;
  int humidity = 58;

  display.clearDisplay();

  // 하트 아이콘 표시 (X=5, Y=4)
  display.drawBitmap(5, 4, heart_icon, 16, 16, WHITE);

  display.setTextSize(1);
  display.setCursor(26, 8);
  display.print("DOROTHY IOT");

  display.drawFastHLine(0, 22, 128, WHITE);

  // 온도 표시
  display.setCursor(5, 28);
  display.print("TEMP : ");
  display.setTextSize(2);
  display.setCursor(50, 25);
  display.print(temp, 1);
  display.setTextSize(1);
  display.print(" C");

  // 습도 표시 & 게이지 바
  display.setCursor(5, 48);
  display.print("HUMI : ");
  display.print(humidity);
  display.print("%");
  
  // 습도 게이지 바 (0~100% -> 가로 50픽셀)
  int barWidth = map(humidity, 0, 100, 0, 50);
  display.drawRect(70, 48, 52, 10, WHITE);
  display.fillRect(71, 49, barWidth, 8, WHITE);

  display.display();
  delay(1000);
}