Hardware Interfacing Workshops

Part II: GPIO Hardware Integration

เอกสารเตรียมความพร้อมสำหรับนิสิต

หัวข้อ: การเชื่อมต่อ LVGL กับ GPIO Hardware จริง LVGL Version: v9.2.0

ความต่อเนื่อง: ต่อจาก Part I (UI Only) → เชื่อมต่อ Hardware จริง

สารบัญ

ภาพรวม Part II
aic-eec GPIO API
ตัวอย่างที่ 6: Hardware LED Control
ตัวอย่างที่ 7: Hardware Button Status
ตัวอย่างที่ 8: Hardware ADC Display
ตัวอย่างที่ 9: Hardware GPIO Dashboard
ตัวอย่างที่ 10: PWM LED Brightness
ตัวอย่างที่ 11-12: CAPSENSE
แบบฝึกหัด

1. ภาพรวม Part II

Part I vs Part II

รายการ

Part I (Ex1-5)

Part II (Ex6-12)

UI Widgets

ใช้ LVGL เหมือนกัน

ข้อมูล

Simulated (จำลอง)

Real Hardware

GPIO

Virtual LED/Button

Real LED/Button บนบอร์ด

ADC

Random values

Potentiometer จริง

ไฟล์โค้ด

week3_examples.c

week3_hw_examples.c

API ใช้

LVGL only

LVGL + aic-eec API

โครงสร้างไฟล์

proj_cm55/
├── week3/
│   ├── week3_examples.h      # Header (Part I + Part II declarations)
│   ├── week3_examples.c      # Part I: Ex1-5 (UI Only)
│   └── week3_hw_examples.c   # Part II: Ex6-12 (Hardware)
│
└── aic-eec/
    ├── gpio.h                # GPIO API declarations
    ├── gpio.c                # GPIO API implementations
    ├── sensors.h             # ADC/IMU API
    └── sensors.c             # ADC/IMU implementations

WHY: ทำไมต้องแยก Part I และ Part II?

Part I - เรียนรู้ UI design โดยไม่ต้องมี Hardware
Part II - นำ UI ที่ออกแบบไว้มาเชื่อมต่อกับ Hardware จริง
Reusable - UI patterns จาก Part I ใช้ซ้ำได้ใน Part II

2. aic-eec GPIO API

2.1 LED Control API

#include "aic-eec/gpio.h"

/* LED Types */
typedef enum {
    AIC_LED_RED = 0,    // LED แดง (P16_7)
    AIC_LED_GREEN,      // LED เขียว (P16_6)
    AIC_LED_BLUE,       // LED น้ำเงิน (P16_5)
    AIC_LED_COUNT
} aic_led_t;

/* Functions */
void aic_gpio_init(void);                           // Initialize GPIO
void aic_gpio_led_set(aic_led_t led, bool state);   // Set LED ON/OFF
void aic_gpio_led_toggle(aic_led_t led);            // Toggle LED
bool aic_gpio_led_get(aic_led_t led);               // Get LED state
void aic_gpio_led_all_on(void);                     // All LEDs ON
void aic_gpio_led_all_off(void);                    // All LEDs OFF
const char* aic_gpio_led_name(aic_led_t led);       // Get LED name string

2.2 Button API

/* Button Types */
typedef enum {
    AIC_BTN_USER = 0,   // USER Button 1 (SW2) - P8_3
    AIC_BTN_USER2,      // USER Button 2 (SW4) - P8_7
    AIC_BTN_COUNT
} aic_button_t;

/* Functions */
bool aic_gpio_button_read(aic_button_t btn);        // Read button state (with debounce)
bool aic_gpio_button_read_raw(aic_button_t btn);    // Read raw state (no debounce)
const char* aic_gpio_button_name(aic_button_t btn); // Get button name

Button Pin Configuration

Button

Macro

Pull-up

Active

USER Button 1

AIC_BTN_USER

P8_3 (SW2)

Internal

Active Low

USER Button 2

AIC_BTN_USER2

P8_7 (SW4)

Internal

Active Low

Note: ปุ่มเป็น Active Low = กดแล้วอ่านค่าเป็น 0 แต่ API จะ return true เมื่อกด

2.3 PWM API

/* PWM for LED brightness */
void aic_gpio_pwm_init(aic_led_t led);              // Initialize PWM
void aic_gpio_pwm_set_brightness(aic_led_t led, uint8_t brightness);
                                                    // brightness: 0-100%

2.4 Hardware Pin Configuration & PWM Limitation

