一、移植文件介绍
二、移植部分
第一步:创建LVGL文件夹
第二步:
构造LVGL文件夹:LVGL - GUI - lvgl -
第三步:添加文件
3.1 从examples中添加2个.c文件
3.2 从src中添加文件
draw文件
extra文件
第四步:
三、Keil软件部分
my_gui.c文件
#include "stm32f4xx.h" // Device header
#include "my_gui.h"
#include "lvgl.h"
#include "lv_port_disp_template.h"
#include "lv_port_indev_template.h" lv_obj_t* ta_adress;
lv_obj_t* ta_password;
lv_obj_t* label_password_r;
lv_obj_t* label_password;
lv_obj_t* label_adress_r;
lv_obj_t* label_adress;
lv_obj_t* keyboard;
lv_obj_t* btn_sure;
lv_obj_t* btn_cancel;
lv_obj_t *msgbox;
int num = 0;static void event_cb(lv_event_t* e)
{lv_event_code_t code = lv_event_get_code(e);lv_obj_t* target = lv_event_get_target(e);if(target == ta_adress){if(code == LV_EVENT_FOCUSED) //选中与键盘进行关联{lv_keyboard_set_textarea(keyboard,ta_adress);}else if(code == LV_EVENT_VALUE_CHANGED){const char* txt = lv_textarea_get_text(ta_adress);if(strcmp(txt, "111") == 0)lv_label_set_text(label_adress_r, LV_SYMBOL_OK);elselv_label_set_text(label_adress_r, "");}}else if(target == ta_password){if(code == LV_EVENT_FOCUSED){lv_keyboard_set_textarea(keyboard,ta_password);}else if(code == LV_EVENT_VALUE_CHANGED){const char* txt2 = lv_textarea_get_text(ta_password);if(strcmp(txt2, "123456") == 0)lv_label_set_text(label_password_r, LV_SYMBOL_OK);elselv_label_set_text(label_password_r, "");}}
}
//
static void event_cb_msgbox(lv_event_t* e)
{lv_event_code_t code = lv_event_get_code(e);lv_obj_t *target = lv_event_get_current_target(e);const char* txt = lv_textarea_get_text(ta_adress);const char* txt3 = lv_textarea_get_text(ta_password);if(target == btn_sure){if(strcmp(txt, "111") == 0 && strcmp(txt3, "123456") == 0)lv_obj_clear_flag(msgbox, LV_OBJ_FLAG_HIDDEN);}else if(code == LV_EVENT_PRESSED){if(lv_msgbox_get_active_btn(msgbox) == 2) /* 获取按钮索引 */lv_obj_add_flag(msgbox, LV_OBJ_FLAG_HIDDEN); /* 隐藏消息框 */}
}//主程序
void my_gui(void)
{lv_init();lv_port_disp_init();lv_port_indev_init();//1.设置地址输入文本框ta_adress = lv_textarea_create(lv_scr_act());lv_obj_set_size(ta_adress, lv_obj_get_width(lv_scr_act())/2.5, lv_obj_get_height(lv_scr_act())/12);lv_obj_align(ta_adress, LV_ALIGN_TOP_LEFT, lv_obj_get_width(lv_scr_act())/6, lv_obj_get_height(lv_scr_act())/4);lv_obj_remove_style(ta_adress, NULL, LV_PART_SCROLLBAR);//lv_textarea_set_placeholder_text(ta_adress, "adress");lv_obj_add_event_cb(ta_adress, event_cb, LV_EVENT_ALL,NULL);
//2.设置密码输入文本框ta_password = lv_textarea_create(lv_scr_act());lv_obj_set_size(ta_password, lv_obj_get_width(lv_scr_act())/2.5, lv_obj_get_height(lv_scr_act())/12);lv_obj_align_to(ta_password,ta_adress,LV_ALIGN_OUT_BOTTOM_MID, 0, lv_obj_get_width(lv_scr_act())/22);lv_obj_remove_style(ta_password, NULL, LV_PART_SCROLLBAR);//lv_textarea_set_password_mode(ta_password, true);//lv_textarea_set_placeholder_text(ta_password, "pick-up Code");lv_obj_add_event_cb(ta_password, event_cb, LV_EVENT_ALL,NULL);
//3.创建地址正确标签label_adress_r = lv_label_create(lv_scr_act());lv_label_set_text(label_adress_r, "");lv_obj_set_style_text_font(label_adress_r, &lv_font_montserrat_20, LV_PART_MAIN);lv_obj_align_to(label_adress_r,ta_adress, LV_ALIGN_OUT_RIGHT_MID,lv_obj_get_width(lv_scr_act())/22,0);
//4.创建取件码正确标签label_password_r = lv_label_create(lv_scr_act());lv_label_set_text(label_password_r, "");lv_obj_set_style_text_font(label_password_r, &lv_font_montserrat_20, LV_PART_MAIN);lv_obj_align_to(label_password_r,ta_password, LV_ALIGN_OUT_RIGHT_MID,lv_obj_get_width(lv_scr_act())/22,0);
//5.创建地址标签label_adress = lv_label_create(lv_scr_act());lv_label_set_text(label_adress, "adress");lv_obj_set_style_text_font(label_adress, &lv_font_montserrat_14, LV_PART_MAIN);lv_obj_align_to(label_adress,ta_adress, LV_ALIGN_OUT_LEFT_MID,0,0);
//6.创建取件码标签label_password = lv_label_create(lv_scr_act());lv_label_set_text(label_password, "Code");lv_obj_set_style_text_font(label_password, &lv_font_montserrat_14, LV_PART_MAIN);lv_obj_align_to(label_password,ta_password, LV_ALIGN_OUT_LEFT_MID,0,0);
//7.确定按钮btn_sure = lv_btn_create(lv_scr_act());lv_obj_set_size(btn_sure, lv_obj_get_width(lv_scr_act())/6, lv_obj_get_height(lv_scr_act())/8);lv_obj_align_to(btn_sure, ta_password, LV_ALIGN_OUT_BOTTOM_LEFT, 0, lv_obj_get_height(lv_scr_act())/9);lv_obj_t* btn_sure_label = lv_label_create(btn_sure);lv_obj_align(btn_sure_label, LV_ALIGN_CENTER, 0 ,0 );lv_label_set_text(btn_sure_label, "LOGIN");lv_obj_set_style_text_font(btn_sure_label, &lv_font_montserrat_12, LV_PART_MAIN);lv_obj_add_event_cb(btn_sure, event_cb_msgbox, LV_EVENT_PRESSED,NULL);
//8.取消按钮btn_cancel = lv_btn_create(lv_scr_act());lv_obj_set_size(btn_cancel, lv_obj_get_width(lv_scr_act())/6, lv_obj_get_height(lv_scr_act())/8);lv_obj_align_to(btn_cancel, btn_sure, LV_ALIGN_OUT_RIGHT_MID, lv_obj_get_width(lv_scr_act())/14, 0);lv_obj_t* btn_cancel_label = lv_label_create(btn_cancel);lv_obj_align(btn_cancel_label, LV_ALIGN_CENTER, 0 ,0 );lv_label_set_text(btn_cancel_label, "CANCEL");lv_obj_set_style_text_font(btn_cancel_label, &lv_font_montserrat_12, LV_PART_MAIN);
//9.消息框static const char *btns[] = { " ", " ", "OK","" };msgbox = lv_msgbox_create( lv_scr_act(), "LOGIN", "Pickup successful!", btns, true );lv_obj_align(msgbox, LV_ALIGN_CENTER, -(lv_obj_get_width(lv_scr_act())/5), 0);lv_obj_set_size(msgbox, lv_obj_get_width(lv_scr_act())/2.5, lv_obj_get_height(lv_scr_act())/2);lv_obj_add_flag(msgbox, LV_OBJ_FLAG_HIDDEN);//获取到按钮部分lv_obj_t* btn = lv_msgbox_get_btns(msgbox);//按钮背景设为透明lv_obj_set_style_bg_opa(btn, 0, LV_PART_ITEMS);lv_obj_set_style_shadow_width(btn, 0, LV_PART_ITEMS);lv_obj_set_style_text_color(btn, lv_color_hex(0xff0000),LV_PART_ITEMS);lv_obj_add_event_cb(ta_adress, event_cb_msgbox, LV_EVENT_VALUE_CHANGED,NULL);lv_obj_add_event_cb(ta_password, event_cb_msgbox, LV_EVENT_VALUE_CHANGED,NULL);lv_obj_add_event_cb(msgbox, event_cb_msgbox, LV_EVENT_PRESSED,NULL);//设置键盘keyboard = lv_keyboard_create(lv_scr_act());lv_keyboard_set_mode(keyboard, LV_KEYBOARD_MODE_NUMBER);lv_obj_align(keyboard, LV_ALIGN_RIGHT_MID, -10, 0);lv_obj_set_size(keyboard, lv_obj_get_width(lv_scr_act())/2.5, lv_obj_get_height(lv_scr_act())/1.5);
}
main.c文件
#include "sys.h"
#include "delay.h"
#include "usart.h"
#include "led.h"
#include "lcd.h"
#include "key.h"
#include "touch.h"
#include "timer.h"
#include "my_gui.h" int main(void)
{ NVIC_PriorityGroupConfig(NVIC_PriorityGroup_2);//设置系统中断优先级分组2delay_init(168); //初始化延时函数uart_init(115200); //初始化串口波特率为115200LED_Init(); //初始化LED LCD_Init(); //LCD初始化 KEY_Init(); //按键初始化 TIM3_Int_Init(1000, 84);my_gui();while(1){delay_ms(5);lv_timer_handler();}
}
记得定义定时器,需要定时器驱动
//定时器3中断服务函数
void TIM3_IRQHandler(void)
{if(TIM_GetITStatus(TIM3,TIM_IT_Update)==SET) //溢出中断{LED1=!LED1;//DS1翻转lv_tick_inc(1);}TIM_ClearITPendingBit(TIM3,TIM_IT_Update); //清除中断标志位
}
四、VS模拟器部分
五、实物连接部分