QT QFormLayout フォーム レイアウト コントロール

この記事では、新しいインターフェイス、コントロールのレイアウト、コントロールの追加ラベルの追加、ラベルの挿入、コントロール行の削除表示形式総行数、列間隔行間隔、行間隔など        、QFormLayout コントロールのさまざまな操作を詳しく紹介します。列間隔その他の記事操作を待ちます。

        実際の開発では、インターフェイスに十数個のコントロールが含まれる場合があり、それらの位置を手動で調整するのは時間と労力がかかります。レイアウト マネージャーは 2 つのことを行うことができます。1 つはコントロール間の間隔、配置などを含むコントロールの位置を自動的に調整することです。ユーザーがウィンドウのサイズを変更すると、それに応じてレイアウト マネージャー内のコントロールのサイズも変更され、それによって全体のウィンドウが維持されます。インターフェースが美しい。
        QT の総合記事と詳細記事のこのシリーズには現在 25 件の記事があります。このシリーズの記事では、QT コントロールの基本操作と使用法について詳しく説明します。ご注目、いいね、コレクションをありがとうございます。

この記事の執筆者はオリジナルです。転載する場合は、記事の出典とこの記事のリンクを添付してください。

QT QFormLayout フォームレイアウト制御ディレクトリ

1 新しいインターフェース

2 コントロールのレイアウト

3 コントロールを追加する

4 タグを追加する

5 ラベル挿入

6 制御行の削除

7 表示形式

合計 8 行

9 列間隔

10行間隔

11 行と列の間隔

その他の記事12件


1 新しいインターフェース

2 コントロールのレイアウト

    QWidget* m_widget;
    QPushButton* m_button;

    m_button = new QPushButton;

    ui->label->setText("账号 : ");
    ui->label_2->setText("密码 : ");
    ui->label_3->setText("Email : ");

3 コントロールを追加する

void MainWindow::on_pushButton_3_clicked()
{
    ui->formLayout->addRow("Name:",m_button);
}

4 タグを追加する

void MainWindow::on_pushButton_2_clicked()
{
    ui->formLayout->addRow("Name \n UserName Password:",m_button);
}

5 ラベル挿入

void MainWindow::on_pushButton_6_clicked()
{
    ui->formLayout->insertRow(1,"Name:",m_button);
}

6 制御行の削除

void MainWindow::on_pushButton_4_clicked()
{
    ui->formLayout->removeRow(1);
}

7 表示形式

void MainWindow::on_pushButton_clicked()
{
    //QFormLayout::DontWrapRows:标签始终在输入框的左侧;
    //QFormLayout::WrapLongRows:根据输入框的尺寸,标签可能位于输入框的左侧,也可能位于上方;
    //QFormLayout::WrapAllRows:标签始终在输入框的上方;

    //设置表单中的标签都位于控件的上方
    ui->formLayout->setRowWrapPolicy(QFormLayout::WrapAllRows);
}

合計 8 行

void MainWindow::on_pushButton_9_clicked()
{
    qDebug() << "总行数:" << ui->formLayout->count();
}

9 列間隔

void MainWindow::on_pushButton_8_clicked()
{
    ui->formLayout->setHorizontalSpacing(20);   //控件之间水平间隙
}

10行間隔

void MainWindow::on_pushButton_8_clicked()
{
    ui->formLayout->setHorizontalSpacing(20);   //控件之间水平间隙
}

11 行と列の間隔

void MainWindow::on_pushButton_5_clicked()
{
    ui->formLayout->setSpacing(20);

}

その他の記事12件

QT TextEdit Control_Gemini Breakpoint Blog-CSDN Blog_qt textedit

QT QComboBox の使用方法の詳細な説明 - Gemini Breakpoint ブログ - CSDN ブログ

QT QtableView操作の詳細説明

Qt QStandardItemModel (1. 超詳しい使い方)_ Gemini Breakpoint Blog-CSDN Blog_qstandardmodel

Qt QStandardItemModel (2. 超詳細機能)_Gemini ブレークポイント blog-CSDN blog_qstandarditemmodel クリックイベント

QT QRadioButton の詳細な使用法 - Gemini Breakpoint ブログ - CSDN ブログ - qt radiobutton

QT QLineEdit_ Gemini Breakpoint の詳細な使用法 Blog-CSDN Blog_qt qlineedit

Qt QMessageBox の使い方の詳しい説明 - Gemini Breakpoint Blog - CSDN Blog - qt message

QChart 折れ線グラフ、円グラフ、棒グラフ、曲線グラフ_ Gemini ブレークポイント ブログ-CSDN ブログ_qchart スタイル

QChart プロパティの詳細な説明_ Gemini Breakpoint Blog-CSDN Blog_setanimationoptions

QCharts の使用 QValueAxis_Gemini ブレークポイント ブログ-CSDN Blog_qvalueaxis

Qt 5 待機プロンプト ボックス (オープン ソースの動的グラフ)_ Gemini ブレークポイント ブログ-CSDN ブログ_qt 待機ダイアログ ボックス

QtDataVisualization データ 3D ビジュアライゼーション_Gemini ブレークポイント ブログ-CSDN ブログ_qtdatavisualizatio

QT QSpinBox 整数カウンター コントロールの使用方法の詳細な説明 - Gemini Breakpoint ブログ - CSDN ブログ


QT QDoubleSpinBox 浮動小数点カウンタ制御 (詳細な使用法)_Gemini Breakpoint Blog-CSDN Blog_qdoublespinbox Signal Slot


QT QSlider、Qhorizo​​ntalSlider、QVerticalSlider コントロールの使い方の詳細説明_ Gemini Breakpoint Blog-CSDN Blog_qslider 設定ステップ サイズ

QT QTabWidget コントロールの使用方法の詳細な説明 - Gemini Breakpoint ブログ - CSDN ブログ

QT QCalendarWidget コントロールの使用方法の詳細な説明 - Gemini Breakpoint ブログ - CSDN ブログ

QT QStackedWidget コントロールの詳細な使用法 - Gemini Breakpoint ブログ - CSDN ブログ

QT QVBoxLayout 垂直レイアウト コントロール - Gemini Breakpoint ブログ - CSDN ブログ

QT QHBoxLayout 水平レイアウト コントロール - Gemini Breakpoint ブログ - CSDN ブログ


QT QGridLayout グリッド レイアウト コントロール - Gemini Breakpoint ブログ - CSDN ブログ

おすすめ

転載: blog.csdn.net/qq_37529913/article/details/130460593