สำคัญ: ไม่ใช่ทุก LED ที่ทำ PWM dimming ได้!

LED

PWM Support

หมายเหตุ

LED1 (Red)

P16_7

❌ GPIO only

ON/OFF เท่านั้น

LED2 (Green)

P16_6

❌ GPIO only

ON/OFF เท่านั้น

LED3 (Blue)

P16_5

✅ TCPWM0_LINE5

Dimming ได้

เหตุผล: ใน BSP (Board Support Package) เฉพาะ Blue LED (P16_5) ที่ถูก route ไปที่ PWM output (TCPWM0) ผ่าน HSIOM (High Speed I/O Matrix) ส่วน Green และ Red เป็น GPIO ธรรมดา ทำได้แค่ ON/OFF

ผลต่อตัวอย่าง:

Ex6: ปุ่ม ON/OFF ควบคุม Green LED, Slider ควบคุม Blue LED (PWM dimming)
Ex10: PWM Brightness ใช้ได้กับ Blue LED เท่านั้น

API Summary Table

Function

หน้าที่

Return

aic_gpio_init()

เริ่มต้น GPIO ทั้งหมด

void

aic_gpio_led_set(led, state)

ตั้งค่า LED

void

aic_gpio_led_toggle(led)

สลับสถานะ LED

void

aic_gpio_led_get(led)

อ่านสถานะ LED

true/false

aic_gpio_button_read(btn)

อ่านปุ่มกด

true=pressed

aic_gpio_pwm_set_brightness(led, val)

ตั้งความสว่าง

void

3. ตัวอย่างที่ 6: Hardware LED Control

เป้าหมาย

ควบคุม LED 3 ดวง (แดง, เขียว, น้ำเงิน) บนบอร์ดจริง

โค้ดหลัก

#include "week3_examples.h"
#include "../aic-eec/gpio.h"

static lv_obj_t *hw_led_widgets[3] = {NULL};
static lv_obj_t *hw_led_labels[3] = {NULL};

/* Event callback เมื่อกดปุ่ม Toggle */
static void hw_led_btn_event_cb(lv_event_t *e)
{
    lv_event_code_t code = lv_event_get_code(e);
    if (code != LV_EVENT_CLICKED) return;

    /* ดึง LED index จาก user_data */
    intptr_t led_idx = (intptr_t)lv_event_get_user_data(e);

    /* Toggle Hardware LED จริง */
    aic_gpio_led_toggle((aic_led_t)led_idx);

    /* อ่านสถานะ LED */
    bool state = aic_gpio_led_get((aic_led_t)led_idx);

    /* Update LVGL LED widget ให้ตรงกับ Hardware */
    if (state) {
        lv_led_on(hw_led_widgets[led_idx]);
    } else {
        lv_led_off(hw_led_widgets[led_idx]);
    }

    /* Update label */
    lv_label_set_text_fmt(hw_led_labels[led_idx], "%s: %s",
                          aic_gpio_led_name((aic_led_t)led_idx),
                          state ? "ON" : "OFF");
}

void week3_ex6_hw_led_control(void)
{
    /* Initialize GPIO */
    aic_gpio_init();

    /* สร้าง UI */
    lv_obj_t *scr = lv_screen_active();
    lv_obj_set_style_bg_color(scr, lv_color_hex(0x1a1a2e), 0);

    /* Title */
    lv_obj_t *title = lv_label_create(scr);
    lv_label_set_text(title, "Week 3 Ex6: Hardware LED Control");
    lv_obj_set_style_text_color(title, lv_color_hex(0x00ff88), 0);
    lv_obj_align(title, LV_ALIGN_TOP_MID, 0, 10);

    /* LED colors */
    uint32_t led_colors[3] = {0xff0000, 0x00ff00, 0x0000ff};

    /* สร้าง LED controls 3 ดวง */
    for (int i = 0; i < 3; i++) {
        int y_offset = 70 + i * 60;

        /* LED Widget (แสดงสถานะ) */
        hw_led_widgets[i] = lv_led_create(scr);
        lv_obj_set_size(hw_led_widgets[i], 40, 40);
        lv_obj_align(hw_led_widgets[i], LV_ALIGN_TOP_LEFT, 50, y_offset);
        lv_led_set_color(hw_led_widgets[i], lv_color_hex(led_colors[i]));
        lv_led_off(hw_led_widgets[i]);

        /* Label */
        hw_led_labels[i] = lv_label_create(scr);
        lv_label_set_text_fmt(hw_led_labels[i], "%s: OFF",
                              aic_gpio_led_name((aic_led_t)i));
        lv_obj_align(hw_led_labels[i], LV_ALIGN_TOP_LEFT, 110, y_offset + 10);

        /* Toggle Button */
        lv_obj_t *btn = lv_btn_create(scr);
        lv_obj_set_size(btn, 100, 35);
        lv_obj_align(btn, LV_ALIGN_TOP_LEFT, 250, y_offset);
        lv_obj_add_event_cb(btn, hw_led_btn_event_cb, LV_EVENT_CLICKED,
                            (void*)(intptr_t)i);

        lv_obj_t *btn_label = lv_label_create(btn);
        lv_label_set_text(btn_label, "Toggle");
        lv_obj_center(btn_label);
    }
}

