QT ui布局相关学习操作笔记

一，控件设置布局

1，水平布局：当有多个水平排列的控件，使用水平布局控件

2，垂直布局：当有多个垂直排列的控件，使用垂直布局控件

3，栅格布局：当有多个水平和垂直控件排列，可以使用栅格布局

 

二，layout布局

1，在UI界面layout，使用快捷键在要进行布局的地方CTR+L，这样改区域就实现layout布局

2，在软件内编辑layout布局：ui->horizontalLayout->layout()

 

三，控件相关属性设置

1，控件的大小设置

2，控件大小策略

当选择Fixed：空间大小就固定不变

当选择E下判定：控件就根据窗口大小改变

3，控件中字体方向

左对齐，右对齐，居住等可以选择，根据实际情况调整

4，QSS（样式表）

修改样式表的方法：

1，通过控件属性修改

2，通过控件右键进入样式表设置

3，通过软件添加

void mainWidget::on_DCButton_clicked()
{
    ui->page_2->hide();
    ui->page_3->hide();
    ui->page_7->hide();
    ui->page->show();

    /*还原原来颜色*/
    ui->ErDButton->setStyleSheet("background-color: rgb(39, 118, 57)");
    ui->BatButton->setStyleSheet("background-color: rgb(39, 118, 57)");

    ui->DCButton->setStyleSheet("background-color: rgb(126, 0, 189)");
    ui->MCButton->setStyleSheet("background-color: rgb(126, 120, 189)");
    ui->ManualButton->setStyleSheet("background-color: rgb(126, 120, 189)");
    ui->SelfButton->setStyleSheet("background-color: rgb(126, 120, 189)");
}