按你的需求(文件IO存儲+LVGL彈窗提示),工程需創建以下文件,代碼按功能模塊化存放,清晰明了:
一、需要創建的文件清單
文件名 作用 存放內容?
main.c 程序入口 主函數、硬件初始化、LVGL初始化、啟動界面?
ui.h 界面函數聲明 聲明登錄/注冊界面創建、頁面跳轉等函數?
ui.c 界面實現 用LVGL創建登錄/注冊界面、按鈕回調、lv_msgbox彈窗提示?
user_file.h 文件操作函數聲明 聲明注冊寫入、登錄查找、賬號檢查等函數?
user_file.c 文件IO邏輯實現 實現用戶信息的文件讀寫(注冊時寫入、登錄時查找比對)?
二、各文件代碼及存放位置
1. main.c(工程入口)
存放位置:工程根目錄,作為程序啟動點
#include "lvgl/lvgl.h"
#include "ui.h" ? ? ? // 包含界面函數
#include "user_file.h"// 包含文件操作函數// 硬件初始化(GEC6818屏幕、觸摸驅動)
static void hardware_init(void) {// 此處添加開發板硬件初始化代碼(如LCD初始化、觸摸驅動初始化)// 例:打開LCD設備、設置分辨率為800x480等
}int main(void) {// 1. 初始化硬件hardware_init();// 2. 初始化LVGLlv_init();lv_port_disp_init(); ?// 顯示接口初始化(適配GEC6818 LCD)lv_port_indev_init(); // 輸入設備初始化(適配觸摸)// 3. 啟動登錄界面create_login_ui();// 4. LVGL主循環while (1) {lv_task_handler(); ?// 處理LVGL任務usleep(5000); ? ? ? // 5ms延遲}return 0;
}
2. ui.h(界面函數聲明)
存放位置:工程根目錄,聲明ui.c中的所有函數
#ifndef UI_H
#define UI_H#include "lvgl/lvgl.h"// 登錄界面創建
void create_login_ui(void);// 注冊界面創建
void create_reg_ui(void);// 登錄成功跳轉(定時器回調)
void login_success(lv_timer_t *t);// 注冊成功返回登錄頁(定時器回調)
void reg_success_back(lv_timer_t *t);#endif // UI_H
3. ui.c(界面實現+彈窗提示)
存放位置:工程根目錄,實現界面和交互邏輯
#include "ui.h"
#include "user_file.h" ?// 調用文件操作函數// 輸入框緩存(登錄界面)
static char login_user[32] = "";
static char login_pwd[32] = "";// 輸入框緩存(注冊界面)
static char reg_user[32] = "";
static char reg_pwd[32] = "";// 登錄界面創建
void create_login_ui(void) {lv_obj_clean(lv_scr_act()); ?// 清空當前界面// 1. 賬號輸入區lv_obj_t *user_label = lv_label_create(lv_scr_act());lv_label_set_text(user_label, "賬號:");lv_obj_align(user_label, LV_ALIGN_TOP_LEFT, 50, 100);lv_obj_t *user_ta = lv_textarea_create(lv_scr_act());lv_textarea_set_placeholder_text(user_ta, "請輸入賬號");lv_textarea_set_max_length(user_ta, 31);lv_obj_set_size(user_ta, 200, 50);lv_obj_align_to(user_ta, user_label, LV_ALIGN_OUT_RIGHT_MID, 20, 0);lv_textarea_set_text(user_ta, login_user);// 2. 密碼輸入區lv_obj_t *pwd_label = lv_label_create(lv_scr_act());lv_label_set_text(pwd_label, "密碼:");lv_obj_align(pwd_label, LV_ALIGN_TOP_LEFT, 50, 180);lv_obj_t *pwd_ta = lv_textarea_create(lv_scr_act());lv_textarea_set_placeholder_text(pwd_ta, "請輸入密碼");lv_textarea_set_password_mode(pwd_ta, true); ?// 密碼隱藏lv_textarea_set_max_length(pwd_ta, 31);lv_obj_set_size(pwd_ta, 200, 50);lv_obj_align_to(pwd_ta, pwd_label, LV_ALIGN_OUT_RIGHT_MID, 20, 0);lv_textarea_set_text(pwd_ta, login_pwd);// 3. 登錄按鈕(帶回調)lv_obj_t *login_btn = lv_btn_create(lv_scr_act());lv_obj_set_size(login_btn, 100, 40);lv_obj_align(login_btn, LV_ALIGN_TOP_MID, -60, 280);lv_obj_t *login_btn_label = lv_label_create(login_btn);lv_label_set_text(login_btn_label, "登錄");lv_obj_add_event_cb(login_btn, login_btn_cb, LV_EVENT_CLICKED, user_ta); ?// 傳賬號輸入框// 4. 跳轉到注冊按鈕lv_obj_t *to_reg_btn = lv_btn_create(lv_scr_act());lv_obj_set_size(to_reg_btn, 100, 40);lv_obj_align(to_reg_btn, LV_ALIGN_TOP_MID, 60, 280);lv_obj_t *to_reg_label = lv_label_create(to_reg_btn);lv_label_set_text(to_reg_label, "注冊");lv_obj_add_event_cb(to_reg_btn, to_reg_cb, LV_EVENT_CLICKED, NULL);
}// 注冊界面創建
void create_reg_ui(void) {lv_obj_clean(lv_scr_act()); ?// 清空當前界面// 1. 新賬號輸入區lv_obj_t *reg_user_label = lv_label_create(lv_scr_act());lv_label_set_text(reg_user_label, "新賬號:");lv_obj_align(reg_user_label, LV_ALIGN_TOP_LEFT, 50, 100);lv_obj_t *reg_user_ta = lv_textarea_create(lv_scr_act());lv_textarea_set_placeholder_text(reg_user_ta, "請設置賬號");lv_textarea_set_max_length(reg_user_ta, 31);lv_obj_set_size(reg_user_ta, 200, 50);lv_obj_align_to(reg_user_ta, reg_user_label, LV_ALIGN_OUT_RIGHT_MID, 20, 0);lv_textarea_set_text(reg_user_ta, reg_user);// 2. 新密碼輸入區lv_obj_t *reg_pwd_label = lv_label_create(lv_scr_act());lv_label_set_text(reg_pwd_label, "新密碼:");lv_obj_align(reg_pwd_label, LV_ALIGN_TOP_LEFT, 50, 180);lv_obj_t *reg_pwd_ta = lv_textarea_create(lv_scr_act());lv_textarea_set_placeholder_text(reg_pwd_ta, "請設置密碼");lv_textarea_set_password_mode(reg_pwd_ta, true);lv_textarea_set_max_length(reg_pwd_ta, 31);lv_obj_set_size(reg_pwd_ta, 200, 50);lv_obj_align_to(reg_pwd_ta, reg_pwd_label, LV_ALIGN_OUT_RIGHT_MID, 20, 0);lv_textarea_set_text(reg_pwd_ta, reg_pwd);// 3. 注冊按鈕(帶回調)lv_obj_t *reg_btn = lv_btn_create(lv_scr_act());lv_obj_set_size(reg_btn, 100, 40);lv_obj_align(reg_btn, LV_ALIGN_TOP_MID, -60, 280);lv_obj_t *reg_btn_label = lv_label_create(reg_btn);lv_label_set_text(reg_btn_label, "注冊");lv_obj_add_event_cb(reg_btn, reg_btn_cb, LV_EVENT_CLICKED, reg_user_ta); ?// 傳賬號輸入框// 4. 返回登錄按鈕lv_obj_t *back_btn = lv_btn_create(lv_scr_act());lv_obj_set_size(back_btn, 100, 40);lv_obj_align(back_btn, LV_ALIGN_TOP_MID, 60, 280);lv_obj_t *back_label = lv_label_create(back_btn);lv_label_set_text(back_label, "返回");lv_obj_add_event_cb(back_btn, to_login_cb, LV_EVENT_CLICKED, NULL);
}// 登錄按鈕回調(核心:調用文件查找函數+lv_msgbox提示)
static void login_btn_cb(lv_event_t *e) {lv_obj_t *user_ta = lv_event_get_user_data(e);lv_obj_t *pwd_ta = lv_obj_get_next_sibling(user_ta); ?// 密碼輸入框(賬號輸入框的下一個兄弟組件)const char *user = lv_textarea_get_text(user_ta);const char *pwd = lv_textarea_get_text(pwd_ta);// 調用登錄驗證(來自user_file.c)int ret = login_check(user, pwd);lv_obj_t *msg; ?// LVGL彈窗// 用lv_msgbox顯示結果(靜態調用,直接創建)if (ret == 0) {msg = lv_msgbox_create(NULL, "成功", "登錄成功!即將進入系統", NULL, false);lv_timer_create(login_success, 1500, NULL); ?// 1.5秒后跳轉主頁面} else if (ret == -1) {msg = lv_msgbox_create(NULL, "提示", "暫無注冊用戶,請先注冊", NULL, false);} else {msg = lv_msgbox_create(NULL, "錯誤", "賬號或密碼錯誤", NULL, false);}lv_obj_center(msg); ?// 彈窗居中
}// 注冊按鈕回調(核心:調用文件寫入函數+lv_msgbox提示)
static void reg_btn_cb(lv_event_t *e) {lv_obj_t *reg_user_ta = lv_event_get_user_data(e);lv_obj_t *reg_pwd_ta = lv_obj_get_next_sibling(reg_user_ta); ?// 密碼輸入框const char *user = lv_textarea_get_text(reg_user_ta);const char *pwd = lv_textarea_get_text(reg_pwd_ta);// 調用注冊函數(來自user_file.c)int ret = register_save(user, pwd);lv_obj_t *msg;if (ret == 0) {msg = lv_msgbox_create(NULL, "成功", "注冊成功!即將返回登錄", NULL, false);lv_timer_create(reg_success_back, 1500, NULL); ?// 1.5秒后返回登錄頁} else if (ret == -1) {msg = lv_msgbox_create(NULL, "錯誤", "賬號或密碼不能為空", NULL, false);} else if (ret == -2) {msg = lv_msgbox_create(NULL, "錯誤", "賬號已存在", NULL, false);} else {msg = lv_msgbox_create(NULL, "錯誤", "注冊失敗(文件寫入錯誤)", NULL, false);}lv_obj_center(msg);
}// 輔助回調:跳轉到注冊界面
static void to_reg_cb(lv_event_t *e) {create_reg_ui();
}// 輔助回調:返回登錄界面
static void to_login_cb(lv_event_t *e) {create_login_ui();
}// 登錄成功后跳轉主頁面
void login_success(lv_timer_t *t) {lv_obj_clean(lv_scr_act());lv_obj_t *main_label = lv_label_create(lv_scr_act());lv_label_set_text(main_label, "歡迎進入系統!");lv_obj_center(main_label);
}// 注冊成功后返回登錄頁
void reg_success_back(lv_timer_t *t) {create_login_ui();
}
4. user_file.h(文件操作聲明)
存放位置:工程根目錄,聲明user_file.c中的函數
#ifndef USER_FILE_H
#define USER_FILE_H#include <stdio.h>// 注冊:將賬號密碼寫入文件(返回0成功,-1空輸入,-2賬號已存在,-3文件錯誤)
int register_save(const char *username, const char *password);// 登錄:從文件查找匹配(返回0成功,-1無注冊用戶,-2賬號密碼錯誤)
int login_check(const char *username, const char *password);#endif // USER_FILE_H
5. user_file.c(文件IO實現)
存放位置:工程根目錄,實現注冊寫入和登錄查找邏輯
#include "user_file.h"
#include <string.h>
// 存儲用戶信息的文本文件(程序運行時自動創建)
#define USER_FILE "users.txt"
// 內部函數:檢查賬號是否已存在
static int user_exist(const char *username) {
FILE *fp = fopen(USER_FILE, "r");
if (!fp) return 0; ?// 文件不存在,無重復賬號? ? char line[128], tmp_user[32];
while (fgets(line, sizeof(line), fp)) {
// 按"賬號:密碼"格式解析一行
if (sscanf(line, "%31[^:]", tmp_user) == 1) { ?// %31[^:] 匹配到":"前的字符串(賬號)
if (strcmp(tmp_user, username) == 0) {
fclose(fp);
return
1; ?// 賬號已存在}}}fclose(fp);return 0; ?// 賬號不存在
}// 注冊:寫入文件(對外接口)
int register_save(const char *username, const char *password) {// 檢查輸入合法性if (strlen(username) == 0 || strlen(password) == 0) {return -1; ?// 賬號或密碼為空}if (user_exist(username)) {return -2; ?// 賬號已存在}// 追加寫入文件("a"模式:不存在則創建,存在則追加)FILE *fp = fopen(USER_FILE, "a");if (!fp) return -3; ?// 文件打開失敗// 按"賬號:密碼"格式寫入(方便后續解析)fprintf(fp, "%s:%s\n", username, password);fclose(fp);return 0; ?// 注冊成功
}// 登錄:查找匹配(對外接口)
int login_check(const char *username, const char *password) {FILE *fp = fopen(USER_FILE, "r");if (!fp) return -1; ?// 文件不存在(無注冊用戶)char line[128], tmp_user[32], tmp_pwd[32];while (fgets(line, sizeof(line), fp)) {// 解析一行中的賬號和密碼(格式:賬號:密碼)if (sscanf(line, "%31[^:]:%31s", tmp_user, tmp_pwd) == 2) {// 比對賬號和密碼if (strcmp(tmp_user, username) == 0 && strcmp(tmp_pwd, password) == 0) {fclose(fp);return 0; ?// 匹配成功}}}fclose(fp);return -2; ?// 未找到匹配(賬號或密碼錯誤)
}
三、工程文件結構
project/ ? ? ? ? ? ? ? ? ?# 工程根目錄
├── main.c ? ? ? ? ? ? ? ?# 主程序入口
├── ui.h ? ? ? ? ? ? ? ? ?# 界面函數聲明
├── ui.c ? ? ? ? ? ? ? ? ?# 登錄/注冊界面+彈窗實現
├── user_file.h ? ? ? ? ? # 文件操作函數聲明
├── user_file.c ? ? ? ? ? # 注冊寫入/登錄查找的文件IO邏輯
└── Makefile ? ? ? ? ? ? ?# 編譯配置(之前提供的適配arm-linux-gcc版本)
四、關鍵說明
1. 自動生成的文件:
程序運行時會在當前目錄自動創建 users.txt(存儲注冊信息,格式為賬號:密碼),無需手動創建。
抱歉,之前的內容確實沒寫完,補充完整關鍵說明部分:
四、關鍵說明(補充完整)
2. 代碼關聯:
? ui.c 調用 user_file.c 中的 register_save 和 login_check 實現數據存儲與驗證,兩者通過 user_file.h 聲明接口關聯。
? 所有界面跳轉和彈窗提示都在 ui.c 中通過LVGL組件實現,其中 lv_msgbox 是核心彈窗組件,通過 lv_msgbox_create 靜態創建,無需提前初始化,直接調用即可顯示提示信息(如登錄結果、注冊狀態)。
3. 輸入框數據處理:
? 登錄和注冊界面的輸入框使用 lv_textarea 組件,輸入內容通過 lv_textarea_get_text 獲取,存儲在靜態字符數組(如 login_user、reg_pwd)中,確保數據在界面切換時不丟失。
4. 界面切換邏輯:
? 每次切換界面(如從登錄頁到注冊頁)前,用 lv_obj_clean(lv_scr_act()) 清空當前屏幕,避免組件疊加。
? 按鈕回調函數(如 to_reg_cb、to_login_cb)直接調用新界面的創建函數(create_reg_ui、create_login_ui)實現跳轉。
5. 定時器使用:
? 彈窗顯示后,通過 lv_timer_create 設定延遲(1.5秒),到期后執行跳轉邏輯(如登錄成功后進入主頁面、注冊成功后返回登錄頁),提升用戶體驗。
五、可能遇到的問題及解決
? LVGL庫鏈接錯誤:確保 Makefile 中 LVGL_DIR 路徑正確,且LVGL已針對GEC6818交叉編譯(生成 liblvgl.a)。
? 界面錯位:根據開發板實際分辨率(如480x272)調整 lv_obj_align 中的坐標參數(如 50, 100 等)。
? 文件讀寫失敗:檢查開發板文件系統權限,確保程序運行目錄可讀寫(一般 /tmp 或用戶目錄權限足夠)。
按以上內容,工程可完整實現“注冊-登錄-數據存儲-彈窗提示”的全流程,直接編譯運行即可。
以下是兩種編譯方法的詳細說明,包含適配的Makefile和直接使用arm-linux-gcc命令的完整指令,可直接用于生成目標文件:
一、使用 Makefile 編譯(推薦)
創建 Makefile 后,只需執行 make 即可自動編譯,適合多次修改和構建。1. Makefile 內容(適配 arm-linux-gcc)
# 交叉編譯工具鏈
CC = arm-linux-gcc# LVGL庫路徑(替換為你的LVGL實際路徑,如/opt/lvgl)
LVGL_DIR = /path/to/your/lvgl# 源文件列表(工程所有.c文件)
SRCS = main.c ui.c user_file.c# 目標文件(自動生成)
OBJS = $(SRCS:.c=.o)# 生成的可執行文件名
TARGET = login_demo# 編譯選項(包含頭文件路徑和架構參數)
CFLAGS = -I. \-I$(LVGL_DIR) \-I$(LVGL_DIR)/src \-I$(LVGL_DIR)/src/core \-I$(LVGL_DIR)/src/hal \-I$(LVGL_DIR)/src/widgets \-O2 -Wall -Wextra \-mlittle-endian \-marm \-mcpu=arm926ej-s ?# 若GEC6818為A53架構,改為-mcpu=cortex-a53# 鏈接選項(鏈接LVGL庫和系統庫)
LDFLAGS = -L$(LVGL_DIR)/build/lib \ ?# LVGL庫的編譯輸出目錄-llvgl \ ? ? ? ? ? ? ? ? ?# 鏈接LVGL庫-lm -lpthread -ldl ? ? ? ?# 系統必要庫(數學、線程等)# 默認目標:編譯生成可執行文件
all: $(TARGET)# 鏈接目標文件生成可執行文件
$(TARGET): $(OBJS)$(CC) $(OBJS) -o $@ $(LDFLAGS)@echo "編譯完成:生成 $(TARGET)"# 編譯單個.c文件為.o目標文件
%.o: %.c$(CC) $(CFLAGS) -c $< -o $@# 清理編譯產物(.o文件和可執行文件)
clean:rm -f $(OBJS) $(TARGET)@echo "清理完成"# 偽目標(防止與同名文件沖突)
.PHONY: all clean
2. 使用方法
1. 將 Makefile 放在工程根目錄(與 main.c 等文件同級)。
2. 替換 LVGL_DIR = /path/to/your/lvgl 為實際的LVGL庫路徑(如 ~/lvgl-8.3)。
3. 終端進入工程目錄,執行:
? 編譯:make(生成 login_demo 可執行文件)。
? 重新編譯:make clean && make。
二、直接使用 arm-linux-gcc 命令編譯
無需 Makefile,直接在終端輸入完整編譯命令(適合快速測試)。
1. 完整編譯命令
arm-linux-gcc main.c ui.c user_file.c -o login_demo \
-I/path/to/your/lvgl \
-I/path/to/your/lvgl/src \
-I/path/to/your/lvgl/src/core \
-I/path/to/your/lvgl/src/hal \
-I/path/to/your/lvgl/src/widgets \
-L/path/to/your/lvgl/build/lib \
-llvgl -lm -lpthread -ldl \
-O2 -Wall -mlittle-endian -marm -mcpu=arm926ej-s
2. 命令說明
? 替換路徑:將所有 /path/to/your/lvgl 改為你的LVGL庫實際路徑。
? 參數解釋:
? -I:指定頭文件目錄(確保LVGL的 lvgl.h 等能被找到)。
? -L:指定LVGL庫的存放目錄(包含 liblvgl.a 或 liblvgl.so)。
? -llvgl:鏈接LVGL庫。
? -mcpu=arm926ej-s:適配GEC6818架構(A53架構改為 cortex-a53)。
3. 使用方法
1. 終端進入工程目錄(存放 main.c、ui.c、user_file.c)。
2. 粘貼上述命令(替換路徑后),回車執行,生成 login_demo。
三、驗證與運行
編譯成功后,將生成的 login_demo 傳輸到GEC6818開發板:
1. 賦予執行權限:chmod +x login_demo。
2. 運行程序:./login_demo。
程序會自動創建 users.txt 存儲注冊信息,界面操作通過觸摸完成,輸入錯誤時會彈出 lv_msgbox 提示框。