CAUTION: ข้อควรระวัง

ต้องเรียก aic_gpio_init() ก่อนใช้งาน LED
LED Widget บน UI และ Hardware LED ต้อง sync กัน
ใช้ (void*)(intptr_t)i เพื่อส่ง index ผ่าน user_data

4. ตัวอย่างที่ 7: Hardware Button Status (2 Buttons)

เป้าหมาย

แสดงสถานะปุ่ม USER ทั้ง 2 ปุ่มบนบอร์ดแบบ Real-time

UI Layout

┌──────────────────────────────────────────────────────────┐
│        Week 3 Ex7: Hardware Button Status                │
│                                                          │
│      [LED Cyan]              [LED Orange]                │
│                                                          │
│    USER Button 1           USER Button 2                 │
│       (SW2)                   (SW4)                      │
│                                                          │
│      Released                Released                    │
│                                                          │
│        [Part II] Press SW2 or SW4 on the board           │
└──────────────────────────────────────────────────────────┘

โค้ดหลัก

/* UI elements for 2 buttons */
static lv_obj_t * ex7_led1;           /* LED indicator for Button 1 */
static lv_obj_t * ex7_led2;           /* LED indicator for Button 2 */
static lv_obj_t * ex7_status_label1;  /* Status for Button 1 */
static lv_obj_t * ex7_status_label2;  /* Status for Button 2 */
static lv_timer_t * ex7_timer;

/* Timer callback - อ่านปุ่มทั้ง 2 ปุ่มทุก 50ms */
static void ex7_timer_cb(lv_timer_t * timer)
{
    (void)timer;

    /* อ่านสถานะปุ่มจริงทั้ง 2 ปุ่ม */
    bool pressed1 = aic_gpio_button_read(AIC_BTN_USER);
    bool pressed2 = aic_gpio_button_read(AIC_BTN_USER2);

    /* Update Button 1 UI */
    if(pressed1) {
        lv_label_set_text(ex7_status_label1, "PRESSED");
        lv_obj_set_style_text_color(ex7_status_label1, lv_color_hex(0x00FF00), 0);
        lv_led_on(ex7_led1);
    } else {
        lv_label_set_text(ex7_status_label1, "Released");
        lv_obj_set_style_text_color(ex7_status_label1, lv_color_hex(0xFF6666), 0);
        lv_led_off(ex7_led1);
    }

    /* Update Button 2 UI */
    if(pressed2) {
        lv_label_set_text(ex7_status_label2, "PRESSED");
        lv_obj_set_style_text_color(ex7_status_label2, lv_color_hex(0x00FF00), 0);
        lv_led_on(ex7_led2);
    } else {
        lv_label_set_text(ex7_status_label2, "Released");
        lv_obj_set_style_text_color(ex7_status_label2, lv_color_hex(0xFF6666), 0);
        lv_led_off(ex7_led2);
    }
}

void week3_ex7_hw_button_status(void)
{
    aic_gpio_init();

    lv_obj_t *scr = lv_screen_active();

    /* ===== Button 1 (LEFT) - SW2 ===== */
    ex7_led1 = lv_led_create(scr);
    lv_obj_set_size(ex7_led1, 70, 70);
    lv_obj_align(ex7_led1, LV_ALIGN_CENTER, -90, -30);
    lv_led_set_color(ex7_led1, lv_palette_main(LV_PALETTE_CYAN));
    lv_led_off(ex7_led1);

    /* Label + Status for Button 1 */
    // ... (see full code in week3_hw_examples.c)

    /* ===== Button 2 (RIGHT) - SW4 ===== */
    ex7_led2 = lv_led_create(scr);
    lv_obj_set_size(ex7_led2, 70, 70);
    lv_obj_align(ex7_led2, LV_ALIGN_CENTER, 90, -30);
    lv_led_set_color(ex7_led2, lv_palette_main(LV_PALETTE_ORANGE));
    lv_led_off(ex7_led2);

    /* Label + Status for Button 2 */
    // ... (see full code in week3_hw_examples.c)

    /* Timer to poll button states every 50ms */
    ex7_timer = lv_timer_create(ex7_timer_cb, 50, NULL);
}

