QTはシリアルデバッグアシスタント（6）を実現します：ページレイアウト

プロジェクトのソースコード：https：//github.com/zhangfls/QT_UartAnalysisTool

 

前：

シリアルポート情報へのINIファイルアクセス

 

以前はページレイアウトが設定されておらず、ウィンドウをズームインおよびズームアウトしても、コンポーネントの位置は同じままであり、実用的ではありませんでした。したがって、ページとコンポーネントのレイアウトを調整する必要があります

QTのいくつかの一般的なレイアウト：


これらのレイアウトを使用して、コンポーネントの位置と配置を調整しましょう。

1.horizo​​ntalLayoutを追加してページのコンポーネントを3つの部分に分割します。

比率は1：6：3に設定されていますが、もちろん比率を自由に調整したいです

2.中央部分のコンテンツについては、gridLayoutを使用して3行2列に分割します

比率は、layoutRowStretchとlayoutColumStretchによって設定されます。

デフォルトでは、最初の行のシリアルポートデータ受信ボックスは1つのグリッドにのみ配置でき、左側に配置できます。次に、下の図の赤い円の点をクリックして、 2つのグリッドを占めるように拡大する権利。

ズームインした後：




3。それに応じて左側のコンポーネントのいくつかのレイアウトを調整します

 

4.これらの設定を完了すると、下の図に示すように、ウィンドウ全体が広くなるにつれて、コマンドリスト内のコマンド項目が広くならないことがわかります。これは不合理です。

したがって、コマンドリストの初期化を変更し、コードを追加する必要があります。

        ui->tableWidget->horizontalHeader()->setSectionResizeMode(1,QHeaderView::Stretch);
        ui->tableWidget->setColumnWidth(0,30);
        ui->tableWidget->setColumnWidth(1,200);
        ui->tableWidget->setColumnWidth(2,60);

コマンドリストの3列の幅はここで設定され、中央のコマンドコンテンツの列は自動的に拡張されるように設定されています。このようにして、ズームインした後、コマンドリストにレイアウトを入力できます。

 

5.前の手順では、コンポーネントの相対的なサイズと位置のみを設定します。コンポーネントとウィンドウの関係の構成はありません。ウィンドウを拡大した後も、コンポーネントは縮小してボールになります。
したがって、もう少し構成を行う必要があります。ウィンドウの境界線の位置を右クリックし、[レイアウト]、[グリッドレイアウト]を選択すると、コンポーネントレイアウトがウィンドウ全体に表示されます。


このようにして、全画面にズームインし、コンポーネントとレイアウトも拡張できます

コンポーネントを固定レイアウトに構成するための特定の要件はないため、必要に応じて構成できます。QTで一般的に使用されるいくつかのレイアウトタイプの使用方法を学ぶことが重要です。

 

次：

QTはシリアルデバッグアシスタントを実現します（7）：フォント設定パネルの作成とウィンドウ間の値の転送