Código fuente del proyecto: https://github.com/zhangfls/QT_UartAnalysisTool
Anterior:
Acceso al archivo INI a la información del puerto serie
El diseño de la página no se estableció antes, y cuando se acercó y alejó la ventana, la posición de los componentes permaneció igual, lo que no era práctico. Así que necesitamos ajustar la página y el diseño de los componentes.
Varios diseños comunes de QT: 
Usemos estos diseños para ajustar la posición y disposición de los componentes.
1. Agregue horizontalLayout para dividir los componentes de la página en 3 partes:
La relación está establecida en 1: 6: 3, por supuesto, desea ajustar la relación a voluntad.
2. Para el contenido de la parte central, use gridLayout para dividirlo en 3 filas y 2 columnas.
La proporción la establecen layoutRowStretch y layoutColumStretch.
Tenga en cuenta que, de forma predeterminada, el cuadro de recepción de datos del puerto serie en la primera fila solo se puede colocar en una cuadrícula, que se puede colocar a la izquierda, y luego haga clic en el punto en el círculo rojo en la figura a continuación y tire de él hacia el derecho a ampliarlo para ocupar dos cuadrículas.
Después de acercar: 
3. Ajuste algunos diseños de los componentes de la izquierda en consecuencia.
4. Después de finalizar estos ajustes, encontrará que a medida que la ventana completa se ensancha, el elemento de comando no se ensancha en la lista de comandos, como se muestra en la figura siguiente, lo cual no es razonable.
Por lo tanto, necesitamos modificar la inicialización de la lista de comandos y agregar un fragmento de código:
ui->tableWidget->horizontalHeader()->setSectionResizeMode(1,QHeaderView::Stretch);
ui->tableWidget->setColumnWidth(0,30);
ui->tableWidget->setColumnWidth(1,200);
ui->tableWidget->setColumnWidth(2,60);El ancho de las tres columnas de la lista de comandos se establece aquí, y la columna del contenido del comando en el medio se establece para que se extienda automáticamente. De esta manera, la lista de comandos se puede completar con el diseño después de hacer zoom.
5. Los pasos anteriores solo establecen el tamaño relativo y la posición de los componentes. No hay configuración de la relación entre los componentes y la ventana. Los componentes seguirán encogiéndose en una bola después de que se amplíe la ventana.
Así que necesitamos hacer un poco más de configuración: haga clic con el botón derecho en la posición del borde de la ventana, seleccione Diseño, Diseño de cuadrícula, y el diseño del componente llenará toda la ventana. De 
esta manera, amplíe la pantalla completa y el los componentes y el diseño también se pueden ampliar
No existen requisitos específicos para configurar los componentes en un diseño fijo, por lo que puede configurarlo como desee, y es importante aprender a utilizar varios tipos de diseño que se utilizan comúnmente en QT.
Próximo: