一、界面

在某宝上面的看见别人车上面的车载中控屏，想到自己也会一些QT，刚好跟我的ARM板的驱动联系起来制作一个系统，就想着练习一下实现的界面如下：

采用纯代码编写 QSS修改样式，构思了几天花了几个小时编写代码，具体应用功能还没有实现，跟ARM驱动相关的已经实现，对这方面感兴趣的小伙伴可以私信我一起学习
持续更新内容。。。

一、界面代码

QWidget * MainWindow::MainCarPlay(){

    this->setGeometry(0, 0, 1024,600);
    auto ret = new QWidget(this);
//    ret->resize(1024,600);

    QLabel * Map = new QLabel();
    QLabel * Music = new QLabel();
    QLabel * MainAPP = new QLabel();



    Map->setFixedSize(500,500);

    Music->setMaximumWidth(400);
    Music->setMaximumHeight(300);

    MainAPP->setMaximumWidth(400);
    MainAPP->setMaximumHeight(200);

    Map->setObjectName("MainViewMap");
    Music->setObjectName("MainViewMusic");
    MainAPP->setObjectName("MainViewMainAPP");


    Map->setStyleSheet( "background-color: rgb(241,242,246,80%);");//十六进制值:#F1F2F6; rgb 代码值：rgb(241,242,246)
    Music->setStyleSheet( "background-color: rgb(241,242,246,85%);");//十六进制值:#FFFFFF; rgb 代码值：rgb(255,255,255)
    MainAPP->setStyleSheet( "background-color: rgb(241,242,246,85%);");

    QWidget *VWidget = new QWidget(this);
    auto VLayout = new QVBoxLayout();
    VLayout->addWidget(Music);
//    VLayout->addWidget(MidBtn);
    VLayout->addWidget(MainAPP);
    VWidget->setLayout(VLayout);









//Music



    auto Musicdata =new QLabel();
    auto Musicdatatime = new QDateTime(QDateTime::currentDateTime());
    QString str1 = Musicdatatime->toString("hh:mm"); //设置显示格式
    QFont FONT("FangSong ",47,60);
    Musicdata->setFont(FONT);
    Musicdata->setText(str1);
    Musicdata->setFixedSize(300,60);
    Musicdata->setStyleSheet(
                             "background-color: transparent;"
//                             "color: white;"
                             "border-style: none;"
//                             "font: normal normal 18px;"
                );

    auto Musicyear =new QLabel();
    auto Musicyearweek = new QDateTime(QDateTime::currentDateTime());
    QString str = Musicyearweek->toString("yyyy-MM-dd"); //设置显示格式
    QFont FONT1("Microsoft YaHei",16,40);//设置为微软雅黑，字体12号，加粗
    Musicyear->setFont(FONT1);
    Musicyear->setText(str);
    Musicyear->setObjectName("yeartime");
    Musicyear->setFixedSize(300,20);
    Musicyear->setStyleSheet(
                             "background-color: transparent;"
                             "border-style: none;"
                );



    auto MusicWek =new QLabel();
    auto Musicweek = new QDateTime(QDateTime::currentDateTime());
    QString str12 = Musicweek->toString("ddd"); //设置显示格式
    QFont FONT12("Microsoft YaHei",16,40);//设置为微软雅黑，字体12号，加粗
    MusicWek->setFont(FONT12);
    MusicWek->setText(str12);
    MusicWek->setObjectName("yeartime");
    MusicWek->setAlignment(Qt::AlignHCenter);
    MusicWek->setFixedSize(100,30);
    MusicWek->setStyleSheet(
                             "background-color: transparent;"
                             "border-style: none;"
                );


    auto YWLayout = new QVBoxLayout();
    YWLayout->addWidget(Musicyear);
    YWLayout->addWidget(MusicWek);

    auto pV1Layout = new QHBoxLayout();
    pV1Layout->addWidget(Musicdata);
    pV1Layout->addLayout(YWLayout);

    //labya

    auto Musiclanya = new QLabel();
    Musiclanya->setAlignment(Qt::AlignRight);
    Musiclanya->setStyleSheet("image: url(:/misc/topwidget/image/bluetoothx.png);"
                        "background-color: transparent;"

                       );
    Musiclanya->setFixedSize(100,70);

    auto Musictext = new QLabel();
    Musictext->setText("时光匆匆却没遗失过去");
//    Musictext->setAlignment(Qt::AlignHCenter);
    Musictext->setStyleSheet("font: normal normal 21px;"
                              "background-color: transparent;"
                          );
    Musictext->setFixedSize(290,50);

    auto Musicbluthayout = new QHBoxLayout();
    Musicbluthayout->addWidget(Musiclanya);
    Musicbluthayout->addSpacing(20);
    Musicbluthayout->addWidget(Musictext);






    QPushButton *MidBtn = new QPushButton(this);
    MidBtn->setStyleSheet("image: url(:/misc/CarPlay/image/as.png);"
                       "border-radius:5px;"
                       "background-color: transparent;"
                       );
    MidBtn->setFixedSize(50,50);

    QPushButton *RightBtn = new QPushButton(this);
    RightBtn->setStyleSheet("image: url(:/misc/CarPlay/image/sahng.png);"
                       "border-radius:5px;"
                       "background-color: transparent;"

                       );
    RightBtn->setFixedSize(50,50);

    QPushButton *LeftBtn = new QPushButton(this);
    LeftBtn->setStyleSheet("image: url(:/misc/CarPlay/image/xaio.png);"
                       "border-radius:5px;"
                       "background-color: transparent;"
                       );
    LeftBtn->setFixedSize(50,50);

    auto VH1ayout = new QHBoxLayout();
    VH1ayout->addWidget(RightBtn);
    VH1ayout->addWidget(MidBtn);
    VH1ayout->addWidget(LeftBtn);



    auto MusicvLayout = new QVBoxLayout();
    MusicvLayout->addLayout(pV1Layout);
    MusicvLayout->addLayout(Musicbluthayout);
    MusicvLayout->addLayout(VH1ayout);
    Music->setLayout(MusicvLayout);  //Musicc父控件









//MainAPP

    auto ACarPlay = new QLabel();
    ACarPlay->setText("CarPlayer");
    ACarPlay->setAlignment(Qt::AlignHCenter);
    ACarPlay->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    ACarPlay->setFixedSize(175,50);

    auto ACarPlayview = new QPushButton();
    ACarPlayview->setStyleSheet("image: url(:/misc/CarPlay/image/qwe.png);"
                       "border-radius:35px;"
                       "background-color:green"
                       );
    ACarPlayview->raise();
    ACarPlayview->setFixedSize(175,90);

    auto ACarPlayPLayout = new QVBoxLayout();
    ACarPlayPLayout->addWidget(ACarPlayview);
    ACarPlayPLayout->setSpacing(10);
    ACarPlayPLayout->addWidget(ACarPlay);


    auto ACarLift = new QLabel();
    ACarLift->setText("Carlifter");
    ACarLift->setAlignment(Qt::AlignHCenter);
    ACarLift->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    ACarLift->setFixedSize(175,50);

    auto ACarliftview = new QPushButton();
    ACarliftview->setStyleSheet("image: url(:/misc/CarPlay/image/qw.png);"
                       "border-radius:35px;"
                       "background-color:white"
                       );
    ACarliftview->raise();
    ACarliftview->setFixedSize(175,90);

    auto ACarLiftPLayout = new QVBoxLayout();
    ACarLiftPLayout->addWidget(ACarliftview);
    ACarLiftPLayout->setSpacing(10);
    ACarLiftPLayout->addWidget(ACarLift);



    auto VH3ayout = new QHBoxLayout();
    VH3ayout->addLayout(ACarPlayPLayout);
    VH3ayout->addLayout(ACarLiftPLayout);
    VH3ayout->setContentsMargins(1,30,1,30);
    MainAPP->setLayout(VH3ayout);  //MainAPP





//APP的布局
    auto App1text = new QLabel();
    App1text->setText("天气");
    App1text->setAlignment(Qt::AlignHCenter);
    App1text->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    App1text->setFixedSize(115,50);

    auto APP1 = new QPushButton();
    APP1->setStyleSheet("border-image: url(:/misc/CarPlay/image/Weather.png);"
                        "background-color: transparent;"
                        "color: white;"
                        "border-style: none;"
                        "font: normal normal 18px;"
                       );
    APP1->setFixedSize(115,106);

    auto veapp1 = new QVBoxLayout();
    veapp1->addWidget(APP1);
    veapp1->setSpacing(60);
    veapp1->addWidget(App1text);


    auto App2text = new QLabel();
    App2text->setText("设置");
    App2text->setAlignment(Qt::AlignHCenter);
    App2text->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    App2text->setFixedSize(115,50);


    auto APP2 = new QPushButton();
    APP2->setStyleSheet("border-image: url(:/misc/CarPlay/image/set.png);"
                        "background-color: transparent;"
                        "color: white;"
                        "border-style: none;"
                        "font: normal normal 18px;"
                       );
    APP2->setFixedSize(115,106);

    auto veapp2 = new QVBoxLayout();
    veapp2->addWidget(APP2);
    veapp2->setSpacing(60);
    veapp2->addWidget(App2text);



    auto App3text = new QLabel();
    App3text->setText("音乐");
    App3text->setAlignment(Qt::AlignHCenter);
    App3text->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    App3text->setFixedSize(115,50);


    auto APP3 = new QPushButton();
    APP3->setStyleSheet("border-image: url(:/misc/CarPlay/image/music.png);"
                        "background-color: transparent;"
                        "color: white;"
                        "border-style: none;"
                        "font: normal normal 18px;"
                       );
    APP3->setFixedSize(115,106);


    auto veapp3 = new QVBoxLayout();
    veapp3->addWidget(APP3);
    veapp3->setSpacing(60);
    veapp3->addWidget(App3text);


    auto App4text = new QLabel();
    App4text->setText("视频");
    App4text->setAlignment(Qt::AlignHCenter);
    App4text->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    App4text->setFixedSize(115,50);

    auto APP4 = new QPushButton();
    APP4->setStyleSheet("border-image: url(:/misc/CarPlay/image/Mplayer.png);"
                        "background-color: transparent;"
                        "color: white;"
                        "border-style: none;"
                        "font: normal normal 18px;"
                       );
    APP4->setFixedSize(115,106);

    auto veapp4 = new QVBoxLayout();
    veapp4->addWidget(APP4);
    veapp4->setSpacing(60);
    veapp4->addWidget(App4text);


    auto App5text = new QLabel();
    App5text->setText("地图");
    App5text->setAlignment(Qt::AlignHCenter);
    App5text->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 30px;"
                        );
    App5text->setFixedSize(115,50);

    auto APP5 = new QPushButton();
    APP5->setStyleSheet("border-image: url(:/misc/CarPlay/image/MAP.png);"
                        "background-color: transparent;"
                        "color: white;"
                        "border-style: none;"
                        "font: normal normal 18px;"
                       );
    APP5->setFixedSize(115,106);

    auto veapp5 = new QVBoxLayout();
    veapp5->addWidget(APP5);
    veapp5->setSpacing(60);
    veapp5->addWidget(App5text);


    auto App6text = new QLabel();
    App6text->setText("收音机");
    App6text->setAlignment(Qt::AlignHCenter);
    App6text->setStyleSheet( "text-align:center;"
                        "background-color: transparent;"
                        "font: normal 28px;"
                        );
    App6text->setFixedSize(115,50);

    auto APP6 = new QPushButton();
    APP6->setStyleSheet("border-image: url(:/misc/CarPlay/image/carr.png);"
                        "background-color: transparent;"
                        "color: white;"
                        "border-style: none;"
                        "font: normal normal 18px;"
                       );
    APP6->setFixedSize(115,106);

    auto veapp6 = new QVBoxLayout();
    veapp6->addWidget(APP6);
    veapp6->setSpacing(60);
    veapp6->addWidget(App6text);


    auto APP7 = new QLabel();
    APP7->setStyleSheet( "background-color: rgb(241,242,246,80%);"
                         "border-radius:20;"

                         );
    APP7->setFixedSize(479,47);


    QPushButton *MAPappRightBtn = new QPushButton(this);
    MAPappRightBtn->setStyleSheet("image: url(:/misc/CarPlay/image/picture.png);"
                       "border-radius:5px;"
                       "background-color: transparent;"
                       );
    MAPappRightBtn->setFixedSize(30,30);

   QPushButton *MAPappMidBtn = new QPushButton(this);
   MAPappMidBtn->setStyleSheet("image: url(:/misc/CarPlay/image/als.png);"
                       "border-radius:5px;"
                       "background-color: transparent;"
                       );
   MAPappMidBtn->setFixedSize(30,30);

   QPushButton *MAPappLeftBtn = new QPushButton(this);
   MAPappLeftBtn->setStyleSheet("image: url(:/misc/CarPlay/image/eye.png);"
                      "border-radius:5px;"
                      "background-color: transparent;"
                      );
   MAPappLeftBtn->setFixedSize(30,30);


   auto MAPappLayout = new QHBoxLayout();
   MAPappLayout->addWidget(MAPappRightBtn);
   MAPappLayout->setSpacing(50);
   MAPappLayout->addWidget(MAPappMidBtn);
   MAPappLayout->addWidget(MAPappLeftBtn);
   APP7->setLayout(MAPappLayout);









    auto APP23Layout = new QVBoxLayout();
    APP23Layout->addLayout(veapp1);
    APP23Layout->addLayout(veapp3);
    APP23Layout->addLayout(veapp5);

    auto APP233Layout = new QVBoxLayout();
    APP233Layout->addLayout(veapp2);
    APP233Layout->addLayout(veapp4);
    APP233Layout->addLayout(veapp6);

    auto APP2A33Layout = new QHBoxLayout();
    APP2A33Layout->addLayout(APP23Layout);
    APP2A33Layout->setSpacing(20);
    APP2A33Layout->addLayout(APP233Layout);
    APP2A33Layout->setContentsMargins(50,0,40,0);


    auto APP1Layout = new QVBoxLayout();
    APP1Layout->addLayout(APP2A33Layout);
//    APP1Layout->setContentsMargins(50,0,0,0);
    APP1Layout->addWidget(APP7);
    Map->setLayout(APP1Layout);











    auto pVLayout = new QHBoxLayout(this);
    pVLayout->setContentsMargins(50,20,50,20);
    pVLayout->addWidget(VWidget);
    pVLayout->addWidget(Map);
    ret->setFixedWidth(m_screenWidth);
    ret->setLayout(pVLayout);

    return ret;

}