[Arduino资料] 零知开源——STM32F4实现ILI9486显示屏UI界面系列教程（三）：记事本功能实现

lv_obj_t *win = create_app_win("NotePad");

    lv_coord_t hres = lv_disp_get_hor_res(NULL);

    lv_coord_t vres = lv_disp_get_ver_res(NULL);

    lv_coord_t header_height = 32; // 标题栏高度



    // 创建文本区域

    lv_obj_t *ta = lv_ta_create(win, NULL);

    lv_obj_set_size(ta, hres - 40, (vres - header_height) / 2);

    lv_obj_align(ta, NULL, LV_ALIGN_IN_TOP_MID, 0, header_height + 10);

    lv_ta_set_text(ta, "");

    lv_ta_set_cursor_type(ta, LV_CURSOR_BLOCK);

    lv_ta_set_placeholder_text(ta, "Type your note here...");

    lv_ta_set_sb_mode(ta, LV_SB_MODE_AUTO);



    // 创建键盘 - 使用更小的键盘节省空间

    lv_obj_t *kb = lv_kb_create(win, NULL);

    lv_obj_set_size(kb, hres - 40, (vres - header_height) / 3);

    lv_obj_align(kb, ta, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);

    lv_kb_set_ta(kb, ta);



    // 创建按钮容器 - 简化按钮数量

    lv_obj_t *btn_cont = lv_cont_create(win, NULL);

    lv_cont_set_layout(btn_cont, LV_LAYOUT_ROW_M);

    lv_obj_set_size(btn_cont, hres - 40, 40);

    lv_obj_align(btn_cont, kb, LV_ALIGN_OUT_BOTTOM_MID, 0, 10);



    // 只保留清除按钮节省空间

    lv_obj_t *btn_clear = lv_btn_create(btn_cont, NULL);

    lv_obj_t *btn_clear_label = lv_label_create(btn_clear, NULL);

    lv_label_set_text(btn_clear_label, "Clear");

    lv_obj_set_event_cb(btn_clear, note_clear_event_cb);

    lv_obj_set_user_data(btn_clear, ta);

// 清除按钮事件处理

static void note_clear_event_cb(lv_obj_t * btn, lv_event_t event)

{

    if(event == LV_EVENT_SHORT_CLICKED) {

        lv_obj_t *ta = (lv_obj_t *)lv_obj_get_user_data(btn);

        lv_ta_set_text(ta, "");

    }

}

#define LV_USE_TA            1

#define LV_USE_KB            1

#define LV_USE_ANIMATION     1    // 启用动画效果

#define LV_FONT_ROBOTO_16    1    // 启用默认字体

bool my_touchpad_read(lv_indev_drv_t * indev, lv_indev_data_t * data)

{

        static lv_coord_t last_x = 0;

        static lv_coord_t last_y = 0;

        

        data->state = ts.touched() ? LV_INDEV_STATE_PR : LV_INDEV_STATE_REL;

        if(data->state == LV_INDEV_STATE_PR){

                TS_Point p = ts.getPoint();

                 

               

                last_x = LV_HOR_RES-(p.y *LV_HOR_RES)/4095;       

                last_y = (p.x *LV_VER_RES)/4095;       

                 

                Serial.print("touched:");

                Serial.print(last_x);Serial.print(",");Serial.println(last_y);

        }

        data->point.x = last_x;

        data->point.y = last_y;

         

        return false; 

}

// 在lv_conf.h中增加内存池大小

#define LV_MEM_SIZE (16U * 1024U)  // 增加至48KB

#define LV_DISP_DEF_REFR_PERIOD 30  // 降低刷新率至30ms 

// 1. 中文输入支持（需外置字库）

void init_chinese_font() {

    lv_font_t * cn_font = lv_font_load("S:/fonts/simhei_20.bin");

    static lv_style_t style;

    lv_style_init(&style);

    lv_style_set_text_font(&style, LV_STATE_DEFAULT, cn_font);

    lv_obj_add_style(ta, LV_TEXTAREA_PART_MAIN, &style);

}



// 2. 保存到Flash

void save_to_flash() {

    const char* text = lv_ta_get_text(ta);

    // 使用W25Q128 Flash芯片存储

    w25qxx_write_str(0x1000, text);

}



// 3. 添加时间戳

void add_timestamp() {

    char time_str[20];

    sprintf(time_str, "\n[%02d:%02d]", rtc.getHours(), rtc.getMinutes());

    lv_ta_add_text(ta, time_str);

}



// 4. 云同步功能

void sync_to_cloud() {

    if(WiFi.status() == WL_CONNECTED) {

        httpClient.post("/api/notes", lv_ta_get_text(ta));

    }

}