WHY: ทำไมใช้ Timer แทน Event?

GPIO Button ของ PSoC ไม่มี LVGL Input Device driver
ต้อง poll สถานะเอง ผ่าน lv_timer_create()
50ms interval ให้การตอบสนองที่รวดเร็วพอ

การทดสอบ

Action

ผลลัพธ์

กด SW2

LED ซ้าย (Cyan) ติด + แสดง "PRESSED"

กด SW4

LED ขวา (Orange) ติด + แสดง "PRESSED"

กดทั้ง 2 ปุ่ม

LED ทั้ง 2 ติดพร้อมกัน

ปล่อยปุ่ม

กลับเป็น "Released"

5. ตัวอย่างที่ 8: Hardware ADC Display

เป้าหมาย

อ่านค่า Potentiometer จริงและแสดงบน Slider/Bar

ADC API

#include "aic-eec/sensors.h"

/* ADC Channels */
typedef enum {
    AIC_ADC_CH0 = 0,    // Potentiometer
    AIC_ADC_CH_COUNT
} aic_adc_channel_t;

/* Functions */
uint16_t aic_adc_read(aic_adc_channel_t ch);           // Raw value (0-4095)
float aic_adc_read_voltage(aic_adc_channel_t ch);      // Voltage (0.0-3.3V)
uint8_t aic_adc_read_percent(aic_adc_channel_t ch);    // Percent (0-100%)

สถาปัตยกรรม Dual-Core สำหรับ ADC (AAC)

PSoC Edge E84 ใช้ Autonomous Analog Controller (AAC) ซึ่งเป็น Shared Peripheral ระหว่าง CM33 และ CM55:

┌─────────────────────────────────────────────────────────────────┐
│                     PSoC Edge E84 Memory Map                    │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│   CM33 Core                    CM55 Core                        │
│   ┌─────────────┐             ┌─────────────┐                   │
│   │proj_cm33_ns │             │  proj_cm55  │                   │
│   │   main.c    │             │  sensors.c  │                   │
│   └──────┬──────┘             └──────┬──────┘                   │
│          │                           │                          │
│  Cy_AutAnalog_Init()       Cy_AutAnalog_SAR_ReadResult()        │
│  Cy_AutAnalog_Start...()    (อ่าน result registers)              │
│   (เขียน config)                      │                          │
│          │                           │                          │
│          └───────────┬───────────────┘                          │
│                      │                                          │
│                      ▼                                          │
│   ┌─────────────────────────────────────────┐                   │
│   │      AAC Hardware Registers             │                   │
│   │  (Shared Memory-Mapped Peripheral)      │                   │
│   │                                         │                   │
│   │  ┌─────────────┐  ┌───────────────┐     │                   │
│   │  │ Config Regs │  │ Result Regs   │     │                   │
│   │  │ (CM33 เขียน) │  │ (CM55 อ่าน)    │     │                   │
│   │  └─────────────┘  └───────────────┘     │                   │
│   └─────────────────────────────────────────┘                   │
│                      │                                          │
│                      ▼                                          │
│              ┌───────────────┐                                  │
│              │ Potentiometer │                                  │
│              │   (P15_1)     │                                  │
│              └───────────────┘                                  │
└─────────────────────────────────────────────────────────────────┘

ขั้นตอนการทำงาน

Step

Core

Function

การทำงาน

CM33

Cy_AutAnalog_Init()

เขียน config ลง AAC registers

CM33

Cy_AutAnalog_StartAutonomousControl()

เริ่ม ADC sampling อัตโนมัติ

AAC Hardware

Sample ADC ต่อเนื่อง เก็บผลลง Result Register

CM55

Cy_AutAnalog_SAR_ReadResult()

อ่านตรงจาก Result Register

ทำไมไม่ต้องใช้ IPC (Inter-Processor Communication)?

Shared registers - ทั้ง 2 cores เข้าถึง AAC registers ได้ผ่าน Memory-Mapped I/O
Autonomous operation - AAC ทำงานเอง ไม่ต้องรอ CM33
Read-only on CM55 - CM55 แค่อ่านผลลัพธ์ ไม่ต้องเขียน config

