feat(flash-gui): 单列布局重构 — 日志上移至操作上方, 补齐/拼接改顶栏弹窗

This commit is contained in:
2026-09-14 19:52:04 +08:00
parent 2cbb0fec5b
commit 337e53d099
2 changed files with 85 additions and 61 deletions
+9 -7
View File
@@ -9,7 +9,7 @@
> Windows 10/11 x64,免安装、无需 Python**内置 OpenOCD 工具链**)。
> - **要改代码/重新打包**:见 §5、§6。
>
> 界面与构建方式对齐 DLPilot 项目(CustomTkinter 深色双栏仪表盘 +
> 界面与构建方式对齐 DLPilot 项目(CustomTkinter 深色卡片仪表盘 +
> PyInstaller onefile + Gitea Release 发布)。更新:2026-09-14
## 1. 功能总览
@@ -46,13 +46,15 @@ DAPLinkFlash/
## 3. GUI 使用
主窗口为双栏仪表盘:
主窗口为单列仪表盘,补齐/拼接经顶栏按钮弹出独立窗口
```
左列 右列
┌ 探针与工具链 [自动定位] ┌ 补齐 (Pad) — Y-Modem 对齐
├ 芯片与固件(型号/固件/基地址) ├ 拼接 (Merge) — BL+APP+标志
└ 操作: 检测/烧录/擦除/读取/复位/停止 ┘ └ 运行日志 — OpenOCD 输出
顶栏 DAPLink Flash [补齐 (Pad)] [拼接 (Merge)] 关于 Dark/Light/System
┌ 探针与工具链 [自动定位]
├ 芯片与固件(型号/固件/基地址)
运行日志 — OpenOCD 输出
└ 操作: 检测/烧录/擦除/读取/复位/停止 ┘
弹窗 补齐 (Pad) / 拼接 (Merge) — 非模态, 配置与主窗口共享
```
1. **选工具链**:默认自动定位(内置 → 本机 `D:/toolchain` → PATH),左卡右上
@@ -62,7 +64,7 @@ DAPLinkFlash/
3. **选固件**:点"浏览"选 BIN/HEX/ELFBIN 确认基地址(完整镜像 `0x08000000`
单独 APP `0x08002000`);
4. **点"检测设备"**确认链路通 → **点"烧录固件"**;输出实时显示在右下日志区;
5. **固件工具**右列):
5. **固件工具**顶栏按钮弹出的独立窗口,非模态):
- 补齐:选输入 BIN 后输出名自动带出(`*_pad.bin`),对齐默认 1K,点"执行补齐"
- 拼接:选 Bootloader 与 APP 后输出名自动带出(`*_BL.bin`),地址按典型布局
预填,点"执行拼接"。
+76 -54
View File
@@ -33,7 +33,7 @@ BOLD = ('Microsoft YaHei UI', 13, 'bold')
TITLE_FONT = ('Microsoft YaHei UI', 18, 'bold')
APP_NAME = 'DAPLink Flash'
APP_VERSION = '2.0.1'
APP_VERSION = '2.1.0'
REPO_URL = 'https://gitea.hulk.wang/hulk/gd32e230f8_firmware_merge_tool'
OK_BLUE = '#3B8ED0'
@@ -73,8 +73,8 @@ class App(ctk.CTk):
'hulk.DAPLinkFlash')
except Exception:
pass
self.geometry('1360x880')
self.minsize(1200, 780)
self.geometry('960x950')
self.minsize(860, 800)
ic = get_icon_path()
if ic:
try:
@@ -99,6 +99,8 @@ class App(ctk.CTk):
self.proc = None
self._poll_job = None
self._op_buttons = []
self.v_pad_result = tk.StringVar(value='')
self.v_merge_result = tk.StringVar(value='')
self._build()
self._log(f'{APP_NAME} v{APP_VERSION} — OpenOCD 烧录 · 固件补齐 · 镜像拼接')
@@ -138,8 +140,13 @@ class App(ctk.CTk):
top = ctk.CTkFrame(self, fg_color='transparent')
top.pack(fill='x', padx=12, pady=(10, 2))
ctk.CTkLabel(top, text=APP_NAME, font=TITLE_FONT).pack(side='left')
ctk.CTkLabel(top, text='GD32 固件烧录 · 补齐 · 镜像拼接',
ctk.CTkLabel(top, text='GD32 固件烧录',
text_color='gray60').pack(side='left', padx=10, pady=(6, 0))
ctk.CTkButton(top, text='补齐 (Pad)', width=88, height=26,
command=self._open_pad_dialog).pack(side='left', padx=(16, 6),
pady=(4, 0))
ctk.CTkButton(top, text='拼接 (Merge)', width=100, height=26,
command=self._open_merge_dialog).pack(side='left', pady=(4, 0))
seg = ctk.CTkSegmentedButton(top, values=['Dark', 'Light', 'System'],
command=self._set_appearance)
seg.set('System')
@@ -152,15 +159,9 @@ class App(ctk.CTk):
body = ctk.CTkFrame(self, fg_color='transparent')
body.pack(fill='both', expand=True, padx=12, pady=(4, 12))
body.grid_columnconfigure(0, weight=1, uniform='col')
body.grid_columnconfigure(1, weight=1, uniform='col')
body.grid_rowconfigure(0, weight=1)
left = ctk.CTkFrame(body, fg_color='transparent')
left.grid(row=0, column=0, sticky='nsew')
right = ctk.CTkFrame(body, fg_color='transparent')
right.grid(row=0, column=1, sticky='nsew', padx=(10, 0))
self._build_left(left)
self._build_right(right)
body.grid_rowconfigure(2, weight=1) # 运行日志吃掉剩余高度
body.grid_columnconfigure(0, weight=1)
self._build_main(body)
status = ctk.CTkFrame(self, fg_color='transparent')
status.pack(fill='x', padx=14, pady=(0, 8))
@@ -169,9 +170,9 @@ class App(ctk.CTk):
ctk.CTkLabel(status, text=f'v{APP_VERSION}',
text_color='gray60').pack(side='right')
# -- 列: 探针与工具链 / 芯片与固件 / 操作 --
def _build_left(self, col):
col.grid_rowconfigure(2, weight=1) # 操作卡片吸底
# -- 列: 探针与工具链 / 芯片与固件 / 运行日志 / 操作 --
def _build_main(self, col):
col.grid_rowconfigure(2, weight=1) # 日志卡片吃掉剩余高度
col.grid_columnconfigure(0, weight=1)
self.v_toolchain = tk.StringVar(
@@ -218,8 +219,15 @@ class App(ctk.CTk):
checkbox_width=18, checkbox_height=18).pack(
side='left', padx=(0, 14))
card, c = self._card(col, '运行日志 — OpenOCD 输出与固件工具结果',
button='清空', command=self._clear_log)
card.grid(row=2, column=0, sticky='nsew', pady=(10, 0))
self.txt_log = ctk.CTkTextbox(c, font=MONO)
self.txt_log.pack(fill='both', expand=True)
self.txt_log.configure(state='disabled')
card, c = self._card(col, '操作')
card.grid(row=2, column=0, sticky='sew', pady=(10, 0))
card.grid(row=3, column=0, sticky='ew', pady=(10, 0))
grid = ctk.CTkFrame(c, fg_color='transparent')
grid.pack(fill='x')
grid.grid_columnconfigure((0, 1, 2), weight=1, uniform='op')
@@ -235,18 +243,30 @@ class App(ctk.CTk):
command=self._on_stop, state='disabled')
self.btn_stop.grid(row=1, column=2, sticky='ew', padx=3, pady=3)
# -- 右列: 补齐 / 拼接 / 日志 --
def _build_right(self, col):
col.grid_rowconfigure(2, weight=1) # 日志卡片吃掉剩余高度
col.grid_columnconfigure(0, weight=1)
# ============================================================
# 固件工具弹窗: 补齐 / 拼接
# ============================================================
def _center_dialog(self, dlg, w, h):
"""弹窗叠在主窗口中上部"""
dlg.update_idletasks()
x = self.winfo_rootx() + max(0, (self.winfo_width() - w) // 2)
y = self.winfo_rooty() + max(0, (self.winfo_height() - h) // 4)
dlg.geometry(f'{w}x{h}+{x}+{y}')
card, c = self._card(col, '补齐 (Pad) — 尾部补 0xFF 到页边界, '
'适配 Bootloader Y-Modem 整包接收')
card.grid(row=0, column=0, sticky='ew')
self._field(c, '输入 BIN', self.v['pad_in'], self._browse_pad_in)
self._field(c, '输出 BIN', self.v['pad_out'], self._browse_pad_out)
row = ctk.CTkFrame(c, fg_color='transparent')
row.pack(fill='x', pady=(6, 0))
def _open_pad_dialog(self):
dlg = ctk.CTkToplevel(self)
dlg.title('固件工具 — 补齐 (Pad)')
dlg.resizable(False, False)
dlg.transient(self)
box = ctk.CTkFrame(dlg, fg_color='transparent')
box.pack(fill='both', expand=True, padx=18, pady=(14, 12))
ctk.CTkLabel(box, text='补齐 (Pad)', font=BOLD, anchor='w').pack(fill='x')
ctk.CTkLabel(box, text='尾部补 0xFF 到页边界, 适配 Bootloader Y-Modem 整包接收',
text_color='gray60', anchor='w').pack(fill='x', pady=(0, 6))
self._field(box, '输入 BIN', self.v['pad_in'], self._browse_pad_in)
self._field(box, '输出 BIN', self.v['pad_out'], self._browse_pad_out)
row = ctk.CTkFrame(box, fg_color='transparent')
row.pack(fill='x', pady=(8, 0))
ctk.CTkLabel(row, text='对齐:', width=40, anchor='e').pack(side='left')
ctk.CTkComboBox(row, width=86, state='readonly',
values=['1024', '2048', '4096'],
@@ -256,17 +276,27 @@ class App(ctk.CTk):
).pack(side='left', padx=(4, 12))
ctk.CTkButton(row, text='执行补齐', width=96,
command=self._on_pad).pack(side='left')
self.v_pad_result = tk.StringVar(value='')
ctk.CTkLabel(c, textvariable=self.v_pad_result, text_color=OK_BLUE,
justify='left', anchor='w').pack(fill='x', pady=(4, 0))
ctk.CTkLabel(box, textvariable=self.v_pad_result, text_color=OK_BLUE,
justify='left', anchor='w').pack(fill='x', pady=(8, 0))
ctk.CTkLabel(box, text='Bootloader 的 Y-Modem 按 1K 整包接收, OTA 升级包发送前先补齐',
text_color='gray50', anchor='w').pack(fill='x', pady=(2, 0))
self._center_dialog(dlg, 680, 300)
card, c = self._card(col, '拼接 (Merge) — Bootloader + APP + 有效标志 → 整片镜像')
card.grid(row=1, column=0, sticky='ew', pady=(10, 0))
self._field(c, 'Bootloader', self.v['bootloader'], self._browse_bl)
self._field(c, 'Application', self.v['app'], self._browse_app)
self._field(c, '输出文件', self.v['merge_out'], self._browse_merge_out)
row = ctk.CTkFrame(c, fg_color='transparent')
row.pack(fill='x', pady=(6, 0))
def _open_merge_dialog(self):
dlg = ctk.CTkToplevel(self)
dlg.title('固件工具 — 拼接 (Merge)')
dlg.resizable(False, False)
dlg.transient(self)
box = ctk.CTkFrame(dlg, fg_color='transparent')
box.pack(fill='both', expand=True, padx=18, pady=(14, 12))
ctk.CTkLabel(box, text='拼接 (Merge)', font=BOLD, anchor='w').pack(fill='x')
ctk.CTkLabel(box, text='Bootloader + APP + 有效标志 → 整片 Flash 镜像',
text_color='gray60', anchor='w').pack(fill='x', pady=(0, 6))
self._field(box, 'Bootloader', self.v['bootloader'], self._browse_bl)
self._field(box, 'Application', self.v['app'], self._browse_app)
self._field(box, '输出文件', self.v['merge_out'], self._browse_merge_out)
row = ctk.CTkFrame(box, fg_color='transparent')
row.pack(fill='x', pady=(8, 0))
for label, key, w in (('APP 地址', 'app_addr', 104),
('标志地址', 'flag_addr', 104),
('Flash', 'merge_flash', 84),
@@ -274,22 +304,14 @@ class App(ctk.CTk):
ctk.CTkLabel(row, text=label + ':', anchor='e').pack(side='left')
ctk.CTkEntry(row, width=w, textvariable=self.v[key]
).pack(side='left', padx=(4, 10))
ctk.CTkButton(row, text='执行拼接', width=96,
command=self._on_merge).pack(side='left')
self.v_merge_result = tk.StringVar(value='')
ctk.CTkLabel(c, textvariable=self.v_merge_result, text_color=OK_BLUE,
justify='left', anchor='w').pack(fill='x', pady=(4, 0))
ctk.CTkLabel(c, text='典型布局: 0x08000000 Bootloader 8KB | 0x08002000 APP | '
'0x0800FFFC 有效标志 0xEEEEEEEE | Flash 64KB',
text_color='gray50', justify='left', anchor='w',
).pack(fill='x', pady=(2, 0))
card, c = self._card(col, '运行日志 — OpenOCD 输出与固件工具结果',
button='清空', command=self._clear_log)
card.grid(row=2, column=0, sticky='nsew', pady=(10, 0))
self.txt_log = ctk.CTkTextbox(c, font=MONO)
self.txt_log.pack(fill='both', expand=True)
self.txt_log.configure(state='disabled')
ctk.CTkButton(box, text='执行拼接', width=96,
command=self._on_merge).pack(anchor='w', pady=(8, 0))
ctk.CTkLabel(box, textvariable=self.v_merge_result, text_color=OK_BLUE,
justify='left', anchor='w').pack(fill='x', pady=(2, 0))
ctk.CTkLabel(box, text='典型布局: 0x08000000 Bootloader 8KB | 0x08002000 APP | '
'0x0800FFFC 有效标志 0xEEEEEEEE | Flash 64KB',
text_color='gray50', anchor='w').pack(fill='x', pady=(2, 0))
self._center_dialog(dlg, 720, 420)
# ============================================================
# 输入行辅助