From 2c2a0e2ae036552bd69a79821fa317946a3ff8b5 Mon Sep 17 00:00:00 2001 From: Norah <30373753+ZESl@users.noreply.github.com> Date: Tue, 11 Feb 2020 17:25:57 +0800 Subject: [PATCH] =?UTF-8?q?ui=200.6=20=E7=95=8C=E9=9D=A2=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Classes/Reconstruction.cpp | 30 +- Classes/Reconstruction.h | 1 + Resources/Reconstruction.qrc | 3 +- Resources/qss/flat.qss | 705 +++++++++++++++++++++++++++++++++++ UI/Reconstruction.ui | 43 +-- 5 files changed, 750 insertions(+), 32 deletions(-) create mode 100644 Resources/qss/flat.qss diff --git a/Classes/Reconstruction.cpp b/Classes/Reconstruction.cpp index 57b9713..7b35c66 100644 --- a/Classes/Reconstruction.cpp +++ b/Classes/Reconstruction.cpp @@ -3,26 +3,42 @@ Reconstruction::Reconstruction(QWidget *parent) : QMainWindow(parent) { - ui.setupUi(this); - ui.stackedWidget->setCurrentIndex(0); + ui.setupUi(this); + setStyle(); +} + +void Reconstruction::setStyle() +{ this->setContentsMargins(0, 0, 0, 0); this->setFixedSize(1110, 580); ui.centralWidget->setGeometry(0, 40, 1110, 400); ui.centralWidget->show(); - /* 如果用on_XXX_clicked()定义槽，Qt的元对象QMetaObject会自动的寻找相关的信号并链接，不能再用connect()链接了，否则就会连接两次。 - connect(ui.pushButton, SIGNAL(clicked()), this, SLOT(on_pushButton_clicked())); - */ + QPalette palette1; + palette1.setColor(QPalette::Background, qRgba(44, 46, 70, 100)); + ui.widget->setPalette(palette1); + QPalette palette2; + palette2.setColor(QPalette::Background, Qt::white); + ui.stackedWidget->setPalette(palette2); + ui.stackedWidget->setCurrentIndex(0); + + QString buttonStyle = "QPushButton{background-color:white;color: black;}" + "QPushButton:hover{background-color:#cceeff; color: black;}" + "QPushButton:pressed{background-color:rgb(85, 170, 255);border - style: inset; }"; + ui.pushButton->setStyleSheet(buttonStyle); + ui.pushButton_2->setStyleSheet(buttonStyle); + ui.pushButton_3->setStyleSheet(buttonStyle); + // qss - QFile file("Resources/qss/lightindigo.qss"); + QFile file("Resources/qss/flat.qss"); file.open(QFile::ReadOnly); QTextStream filetext(&file); QString stylesheet = filetext.readAll(); this->setStyleSheet(stylesheet); - this->setStyle(QStyleFactory::create("Fusion")); file.close(); } + #pragma region 界面菜单 void Reconstruction::on_pushButton_clicked() { diff --git a/Classes/Reconstruction.h b/Classes/Reconstruction.h index 9e8cb9f..87eeb90 100644 --- a/Classes/Reconstruction.h +++ b/Classes/Reconstruction.h @@ -23,6 +23,7 @@ private: QString picPath = "Result/result.png"; // 图案投影：拍摄照片的存储路径 bool confirmPic = false; // 图案投影：确定是否用所拍照片进行重建 QColor color = Qt::black; // 三维重建：颜色 + void setStyle(); private slots: void on_pushButton_clicked(); diff --git a/Resources/Reconstruction.qrc b/Resources/Reconstruction.qrc index b806ea0..75a04a3 100644 --- a/Resources/Reconstruction.qrc +++ b/Resources/Reconstruction.qrc @@ -2,7 +2,8 @@ qss/darkblue.qss qss/lightblue.qss - qss/aqua.qss qss/lightindigo.qss + qss/flat.css + qss/aqua.qss diff --git a/Resources/qss/flat.qss b/Resources/qss/flat.qss new file mode 100644 index 0000000..7fe7cd4 --- /dev/null +++ b/Resources/qss/flat.qss @@ -0,0 +1,705 @@ + +/*QPushButton*/ +QPushButton { + color: #000000; + background-color: #cceeff; + border: 0px solid rgba(255, 255, 255, 0); + font-size: 16px; + border-radius: 5px; +} + +QPushButton:hover { + background-color: #4fc1e9; +} + +QPushButton:pressed { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #4fc1e9, + stop: 0.8 #3bafda); +} + +/*MediumGray*/ +QPushButton[class="MediumGray"] { + background-color: #aab2bd; +} + +QPushButton:hover[class="MediumGray"] { + background-color: #ccd1d9; +} + +QPushButton:pressed[class="MediumGray"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #ccd1d9, + stop: 0.8 #aab2bd); +} + +/*DarkGray*/ +QPushButton[class="DarkGray"] { + background-color: #434a54; +} + +QPushButton:hover[class="DarkGray"] { + background-color: #656d78; +} + +QPushButton:pressed[class="DarkGray"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #656d78, + stop: 0.8 #434a54); +} + +/*BlueJeans*/ +QPushButton[class="BlueJeans"] { + background-color: #4a89dc; +} + +QPushButton:hover[class="BlueJeans"] { + background-color: #5d9cec; +} + +QPushButton:pressed[class="BlueJeans"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #5d9cec, + stop: 0.8 #4a89dc); +} + +/*Aqua*/ +QPushButton[class="Aqua"] { + background-color: #3bafda; +} + +QPushButton:hover[class="Aqua"] { + background-color: #4fc1e9; +} + +QPushButton:pressed[class="Aqua"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #4fc1e9, + stop: 0.8 #3bafda); +} + +/*Mint*/ +QPushButton[class="Mint"] { + background-color: #37bc9b; +} + +QPushButton:hover[class="Mint"] { + background-color: #48cfad; +} + +QPushButton:pressed[class="Mint"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #48cfad, + stop: 0.8 #37bc9b); +} + +/*Grass*/ +QPushButton[class="Grass"] { + background-color: #8cc152; +} + +QPushButton:hover[class="Grass"] { + background-color: #a0d468; +} + +QPushButton:pressed[class="Grass"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #a0d468, + stop: 0.8 #8cc152); +} + +/*Sunflower*/ +QPushButton[class="Sunflower"] { + background-color: #f6bb42; +} + +QPushButton:hover[class="Sunflower"] { + background-color: #ffce54; +} + +QPushButton:pressed[class="Sunflower"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #ffce54, + stop: 0.8 #f6bb42); +} + +/*Bittersweet*/ +QPushButton[class="Bittersweet"] { + background-color: #e9573f; +} + +QPushButton:hover[class="Bittersweet"] { + background-color: #fc6e51; +} + +QPushButton:pressed[class="Bittersweet"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #fc6e51, + stop: 0.8 #e9573f); +} + +/*Grapefruit*/ +QPushButton[class="Grapefruit"] { + background-color: #da4453; +} + +QPushButton:hover[class="Grapefruit"] { + background-color: #ed5565; +} + +QPushButton:pressed[class="Grapefruit"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #ed5565, + stop: 0.8 #da4453); +} + +/*Lavender*/ +QPushButton[class="Lavender"] { + background-color: #967adc; +} + +QPushButton:hover[class="Lavender"] { + background-color: #ac92ec; +} + +QPushButton:pressed[class="Lavender"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #ac92ec, + stop: 0.8 #967adc); +} + +/*PinkRose*/ +QPushButton[class="PinkRose"] { + background-color: #d770ad; +} + +QPushButton:hover[class="PinkRose"] { + background-color: #ec87c0; +} + +QPushButton:pressed[class="PinkRose"] { + background: qradialgradient(cx:0.5, + cy: 0.5, + fx: 0.5, + fy: 0.5, + radius: 1.5, + stop: 0.2 #ec87c0, + stop: 0.8 #d770ad); +} + +/*QLineEdit*/ +QLineEdit { + border: 1px solid #aab2bd; + border-radius: 4px; + font-size: 12px; + padding: 5px 8px; + selection-background-color: lightgray; +} + +QLineEdit:focus { + border: 1px solid #3bafda; +} + +/*QComboBox*/ +QComboBox { + border: 1px solid #aab2bd; + border-radius: 4px; + font-size: 12px; + padding: 5px 8px; +} + +QComboBox::drop-down { + background-color: transparent; +} + +QComboBox::down-arrow { + image: url("%PATH%/img/more.png"); + padding-right: 10px; + padding-top: 2px; + +} + +QComboBox::!editable:on { + border: 1px solid #3bafda; +} + +QComboBox QAbstractItemView{ + border: 2px solid #e6e9ed; + outline: none; +} + +QComboBox QAbstractItemView::item{ + height: 35px; + border-bottom: 1px solid #e6e9ed; +} + +QComboBox QAbstractItemView::item:hover{ + background-color: #3bafda; + color: #FFFFFF; +} + +QComboBox QAbstractItemView::item:selected{ + background-color: #3bafda; + color: #FFFFFF; +} + +/*QListWidget,QListView*/ +QListWidget,QListView { + border: 1px solid #ccd1d9; + outline: none; + padding: 0; +} + +QListWidget::item,QListView::item { + height: 35px; + padding-left: 5px; + border-bottom: 1px solid #e6e9ed; +} + +QListWidget::item:hover,QListView::item:hover{ + background-color: #3bafda; + color: #FFFFFF; +} + +QListWidget::item:selected,QListView::item:selected{ + background-color: #3bafda; + color: #FFFFFF; +} + +/*QTableWidget,QTableView*/ +QHeaderView{ + height: 40px; + border: 0 solid rgba(255, 255, 255, 0); + background-color: #fff; + border-bottom: 2px solid #e6e9ed; +} + +QHeaderView::section{ + height: 40px; + border: 0 solid rgba(255, 255, 255, 0); + background-color: #fff; + outline: none; +} + +QTableWidget,QTableView{ + border: 1px solid #ccd1d9; + alternate-background-color: #f1f2f6; + background-color: #fff; + selection-background-color : #3bafda; +} + +/*QProgressBar*/ +QProgressBar { + border-radius: 5px; + text-align: center; + background-color: #e6e9ed; +} + +QProgressBar::chunk{ + border-radius: 3px; +} + +QProgressBar::chunk[class="Aqua"] { + background-color: #3bafda; +} + +QProgressBar::chunk[class="Grass"] { + background-color: #8cc152; +} + +QProgressBar::chunk[class="Sunflower"] { + background-color: #f6bb42; +} + +QProgressBar::chunk[class="Grapefruit"] { + background-color: #da4453; +} + +/*QCheckBox*/ +QCheckBox::indicator:unchecked { + width: 13px; + height: 13px; + border: 1px solid #ccd1d9; + background-color: #fff; +} + +QCheckBox::indicator:unchecked:hover { + border: 1px solid #3bafda; +} + +QCheckBox::indicator:checked { + background-color: #fff; + image: url('%PATH%/img/checkbox_checked.png'); +} + +/*QRadioButton*/ +QRadioButton::indicator:unchecked { + image: url('%PATH%/img/Raidobox_unchecked.png'); + /*background-color: #fff;*/ +} + +QRadioButton::indicator:unchecked:hover { + image: url('%PATH%/img/Raidobox_unchecked_hover.png'); +} + +QRadioButton::indicator:checked { + image: url('%PATH%/img/Raidobox_checked.png'); +} + +/*QTabWidget*/ +QTabWidget{ + border:1px solid #ccd1d9; +} + +QTabWidget::pane { /* The tab widget frame */ + border: none; + background-color: #fff; + border-radius: 3px; + border-top-left-radius: 0; +} + +QTabBar::tab { + padding: 8px 30px; + background-color: #fff; +} + +QTabBar::tab:first { + border-top-left-radius: 3px; +} + +QTabBar::tab:!selected { + border-left: 1px solid #ccd1d9; + background-color: #e6e9ed; +} + +/*QMenu*/ +QMenu{ + padding:5px; + background:white; + border:1px solid #ccd1d9; + } + +QMenu::item{ + padding:0px 40px 0px 30px; + height:25px; +} + +QMenu::item:selected:enabled{ + background-color: #3bafda; + color:white; +} + +QMenu::item:selected:!enabled{ + background:transparent; +} + +QMenu::separator{ + height:1px; + background:lightgray; + margin:5px 0px 5px 0px; +} + +/*QScrollBar*/ +QScrollBar:vertical { + max-width: 13px; + padding-top: 0; + padding-bottom: 0; + border-bottom: 1px solid #ccd1d9; +} + +QScrollBar::handle:vertical { + background-color: #cdced1; +} + +QScrollBar::handle:vertical:hover { + background: #a9b2bd; +} + +QScrollBar::add-line:vertical { + background-color: #ccd1d9; + +} + +QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical { + background-color: #e6e9ed; +} + +QScrollBar:horizontal { + max-height: 13px; + padding-top: 0; + padding-bottom: 0; + border-right: 1px solid #ccd1d9; +} + +QScrollBar::handle:horizontal { + background-color: #cdced1; +} + +QScrollBar::handle:horizontal:hover { + background: #a9b2bd; +} + +QScrollBar::add-line:horizontal { + background-color: #ccd1d9; +} + +QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal { + background-color: #e6e9ed; +} + +/*QSlider*/ +QSlider::groove:horizontal{ + border:0px; + height:8px; +} + +QSlider::sub-page:horizontal{ + background:white; +} + +QSlider::add-page:horizontal{ + background:lightgray; +} + +QSlider::handle:horizontal{ + background:white; + width:10px; + border-radius:5px; + margin:-3px 0px -3px 0px; +} + +QSlider::groove:vertical{ + border:0px; + width:8px; +} + +QSlider::sub-page:vertical{ + background:white; +} + +QSlider::add-page:vertical{ + background:lightgray; +} + +QSlider::handle:vertical{ + background:white; + height:10px; + border-radius:5px; + margin:0px -3px 0px -3px; +} + +/*QCalendarWidget*/ +QCalendarWidget{ + background-color: #fff; +} + +QCalendarWidget QToolButton { + height: 60px; + color: white; + font-size: 18px; + font-weight: 700; + icon-size: 20px, 20px; + background-color: #3bafda; +} + +QCalendarWidget QToolButton:hover{ + border: transparent; +} + +QCalendarWidget QToolButton:pressed{ + border: transparent; + background-color: #4fc1e9; +} + +QCalendarWidget QToolButton#qt_calendar_prevmonth{ + qproperty-icon: url('%PATH%/img/arrow-left.png'); +} + +QCalendarWidget QToolButton#qt_calendar_nextmonth{ + qproperty-icon: url('%PATH%/img/arrow-right.png'); +} + +QCalendarWidget QToolButton#qt_calendar_monthbutton::menu-indicator{ + background-color: #3bafda; +} + +QCalendarWidget QToolButton#qt_calendar_monthbutton::menu-indicator:pressed{ + background-color: #4fc1e9; +} + +QCalendarWidget QWidget { + alternate-background-color: #FFFFFF; +} + +QCalendarWidget QWidget#qt_calendar_navigationbar { + background-color: #3bafda; +} + +QCalendarWidget QAbstractItemView { + padding: 11px; + font-size:14px; + outline: none; + selection-color: #FFF; +} + +/*QSpinBox*/ +QSpinBox { + padding: 5px; + border: 1px solid #ccd1d9; + border-radius: 2px; +} + +QSpinBox::up-button { + subcontrol-origin: border; + subcontrol-position: top right; + width: 16px; + height: 14px; + border-image: url('%PATH%/img/spinbox_up.png'); + border-width: 1px; + border-top-right-radius: 2px; +} + +QSpinBox::up-button:pressed{ + border-image: url('%PATH%/img/spinbox_up_pressed.png'); +} + +QSpinBox::down-button { + subcontrol-origin: border; + subcontrol-position: bottom right; + width: 16px; + height: 14px; + border-image: url('%PATH%/img/spinbox_down.png'); + border-width: 1px; + border-bottom-right-radius: 2px; +} + +QSpinBox::down-button:pressed{ + border-image: url('%PATH%/img/spinbox_down_pressed.png'); +} + +/*QTreeWidget*/ +QTreeWidget,TreeView { + outline: none; + border: 1px solid #d9d9d9; + border-radius: 1px; +} + +QTreeWidget::item { + margin-top: 2px; + margin-bottom: 2px; + margin-right: 2px; + border: 1px solid #d9d9d9; + height: 30px; + border-radius: 1px; + padding-left: 2px; + font-size: 12px; + border-left: 0 solid transparent; + selection-color: #FFF; +} + +QTreeWidget::item:selected { + background-color: #3bafda; + border: 1px solid #3bafda; + border-radius: 1px; +} + +QTreeWidget::branch { + background: palette(base); +} + +QTreeWidget::branch:has-siblings:!adjoins-item { + background: transparent; +} + +QTreeWidget::branch:has-siblings:adjoins-item { + margin-top: 2px; + margin-left: 2px; + border: 1px solid #d9d9d9; + border-right: 0 solid transparent; + margin-bottom: 2px; + image: url('%PATH%/img/minus.png'); +} + +QTreeWidget::branch:!has-children:!has-siblings:adjoins-item { + margin-top: 2px; + margin-left: 2px; + border: 1px solid #d9d9d9; + border-right: 0 solid transparent; + margin-bottom: 2px; + image: url('%PATH%/img/minus.png'); +} + +QTreeWidget::branch:closed:has-children:has-siblings { + margin-top: 2px; + margin-left: 2px; + image: url('%PATH%/img/plus.png'); + +} + +QTreeWidget::branch:has-children:!has-siblings:closed { + margin-top: 2px; + margin-left: 2px; + border: 1px solid #d9d9d9; + border-right: 0 solid transparent; + margin-bottom: 2px; + image: url('%PATH%/img/plus.png'); +} + +QTreeWidget::branch:open:has-children:has-siblings { + margin-top: 2px; + margin-left: 2px; + image: url('%PATH%/img/minus.png'); +} + +QTreeWidget::branch:open:has-children:!has-siblings { + margin-top: 2px; + margin-left: 2px; + border: 1px solid #d9d9d9; + border-right: 0 solid transparent; + margin-bottom: 2px; + image: url('%PATH%/img/minus.png'); +} diff --git a/UI/Reconstruction.ui b/UI/Reconstruction.ui index 6fe2e12..d1fb4c9 100644 --- a/UI/Reconstruction.ui +++ b/UI/Reconstruction.ui @@ -57,11 +57,17 @@ 249 - -1 + 6 851 - 531 + 541 + + true + + + + 0 @@ -423,7 +429,7 @@ - 9 + 榛戜綋 @@ -991,7 +997,7 @@ - + 0 @@ -1415,14 +1421,11 @@ + + true + - background-color: rgb(44, 46, 70); - - - QFrame::StyledPanel - - - QFrame::Plain + @@ -1485,9 +1488,9 @@ - 0 + 10 250 - 241 + 221 241 @@ -1510,10 +1513,7 @@ - color: rgb(255, 255, 255); -color: rgb(0, 0, 0); -background-color: rgb(255, 255, 255); -selection-color: rgb(170, 0, 0); + 鐩告満鏍囧畾 @@ -1535,10 +1535,7 @@ selection-color: rgb(170, 0, 0); - color: rgb(0, 0, 0); -background-color: rgb(255, 255, 255); -selection-background-color: rgb(170, 0, 0); -selection-color: rgb(170, 0, 0); + 鍥炬鎶曞奖 @@ -1560,9 +1557,7 @@ selection-color: rgb(170, 0, 0); - background-color: rgb(255, 255, 255); -color: rgb(0, 0, 0); -selection-color: rgb(170, 0, 0); + 涓夌淮閲嶅缓