🌟 嗨，我是熱愛嵌入式的濤濤同學！
每日一言
????????別害怕改變，走出舒適圈才能遇見更好的自己。
串口調試助手項目
好的現在我們來學習串口調試助手的項目，我們依舊是項目引領學習
好的我們最后就是要做成一個類似我們市面上的串口調試助手，我這邊拿安信可的來對比一下
是不是很像，所以說我們要好好的學習一下，左邊是我們自己做的，右邊的是安信可官方的串口助手
項目的UI
首先呢我們先解決UI的問題
首先呢我們照貓畫虎，我們會發現這樣的框框上面還有字的，這個效果是怎么做出來的，那么這個呢就是用到了
Group Box 這個控件，其實這個空間的除了可以實現上方的這個效果之外，最主要的功能其實是分組，Group?Box?可以將相關的控件（如按鈕、文本框、復選框等）組織在一起，通過一個邊框和標題來區分不同的功能區域。這有助于用戶更清晰地理解界面結構， 讓界面看起來更有條理，提高界面的可讀性和易用性。
，好的那么我們接下去
我們在里面放上一個textEdit，這個就是我們串口助手的白色框部分，大家也很容易理解的吧，然后有一個操作，我們現在不是文本框
沒有像這樣那么的和我們的控件等比例鋪滿嘛，看起來不是很協和，那么此時我要介紹一個布局，柵格布局這個可以有奇效
怎么個奇效
我們點擊這個group box進行柵格布局，會發生這樣的奇效
為什么？
因為:
1.?布局行為
- 自動排列：柵格布局會將GroupBox視為一個普通的控件，并根據柵格的行列規則自動調整其位置和大小。
- 響應窗口大小變化：當窗口大小改變時，柵格布局會自動調整GroupBox的大小和位置，以保持布局的整齊和美觀。
2.?空間分配
- 均勻分配：柵格布局會根據窗口的大小和其他控件的分布，均勻地分配空間給每個控件（包括GroupBox）。
現在我們來完成這個，根本就不難，我們主要是認識一下沒有用過的控件
就是這個兩個控件，一個是單選框check box，還有一個這個是比較長的這種的文字輸入框叫做Line Edit
然后我們將它們組裝起來，也就是用水平布局啦，那個第三個是按鈕，講ui真的太多時間了，但是真的很簡單
然后我們用這個ctrl加上鼠標拖我們已經有的組合好的組件這邊代表
就可以實現復制了，
隨后我們會發現那么多很亂怎么辦，怎么對齊，那么我們就選擇全部進行垂直布局，馬上就煥然一新了
再介紹一下這個中間的這個控件
這個控件叫做Spin Box
好的那么現在我們，已經將我們這個串口助手所需要新學的UI控件學完了之后我們開始根據我這張已經做好的圖進行復現
復現完之后是這樣的
我這邊進行了框框，我是想表達他們他們各為一組，所以我每一組也用了柵格布局，非強制的只是省了很多排版美觀點事。
目的是和這個一樣的分組，而且每一組我都有用柵格布局，省了很多自己排版事情
，但是有些需要自己微調，好了，大概的UI那我們就做完了（如上圖）
然后我再提一點，我們的名字一定要取好，到時候好認，畢竟到后面我們都是要進行在代碼上面展現的，就像我這樣