Code ที่ต้องแก้ไข

1. proj_cm33_ns/main.c - เพิ่ม AAC initialization:

#include "cy_autanalog.h"
#include "cycfg_peripherals.h"

int main(void)
{
    cybsp_init();

    /* Initialize AAC for ADC */
    result = Cy_AutAnalog_Init(&autonomous_analog_init);
    if (CY_AUTANALOG_SUCCESS == result) {
        Cy_AutAnalog_SetInterruptMask(CY_AUTANALOG_INT_SAR0_RESULT);
        Cy_AutAnalog_StartAutonomousControl();
    }

    Cy_SysEnableCM55(MXCM55, CM55_APP_BOOT_ADDR, CM55_BOOT_WAIT_TIME_USEC);
    // ...
}

2. proj_cm55/aic-eec/sensors.c - อ่าน ADC จาก AAC:

#include "cy_autanalog.h"

uint16_t aic_adc_read(aic_adc_channel_t channel)
{
    int32_t adc_count = Cy_AutAnalog_SAR_ReadResult(
        SAR_ADC_INDEX,
        CY_AUTANALOG_SAR_INPUT_GPIO,
        (uint32_t)channel
    );
    return (uint16_t)adc_count;
}

UI Layout (New)

┌──────────────────────────────────────────────────────────┐
│        Week 3 Ex8: Hardware ADC Display                  │
│                                                          │
│          ADC Raw Value (0-4095)   [GREEN]                │
│          ├════════════════════╗   Raw: 2048              │
│                                                          │
│          Percentage           [CYAN]                     │
│          ├════════════════════╗   50%                    │
│                                                          │
│            Voltage: 1.650 V  [YELLOW]                    │
│                                                          │
│       Turn the potentiometer on the board                │
└──────────────────────────────────────────────────────────┘

สีเขียว (Green): ADC Raw Value - Slider + Label
สีฟ้า (Cyan): Percentage - Bar + Label
สีเหลือง (Yellow): Voltage - ตัวหลักใหญ่

โค้ดหลัก

static lv_obj_t *adc_slider = NULL;
static lv_obj_t *adc_bar = NULL;
static lv_obj_t *adc_value_label = NULL;
static lv_timer_t *adc_timer = NULL;

static void adc_timer_cb(lv_timer_t *timer)
{
    (void)timer;

    /* อ่าน ADC จริง */
    uint16_t raw = aic_adc_read(AIC_ADC_CH0);
    uint8_t percent = aic_adc_read_percent(AIC_ADC_CH0);
    float voltage = aic_adc_read_voltage(AIC_ADC_CH0);

    /* Update Slider (read-only) */
    lv_slider_set_value(adc_slider, percent, LV_ANIM_ON);

    /* Update Bar */
    lv_bar_set_value(adc_bar, percent, LV_ANIM_ON);

    /* Update Label */
    lv_label_set_text_fmt(adc_value_label,
                          "Raw: %u  |  %.2fV  |  %u%%",
                          raw, voltage, percent);
}

void week3_ex8_hw_adc_display(void)
{
    aic_sensors_init();

    lv_obj_t *scr = lv_screen_active();

    /* Slider (read-only - ปิด clickable) */
    adc_slider = lv_slider_create(scr);
    lv_obj_set_width(adc_slider, 300);
    lv_slider_set_range(adc_slider, 0, 100);
    lv_obj_align(adc_slider, LV_ALIGN_CENTER, 0, -40);
    lv_obj_remove_flag(adc_slider, LV_OBJ_FLAG_CLICKABLE);  // ห้ามกด

    /* Bar */
    adc_bar = lv_bar_create(scr);
    lv_obj_set_size(adc_bar, 300, 30);
    lv_bar_set_range(adc_bar, 0, 100);
    lv_obj_align(adc_bar, LV_ALIGN_CENTER, 0, 30);

    /* Value Label */
    adc_value_label = lv_label_create(scr);
    lv_label_set_text(adc_value_label, "Raw: 0  |  0.00V  |  0%");
    lv_obj_align(adc_value_label, LV_ALIGN_CENTER, 0, 90);

    /* Timer - อ่านทุก 100ms */
    adc_timer = lv_timer_create(adc_timer_cb, 100, NULL);
}

CAUTION: Read-only Slider

