캐릭터 LCD로 메뉴 전환하기 — 버튼으로 UI 구성

📺 캐릭터 LCD로 메뉴 전환하기 — 버튼 UI 구성

이번 실습에서는 버튼을 누를 때마다 LCD 화면의 내용을 순차적으로 변경하는 메뉴 시스템을 구현해봅니다.

이런 방식은 간단한 디바이스 UI 구성에 자주 사용되는 기초 구조입니다.

🧰 준비물

• ABOV A31G123ML 보드
• 16x2 캐릭터 LCD (HD44780)
• 푸시버튼 1개
• 10kΩ 풀다운 저항

🔌 핀 연결

• LCD: RS~D7 → P1.0 ~ P1.5
• 버튼: P2.1 (입력)

💻 코드 예시: 버튼으로 메뉴 순환

#include "A31G123.h"
#include "lcd.h"

volatile int menu = 0;

void delay_ms(int ms) {
    for (volatile int i = 0; i < ms * 800; i++);
}

void lcd_show_menu(int index) {
    lcd_clear();
    switch (index) {
        case 0: lcd_puts("🌡 Temp Display"); break;
        case 1: lcd_puts("💡 Brightness View"); break;
        case 2: lcd_puts("🔧 System Info"); break;
    }
}

int main(void)
{
    lcd_init();

    PORT2->MODE &= ~(1 << 1);     // P2.1 입력
    PORT2->PULLUP |= (1 << 1);    // 풀업 (또는 외부 풀다운)

    lcd_show_menu(menu);

    while (1) {
        if (!(PORT2->IN & (1 << 1))) { // 버튼 눌림 (Low)
            menu = (menu + 1) % 3;
            lcd_show_menu(menu);
            delay_ms(300); // 디바운싱
        }
    }
}

✅ 확인 포인트

• 버튼 누를 때마다 LCD 화면 전환
• 3개 메뉴 순환: 온도, 밝기, 시스템 정보
• 향후 각 메뉴에 기능 연동 가능

📚 마무리

이제 버튼 기반 LCD 메뉴 시스템을 구현할 수 있게 되었어요.
다음은 각 메뉴에 센서 연동 또는 설정 조절