ui: offroad experimental mode button (#26498)
* draft * draft * before qpushbutton * icon, clean up button, clicked goes to toggles * fix icon * add imgs * img * make square * works with layouts! * fix gradient * this looks good * clean up * clean up * remove padding around couch * use scene's experimental_model, new onroad design * rename widget * def want 3 * update translations * add img * add 25px of padding! * make 300px (no change) * clean up old images * 5 px smaller * add white img * fix from merge * no style sheets * see how this looks on device * aliased vertical line (clean up) * clean up * imgs * couch * delete * bye bye * expand toggle support * clean up * fix dynamic icon * make exp icon dynamic * order * move to offroadpull/214/head
Shane Smiskol
3 years ago
committed by
GitHub
parent
73ec91f3bc
commit
58b84fb401
22 changed files with 238 additions and 13 deletions
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,75 @@ |
|||||||
|
#include "selfdrive/ui/qt/offroad/experimental_mode.h" |
||||||
|
|
||||||
|
#include <QDebug> |
||||||
|
#include <QHBoxLayout> |
||||||
|
#include <QPainter> |
||||||
|
#include <QStyle> |
||||||
|
|
||||||
|
#include "selfdrive/ui/ui.h" |
||||||
|
|
||||||
|
ExperimentalModeButton::ExperimentalModeButton(QWidget *parent) : QPushButton(parent) { |
||||||
|
chill_pixmap = QPixmap("../assets/img_couch.svg").scaledToWidth(img_width, Qt::SmoothTransformation); |
||||||
|
experimental_pixmap = QPixmap("../assets/img_experimental_grey.svg").scaledToWidth(img_width, Qt::SmoothTransformation); |
||||||
|
|
||||||
|
// go to toggles and expand experimental mode description
|
||||||
|
connect(this, &QPushButton::clicked, [=]() { emit openSettings(2, "ExperimentalMode"); }); |
||||||
|
|
||||||
|
setFixedHeight(125); |
||||||
|
QHBoxLayout *main_layout = new QHBoxLayout; |
||||||
|
main_layout->setContentsMargins(horizontal_padding, 0, horizontal_padding, 0); |
||||||
|
|
||||||
|
mode_label = new QLabel; |
||||||
|
mode_icon = new QLabel; |
||||||
|
mode_icon->setSizePolicy(QSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed)); |
||||||
|
|
||||||
|
main_layout->addWidget(mode_label, 1, Qt::AlignLeft); |
||||||
|
main_layout->addWidget(mode_icon, 0, Qt::AlignRight); |
||||||
|
|
||||||
|
setLayout(main_layout); |
||||||
|
|
||||||
|
setStyleSheet(R"( |
||||||
|
QPushButton { |
||||||
|
border: none; |
||||||
|
} |
||||||
|
|
||||||
|
QLabel { |
||||||
|
font-size: 45px; |
||||||
|
font-weight: 300; |
||||||
|
text-align: left; |
||||||
|
font-family: JetBrainsMono; |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
)"); |
||||||
|
} |
||||||
|
|
||||||
|
void ExperimentalModeButton::paintEvent(QPaintEvent *event) { |
||||||
|
QPainter p(this); |
||||||
|
p.setPen(Qt::NoPen); |
||||||
|
p.setRenderHint(QPainter::Antialiasing); |
||||||
|
|
||||||
|
QPainterPath path; |
||||||
|
path.addRoundedRect(rect(), 10, 10); |
||||||
|
|
||||||
|
// gradient
|
||||||
|
bool pressed = isDown(); |
||||||
|
QLinearGradient gradient(rect().left(), 0, rect().right(), 0); |
||||||
|
if (experimental_mode) { |
||||||
|
gradient.setColorAt(0, QColor(255, 155, 63, pressed ? 0xcc : 0xff)); |
||||||
|
gradient.setColorAt(1, QColor(219, 56, 34, pressed ? 0xcc : 0xff)); |
||||||
|
} else { |
||||||
|
gradient.setColorAt(0, QColor(20, 255, 171, pressed ? 0xcc : 0xff)); |
||||||
|
gradient.setColorAt(1, QColor(35, 149, 255, pressed ? 0xcc : 0xff)); |
||||||
|
} |
||||||
|
p.fillPath(path, gradient); |
||||||
|
|
||||||
|
// vertical line
|
||||||
|
p.setPen(QPen(QColor(0, 0, 0, 0x4d), 3, Qt::SolidLine)); |
||||||
|
int line_x = rect().right() - img_width - (2 * horizontal_padding); |
||||||
|
p.drawLine(line_x, rect().bottom(), line_x, rect().top()); |
||||||
|
} |
||||||
|
|
||||||
|
void ExperimentalModeButton::showEvent(QShowEvent *event) { |
||||||
|
experimental_mode = params.getBool("ExperimentalMode"); |
||||||
|
mode_icon->setPixmap(experimental_mode ? experimental_pixmap : chill_pixmap); |
||||||
|
mode_label->setText(experimental_mode ? tr("EXPERIMENTAL MODE ON") : tr("CHILL MODE ON")); |
||||||
|
} |
||||||
@ -0,0 +1,31 @@ |
|||||||
|
#pragma once |
||||||
|
|
||||||
|
#include <QLabel> |
||||||
|
#include <QPushButton> |
||||||
|
|
||||||
|
#include "common/params.h" |
||||||
|
|
||||||
|
class ExperimentalModeButton : public QPushButton { |
||||||
|
Q_OBJECT |
||||||
|
|
||||||
|
public: |
||||||
|
explicit ExperimentalModeButton(QWidget* parent = 0); |
||||||
|
|
||||||
|
signals: |
||||||
|
void openSettings(int index = 0, const QString &toggle = ""); |
||||||
|
|
||||||
|
private: |
||||||
|
void showEvent(QShowEvent *event) override; |
||||||
|
|
||||||
|
Params params; |
||||||
|
bool experimental_mode; |
||||||
|
int img_width = 100; |
||||||
|
int horizontal_padding = 30; |
||||||
|
QPixmap experimental_pixmap; |
||||||
|
QPixmap chill_pixmap; |
||||||
|
QLabel *mode_label; |
||||||
|
QLabel *mode_icon; |
||||||
|
|
||||||
|
protected: |
||||||
|
void paintEvent(QPaintEvent *event) override; |
||||||
|
}; |
||||||
Loading…
Reference in new issue