/* วิธีทำให้ Slider เป็น read-only (แสดงค่าเท่านั้น) */
lv_obj_remove_flag(slider, LV_OBJ_FLAG_CLICKABLE);

6. ตัวอย่างที่ 9: Hardware GPIO Dashboard

เป้าหมาย

รวม LED + Button + ADC ไว้ในหน้าจอเดียว พร้อม Blue LED ที่ควบคุมด้วย Potentiometer (PWM)

การทำงาน

Component

ฟังก์ชัน

Red LED

Toggle ON/OFF ด้วย Switch

Green LED

Toggle ON/OFF ด้วย Switch

Blue LED

ควบคุมความสว่างด้วย POT (PWM 0-100%)

USER BTN2 (SW4)

แสดงสถานะกด/ปล่อย

POT (ADC)

อ่านค่าและควบคุม Blue LED brightness

All ON/OFF

เปิด/ปิด LED ทั้งหมดพร้อมกัน

Layout

┌─────────────────────────────────────────────────────────────────┐
│              Week 3 Ex9: HW GPIO Dashboard                      │
│                                                                 │
│   ●○ Red      ═══════○═══    [All ON] [All OFF]                 │
│   ●○ Green    ═══════○═══                                       │
│   ●○ Blue     (POT ctrl)                                        │
│                                                                 │
│ ┌──────────────────────┐     ┌──────────────────────┐           │
│ │   USER BTN2 (SW4)    │     │   POT -> Blue LED    │           │
│ │                      │     │                      │           │
│ │  ●    Released       │     │  ════════════════    │           │
│ │                      │     │        70%           │           │
│ └──────────────────────┘     └──────────────────────┘           │
│                     (C) 2026 AIC-EEC.com                        │
└─────────────────────────────────────────────────────────────────┘

โค้ดโครงสร้าง

#define EX9_NUM_TOGGLE_LEDS 2  /* Red และ Green มี toggle switches */

typedef struct {
    lv_obj_t *led;
    lv_obj_t *sw;
    lv_obj_t *label;
    const char *name;
    bool state;
} ex9_gpio_item_t;

static ex9_gpio_item_t ex9_gpios[EX9_NUM_TOGGLE_LEDS];
static lv_obj_t * ex9_blue_led;  /* Blue LED ควบคุมด้วย POT */

/* Timer callback - update button, ADC, Blue LED */
static void ex9_timer_cb(lv_timer_t * timer)
{
    /* อ่านสถานะปุ่ม USER BTN2 (SW4) */
    bool pressed = aic_gpio_button_read(AIC_BTN_USER2);
    // ... update button UI ...

    /* อ่าน ADC และควบคุม Blue LED */
    uint8_t percent = aic_adc_read_percent(AIC_ADC_CH0);

    /* Update Blue LED widget brightness (0-255) */
    uint8_t brightness = (uint8_t)((percent * 255) / 100);
    lv_led_on(ex9_blue_led);
    lv_led_set_brightness(ex9_blue_led, brightness);

    /* Update hardware Blue LED via PWM */
    aic_gpio_pwm_set_brightness(AIC_LED_BLUE, percent);
}

void week3_ex9_hw_gpio_dashboard(void)
{
    aic_gpio_init();
    aic_gpio_pwm_init(AIC_LED_BLUE);  /* Initialize PWM for Blue LED */
    aic_sensors_init();

    lv_obj_t *scr = lv_screen_active();

    /* CENTER: LEDs (VERTICAL layout) with fixed X for toggles */
    const int toggle_x = 45;
    for(int i = 0; i < EX9_NUM_TOGGLE_LEDS; i++) {
        int y_pos = 65 + i * 50;
        // LED widget, Label, และ Switch
        // Switch callback ควบคุม hardware LED จริง
    }

    /* Blue LED - controlled by POT (no toggle switch) */
    int blue_y = 65 + 2 * 50;
    ex9_blue_led = lv_led_create(scr);
    // ... blue label และ "(POT ctrl)" note ...

    /* LEFT BOTTOM: Button Status Panel (225x128) */
    lv_obj_t *btn_panel = lv_obj_create(scr);
    lv_obj_set_size(btn_panel, 225, 128);
    lv_obj_align(btn_panel, LV_ALIGN_BOTTOM_LEFT, 5, -25);
    // ... USER BTN2 LED และ status label ...

    /* RIGHT BOTTOM: ADC Panel (225x128) */
    lv_obj_t *adc_panel = lv_obj_create(scr);
    lv_obj_set_size(adc_panel, 225, 128);
    lv_obj_align(adc_panel, LV_ALIGN_BOTTOM_RIGHT, -5, -25);
    // ... POT bar และ percentage label ...

    /* BOTTOM CENTER: All ON / All OFF buttons */
    // ปุ่ม "All ON" และ "All OFF" อยู่กลางด้านบน panels

    /* Timer */
    ex9_timer = lv_timer_create(ex9_timer_cb, 100, NULL);
}

การทดสอบ

Action

ผลลัพธ์

Toggle Red Switch

Red LED บนบอร์ดติด/ดับ

Toggle Green Switch

Green LED บนบอร์ดติด/ดับ

หมุน POT

Blue LED สว่าง/หรี่ (0-100%) + Blue widget dim

กด SW4

LED status เป็นสีเขียว + "PRESSED"

กด All ON

LED ทั้ง 3 ติด + toggles checked

กด All OFF

LED ทั้ง 3 ดับ + toggles unchecked

7. ตัวอย่างที่ 10: PWM LED Brightness

เป้าหมาย

ควบคุมความสว่าง LED ด้วย PWM ผ่าน Slider

โค้ดหลัก

static void pwm_slider_event_cb(lv_event_t *e)
{
    if (lv_event_get_code(e) != LV_EVENT_VALUE_CHANGED) return;

    lv_obj_t *slider = lv_event_get_target(e);
    int32_t value = lv_slider_get_value(slider);

    /* Set hardware PWM brightness (0-100%) */
    aic_gpio_pwm_set_brightness(AIC_LED_BLUE, (uint8_t)value);

    /* Update LED widget brightness */
    lv_led_set_brightness(pwm_led_widget, (uint8_t)(value * 255 / 100));
}

void week3_ex10_pwm_brightness(void)
{
    aic_gpio_init();
    aic_gpio_pwm_init(AIC_LED_BLUE);  // เฉพาะ Blue LED รองรับ PWM

    /* Slider 0-100% */
    pwm_slider = lv_slider_create(scr);
    lv_slider_set_range(pwm_slider, 0, 100);
    lv_obj_add_event_cb(pwm_slider, pwm_slider_event_cb,
                        LV_EVENT_VALUE_CHANGED, NULL);
}

CAUTION: PWM Support

บน PSoC Edge E84 เฉพาะ Blue LED รองรับ Hardware PWM
Red/Green LED ใช้ได้แค่ ON/OFF

8. ตัวอย่างที่ 11-12: CAPSENSE

Ex11: CAPSENSE UI Mockup

สร้าง UI สำหรับ CAPSENSE Buttons และ Slider
ยังไม่เชื่อมต่อ Hardware (ใช้ปุ่มจำลองบนหน้าจอ)
เตรียม UI ก่อนเชื่อม Hardware

Ex12: CAPSENSE Hardware (Placeholder)

เชื่อมต่อ CAPSENSE จริงผ่าน I2C
Coming Soon - ต้องมี Driver เพิ่มเติม

9. แบบฝึกหัด

แบบฝึกหัดที่ 1: LED Pattern

สร้างโปรแกรมที่แสดง LED pattern ต่างๆ:

ไฟวิ่ง (R → G → B → R → ...)
กระพริบพร้อมกัน
Fade in/out ด้วย PWM

แบบฝึกหัดที่ 2: Button Counter

นับจำนวนครั้งที่กดปุ่ม USER
แสดงค่าบนหน้าจอ
Reset เมื่อกดค้าง 2 วินาที

แบบฝึกหัดที่ 3: ADC Threshold

ตั้งค่า threshold ด้วย Slider
เมื่อ ADC > threshold ให้ LED ติด
แสดงสถานะ "ABOVE" / "BELOW"

แบบฝึกหัดที่ 4: Combined Dashboard

ออกแบบ Dashboard ที่รวม:

3 LED switches
Button counter
ADC gauge
PWM brightness control

Configuration

เปิดใช้งาน Example

แก้ไขไฟล์ example_selector.h:

#define SELECTED_WEEK       3    // Week 3
#define SELECTED_EXAMPLE    6    // Example 6-12 for Part II

Build และ Flash

cd PSOC_Edge_Graphics_LVGL_Demo/proj_cm55
make build
make program

อ้างอิง

หมายเหตุ: Part II ใช้ UI patterns เดียวกับ Part I แต่เพิ่มการเชื่อมต่อ Hardware จริงผ่าน aic-eec API

PreviousGPIO Dashboard NextLED Control

Last updated 3 hours ago

Was this helpful?

hashtagPart II: GPIO Hardware Integration

hashtagเอกสารเตรียมความพร้อมสำหรับนิสิต

hashtagสารบัญ

hashtag1. ภาพรวม Part II

hashtagPart I vs Part II

hashtagโครงสร้างไฟล์

hashtagWHY: ทำไมต้องแยก Part I และ Part II?

hashtag2. aic-eec GPIO API

hashtag2.1 LED Control API

hashtag2.2 Button API

hashtagButton Pin Configuration

hashtag2.3 PWM API

hashtag2.4 Hardware Pin Configuration & PWM Limitation

hashtagAPI Summary Table

hashtag3. ตัวอย่างที่ 6: Hardware LED Control

hashtagเป้าหมาย

hashtagโค้ดหลัก

hashtagCAUTION: ข้อควรระวัง

hashtag4. ตัวอย่างที่ 7: Hardware Button Status (2 Buttons)

hashtagเป้าหมาย

hashtagUI Layout

hashtagโค้ดหลัก

hashtagWHY: ทำไมใช้ Timer แทน Event?

hashtagการทดสอบ

hashtag5. ตัวอย่างที่ 8: Hardware ADC Display

hashtagเป้าหมาย

hashtagADC API

hashtagสถาปัตยกรรม Dual-Core สำหรับ ADC (AAC)

hashtagUI Layout (New)

hashtagโค้ดหลัก

hashtagCAUTION: Read-only Slider

hashtag6. ตัวอย่างที่ 9: Hardware GPIO Dashboard

hashtagเป้าหมาย

hashtagการทำงาน

hashtagLayout

hashtagโค้ดโครงสร้าง

hashtagการทดสอบ

hashtag7. ตัวอย่างที่ 10: PWM LED Brightness

hashtagเป้าหมาย

hashtagโค้ดหลัก

hashtagCAUTION: PWM Support

hashtag8. ตัวอย่างที่ 11-12: CAPSENSE

hashtagEx11: CAPSENSE UI Mockup

hashtagEx12: CAPSENSE Hardware (Placeholder)

hashtag9. แบบฝึกหัด

hashtagแบบฝึกหัดที่ 1: LED Pattern

hashtagแบบฝึกหัดที่ 2: Button Counter

hashtagแบบฝึกหัดที่ 3: ADC Threshold

hashtagแบบฝึกหัดที่ 4: Combined Dashboard

hashtagConfiguration

hashtagเปิดใช้งาน Example

hashtagBuild และ Flash

hashtagอ้างอิง

Part II: GPIO Hardware Integration

เอกสารเตรียมความพร้อมสำหรับนิสิต

สารบัญ

1. ภาพรวม Part II

Part I vs Part II

โครงสร้างไฟล์

WHY: ทำไมต้องแยก Part I และ Part II?

2. aic-eec GPIO API

2.1 LED Control API

2.2 Button API

Button Pin Configuration

2.3 PWM API

2.4 Hardware Pin Configuration & PWM Limitation

API Summary Table

3. ตัวอย่างที่ 6: Hardware LED Control

เป้าหมาย

โค้ดหลัก

CAUTION: ข้อควรระวัง

4. ตัวอย่างที่ 7: Hardware Button Status (2 Buttons)

เป้าหมาย

UI Layout

โค้ดหลัก

WHY: ทำไมใช้ Timer แทน Event?

การทดสอบ

5. ตัวอย่างที่ 8: Hardware ADC Display

เป้าหมาย

ADC API

สถาปัตยกรรม Dual-Core สำหรับ ADC (AAC)

UI Layout (New)

โค้ดหลัก

CAUTION: Read-only Slider

6. ตัวอย่างที่ 9: Hardware GPIO Dashboard

เป้าหมาย

การทำงาน

Layout

โค้ดโครงสร้าง

การทดสอบ

7. ตัวอย่างที่ 10: PWM LED Brightness

เป้าหมาย

โค้ดหลัก

CAUTION: PWM Support

8. ตัวอย่างที่ 11-12: CAPSENSE

Ex11: CAPSENSE UI Mockup

Ex12: CAPSENSE Hardware (Placeholder)

9. แบบฝึกหัด

แบบฝึกหัดที่ 1: LED Pattern

แบบฝึกหัดที่ 2: Button Counter

แบบฝึกหัดที่ 3: ADC Threshold

แบบฝึกหัดที่ 4: Combined Dashboard

Configuration

เปิดใช้งาน Example

Build และ Flash

อ้างอิง