forked from qt-creator/qt-creator
Redesigned the project settings page
I redesigned the gradient boxes for a more subtle an professional look.
This commit is contained in:
Jens Bache-Wiig
@@ -40,232 +40,241 @@
|
||||
|
||||
namespace Utils {
|
||||
|
||||
static const int MARGIN=8;
|
||||
static const int MARGIN=8;
|
||||
|
||||
// This widget is using a grid layout and places the items
|
||||
// in the following way:
|
||||
//
|
||||
// +------------+-------------------------+---------------+
|
||||
// + toolWidget | summaryLabel | detailsButton |
|
||||
// +------------+-------------------------+---------------+
|
||||
// | | widget |
|
||||
// +------------+-------------------------+---------------+
|
||||
// This widget is using a grid layout and places the items
|
||||
// in the following way:
|
||||
//
|
||||
// +------------+-------------------------+---------------+
|
||||
// + toolWidget | summaryLabel | detailsButton |
|
||||
// +------------+-------------------------+---------------+
|
||||
// | | widget |
|
||||
// +------------+-------------------------+---------------+
|
||||
|
||||
struct DetailsWidgetPrivate {
|
||||
DetailsWidgetPrivate();
|
||||
struct DetailsWidgetPrivate {
|
||||
DetailsWidgetPrivate();
|
||||
|
||||
DetailsButton *m_detailsButton;
|
||||
QGridLayout *m_grid;
|
||||
QLabel *m_summaryLabel;
|
||||
QWidget *m_toolWidget;
|
||||
QWidget *m_widget;
|
||||
DetailsButton *m_detailsButton;
|
||||
QGridLayout *m_grid;
|
||||
QLabel *m_summaryLabel;
|
||||
QWidget *m_toolWidget;
|
||||
QWidget *m_widget;
|
||||
|
||||
QPixmap m_collapsedPixmap;
|
||||
QPixmap m_expandedPixmap;
|
||||
QPixmap m_collapsedPixmap;
|
||||
QPixmap m_expandedPixmap;
|
||||
|
||||
DetailsWidget::State m_state;
|
||||
bool m_hovered;
|
||||
};
|
||||
DetailsWidget::State m_state;
|
||||
bool m_hovered;
|
||||
};
|
||||
|
||||
DetailsWidgetPrivate::DetailsWidgetPrivate() :
|
||||
m_detailsButton(new DetailsButton),
|
||||
m_grid(new QGridLayout),
|
||||
m_summaryLabel(new QLabel),
|
||||
m_toolWidget(0),
|
||||
m_widget(0),
|
||||
m_state(DetailsWidget::Collapsed),
|
||||
m_hovered(false)
|
||||
{
|
||||
}
|
||||
|
||||
DetailsWidget::DetailsWidget(QWidget *parent) :
|
||||
QWidget(parent),
|
||||
d(new DetailsWidgetPrivate)
|
||||
{
|
||||
d->m_summaryLabel->setTextInteractionFlags(Qt::TextSelectableByMouse);
|
||||
d->m_summaryLabel->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
|
||||
d->m_summaryLabel->setContentsMargins(MARGIN, MARGIN, MARGIN, MARGIN);
|
||||
|
||||
d->m_grid->setContentsMargins(0, 0, 0, 0);
|
||||
d->m_grid->setSpacing(0);
|
||||
d->m_grid->addWidget(d->m_summaryLabel, 0, 1);
|
||||
d->m_grid->addWidget(d->m_detailsButton, 0, 2);
|
||||
setLayout(d->m_grid);
|
||||
|
||||
connect(d->m_detailsButton, SIGNAL(toggled(bool)),
|
||||
this, SLOT(setExpanded(bool)));
|
||||
updateControls();
|
||||
}
|
||||
|
||||
DetailsWidget::~DetailsWidget()
|
||||
{
|
||||
delete d;
|
||||
}
|
||||
|
||||
void DetailsWidget::paintEvent(QPaintEvent *paintEvent)
|
||||
{
|
||||
QWidget::paintEvent(paintEvent);
|
||||
|
||||
QPainter p(this);
|
||||
|
||||
QPoint topLeft(d->m_summaryLabel->geometry().left(), contentsRect().top());
|
||||
const QRect paintArea(topLeft, contentsRect().bottomRight());
|
||||
|
||||
if (d->m_state != Expanded) {
|
||||
if (d->m_collapsedPixmap.isNull() ||
|
||||
d->m_collapsedPixmap.size() != size())
|
||||
d->m_collapsedPixmap = cacheBackground(paintArea.size(), false);
|
||||
p.drawPixmap(paintArea, d->m_collapsedPixmap);
|
||||
} else {
|
||||
if (d->m_expandedPixmap.isNull() ||
|
||||
d->m_expandedPixmap.size() != size())
|
||||
d->m_expandedPixmap = cacheBackground(paintArea.size(), true);
|
||||
p.drawPixmap(paintArea, d->m_expandedPixmap);
|
||||
}
|
||||
}
|
||||
|
||||
void DetailsWidget::enterEvent(QEvent * event)
|
||||
{
|
||||
QWidget::enterEvent(event);
|
||||
changeHoverState(true);
|
||||
}
|
||||
|
||||
void DetailsWidget::leaveEvent(QEvent * event)
|
||||
{
|
||||
QWidget::leaveEvent(event);
|
||||
changeHoverState(false);
|
||||
}
|
||||
|
||||
void DetailsWidget::setSummaryText(const QString &text)
|
||||
{
|
||||
d->m_summaryLabel->setText(text);
|
||||
}
|
||||
|
||||
QString DetailsWidget::summaryText() const
|
||||
{
|
||||
return d->m_summaryLabel->text();
|
||||
}
|
||||
|
||||
DetailsWidget::State DetailsWidget::state() const
|
||||
{
|
||||
return d->m_state;
|
||||
}
|
||||
|
||||
void DetailsWidget::setState(State state)
|
||||
{
|
||||
if (state == d->m_state)
|
||||
return;
|
||||
d->m_state = state;
|
||||
updateControls();
|
||||
}
|
||||
|
||||
void DetailsWidget::setExpanded(bool expanded)
|
||||
{
|
||||
setState(expanded ? Expanded : Collapsed);
|
||||
}
|
||||
|
||||
void DetailsWidget::updateControls()
|
||||
{
|
||||
if (d->m_widget)
|
||||
d->m_widget->setVisible(d->m_state == Expanded || d->m_state == NoSummary);
|
||||
d->m_detailsButton->setChecked(d->m_state == Expanded && d->m_widget);
|
||||
d->m_summaryLabel->setEnabled(d->m_state == Collapsed && d->m_widget);
|
||||
d->m_detailsButton->setVisible(d->m_state != NoSummary);
|
||||
d->m_summaryLabel->setVisible(d->m_state != NoSummary);
|
||||
DetailsWidgetPrivate::DetailsWidgetPrivate() :
|
||||
m_detailsButton(new DetailsButton),
|
||||
m_grid(new QGridLayout),
|
||||
m_summaryLabel(new QLabel),
|
||||
m_toolWidget(0),
|
||||
m_widget(0),
|
||||
m_state(DetailsWidget::Collapsed),
|
||||
m_hovered(false)
|
||||
{
|
||||
QWidget *w = this;
|
||||
while (w) {
|
||||
if (w->layout())
|
||||
w->layout()->activate();
|
||||
if (QScrollArea *area = qobject_cast<QScrollArea*>(w)) {
|
||||
QEvent e(QEvent::LayoutRequest);
|
||||
QCoreApplication::sendEvent(area, &e);
|
||||
}
|
||||
w = w->parentWidget();
|
||||
}
|
||||
|
||||
DetailsWidget::DetailsWidget(QWidget *parent) :
|
||||
QWidget(parent),
|
||||
d(new DetailsWidgetPrivate)
|
||||
{
|
||||
d->m_summaryLabel->setTextInteractionFlags(Qt::TextSelectableByMouse);
|
||||
d->m_summaryLabel->setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Fixed);
|
||||
d->m_summaryLabel->setContentsMargins(MARGIN, MARGIN, MARGIN, MARGIN);
|
||||
|
||||
d->m_grid->setContentsMargins(0, 0, 0, 0);
|
||||
d->m_grid->setSpacing(0);
|
||||
d->m_grid->addWidget(d->m_summaryLabel, 0, 1);
|
||||
d->m_grid->addWidget(d->m_detailsButton, 0, 2);
|
||||
setLayout(d->m_grid);
|
||||
|
||||
connect(d->m_detailsButton, SIGNAL(toggled(bool)),
|
||||
this, SLOT(setExpanded(bool)));
|
||||
updateControls();
|
||||
}
|
||||
|
||||
DetailsWidget::~DetailsWidget()
|
||||
{
|
||||
delete d;
|
||||
}
|
||||
|
||||
void DetailsWidget::paintEvent(QPaintEvent *paintEvent)
|
||||
{
|
||||
QWidget::paintEvent(paintEvent);
|
||||
|
||||
QPainter p(this);
|
||||
|
||||
QPoint topLeft(d->m_summaryLabel->geometry().left(), contentsRect().top());
|
||||
const QRect paintArea(topLeft, contentsRect().bottomRight());
|
||||
|
||||
if (d->m_state != Expanded) {
|
||||
if (d->m_collapsedPixmap.isNull() ||
|
||||
d->m_collapsedPixmap.size() != size())
|
||||
d->m_collapsedPixmap = cacheBackground(paintArea.size(), false);
|
||||
p.drawPixmap(paintArea, d->m_collapsedPixmap);
|
||||
} else {
|
||||
if (d->m_expandedPixmap.isNull() ||
|
||||
d->m_expandedPixmap.size() != size())
|
||||
d->m_expandedPixmap = cacheBackground(paintArea.size(), true);
|
||||
p.drawPixmap(paintArea, d->m_expandedPixmap);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QWidget *DetailsWidget::widget() const
|
||||
{
|
||||
return d->m_widget;
|
||||
}
|
||||
|
||||
void DetailsWidget::setWidget(QWidget *widget)
|
||||
{
|
||||
if (d->m_widget == widget)
|
||||
return;
|
||||
|
||||
if (d->m_widget) {
|
||||
d->m_grid->removeWidget(d->m_widget);
|
||||
delete d->m_widget;
|
||||
void DetailsWidget::enterEvent(QEvent * event)
|
||||
{
|
||||
QWidget::enterEvent(event);
|
||||
changeHoverState(true);
|
||||
}
|
||||
|
||||
d->m_widget = widget;
|
||||
|
||||
if (d->m_widget) {
|
||||
d->m_widget->setContentsMargins(MARGIN, MARGIN, MARGIN, MARGIN);
|
||||
d->m_grid->addWidget(d->m_widget, 1, 1, 1, 2);
|
||||
}
|
||||
updateControls();
|
||||
}
|
||||
|
||||
void DetailsWidget::setToolWidget(QWidget *widget)
|
||||
{
|
||||
if (d->m_toolWidget == widget)
|
||||
return;
|
||||
|
||||
d->m_toolWidget = widget;
|
||||
|
||||
if (!d->m_toolWidget)
|
||||
return;
|
||||
|
||||
d->m_toolWidget->adjustSize();
|
||||
d->m_grid->addWidget(d->m_toolWidget, 0, 0, 1, 1, Qt::AlignCenter);
|
||||
|
||||
d->m_grid->setColumnMinimumWidth(0, d->m_toolWidget->width());
|
||||
d->m_grid->setRowMinimumHeight(0, d->m_toolWidget->height());
|
||||
|
||||
changeHoverState(d->m_hovered);
|
||||
}
|
||||
|
||||
QWidget *DetailsWidget::toolWidget() const
|
||||
{
|
||||
return d->m_toolWidget;
|
||||
}
|
||||
|
||||
QPixmap DetailsWidget::cacheBackground(const QSize &size, bool expanded)
|
||||
{
|
||||
QLinearGradient lg;
|
||||
lg.setCoordinateMode(QGradient::ObjectBoundingMode);
|
||||
lg.setFinalStop(0, 1);
|
||||
|
||||
lg.setColorAt(0, palette().color(QPalette::Midlight));
|
||||
lg.setColorAt(1, palette().color(QPalette::Button));
|
||||
|
||||
QPixmap pixmap(size);
|
||||
QPainter p(&pixmap);
|
||||
p.setBrush(lg);
|
||||
p.setPen(QPen(palette().color(QPalette::Mid)));
|
||||
|
||||
p.drawRect(0, 0, size.width() - 1, size.height() - 1);
|
||||
|
||||
if (expanded) {
|
||||
p.drawLine(0, d->m_widget->geometry().top() - 1,
|
||||
d->m_summaryLabel->width(), d->m_widget->geometry().top() - 1);
|
||||
void DetailsWidget::leaveEvent(QEvent * event)
|
||||
{
|
||||
QWidget::leaveEvent(event);
|
||||
changeHoverState(false);
|
||||
}
|
||||
|
||||
return pixmap;
|
||||
}
|
||||
void DetailsWidget::setSummaryText(const QString &text)
|
||||
{
|
||||
d->m_summaryLabel->setText(text);
|
||||
}
|
||||
|
||||
void DetailsWidget::changeHoverState(bool hovered)
|
||||
{
|
||||
if (!d->m_toolWidget)
|
||||
return;
|
||||
QString DetailsWidget::summaryText() const
|
||||
{
|
||||
return d->m_summaryLabel->text();
|
||||
}
|
||||
|
||||
d->m_toolWidget->setVisible(hovered);
|
||||
DetailsWidget::State DetailsWidget::state() const
|
||||
{
|
||||
return d->m_state;
|
||||
}
|
||||
|
||||
d->m_hovered = hovered;
|
||||
}
|
||||
void DetailsWidget::setState(State state)
|
||||
{
|
||||
if (state == d->m_state)
|
||||
return;
|
||||
d->m_state = state;
|
||||
updateControls();
|
||||
}
|
||||
|
||||
void DetailsWidget::setExpanded(bool expanded)
|
||||
{
|
||||
setState(expanded ? Expanded : Collapsed);
|
||||
}
|
||||
|
||||
void DetailsWidget::updateControls()
|
||||
{
|
||||
if (d->m_widget)
|
||||
d->m_widget->setVisible(d->m_state == Expanded || d->m_state == NoSummary);
|
||||
d->m_detailsButton->setChecked(d->m_state == Expanded && d->m_widget);
|
||||
//d->m_summaryLabel->setEnabled(d->m_state == Collapsed && d->m_widget);
|
||||
d->m_detailsButton->setVisible(d->m_state != NoSummary);
|
||||
d->m_summaryLabel->setVisible(d->m_state != NoSummary);
|
||||
{
|
||||
QWidget *w = this;
|
||||
while (w) {
|
||||
if (w->layout())
|
||||
w->layout()->activate();
|
||||
if (QScrollArea *area = qobject_cast<QScrollArea*>(w)) {
|
||||
QEvent e(QEvent::LayoutRequest);
|
||||
QCoreApplication::sendEvent(area, &e);
|
||||
}
|
||||
w = w->parentWidget();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QWidget *DetailsWidget::widget() const
|
||||
{
|
||||
return d->m_widget;
|
||||
}
|
||||
|
||||
void DetailsWidget::setWidget(QWidget *widget)
|
||||
{
|
||||
if (d->m_widget == widget)
|
||||
return;
|
||||
|
||||
if (d->m_widget) {
|
||||
d->m_grid->removeWidget(d->m_widget);
|
||||
delete d->m_widget;
|
||||
}
|
||||
|
||||
d->m_widget = widget;
|
||||
|
||||
if (d->m_widget) {
|
||||
d->m_widget->setContentsMargins(MARGIN, MARGIN, MARGIN, MARGIN);
|
||||
d->m_grid->addWidget(d->m_widget, 1, 1, 1, 2);
|
||||
}
|
||||
updateControls();
|
||||
}
|
||||
|
||||
void DetailsWidget::setToolWidget(QWidget *widget)
|
||||
{
|
||||
if (d->m_toolWidget == widget)
|
||||
return;
|
||||
|
||||
d->m_toolWidget = widget;
|
||||
|
||||
if (!d->m_toolWidget)
|
||||
return;
|
||||
|
||||
d->m_toolWidget->adjustSize();
|
||||
d->m_grid->addWidget(d->m_toolWidget, 0, 0, 1, 1, Qt::AlignCenter);
|
||||
|
||||
d->m_grid->setColumnMinimumWidth(0, d->m_toolWidget->width());
|
||||
d->m_grid->setRowMinimumHeight(0, d->m_toolWidget->height());
|
||||
|
||||
changeHoverState(d->m_hovered);
|
||||
}
|
||||
|
||||
QWidget *DetailsWidget::toolWidget() const
|
||||
{
|
||||
return d->m_toolWidget;
|
||||
}
|
||||
|
||||
QPixmap DetailsWidget::cacheBackground(const QSize &size, bool expanded)
|
||||
{
|
||||
QPixmap pixmap(size);
|
||||
pixmap.fill(Qt::transparent);
|
||||
QPainter p(&pixmap);
|
||||
|
||||
QRect topRect(0, 0, size.width(), d->m_summaryLabel->height());
|
||||
QRect fullRect(0, 0, size.width(), size.height());
|
||||
p.fillRect(fullRect, QColor(255, 255, 255, 40));
|
||||
|
||||
QColor highlight = palette().highlight().color();
|
||||
highlight.setAlpha(0.5);
|
||||
if (expanded) {
|
||||
p.fillRect(topRect, highlight);
|
||||
}
|
||||
|
||||
QLinearGradient lg(topRect.topLeft(), topRect.bottomLeft());
|
||||
lg.setColorAt(0, QColor(255, 255, 255, 130));
|
||||
lg.setColorAt(1, QColor(255, 255, 255, 0));
|
||||
p.fillRect(topRect, lg);
|
||||
p.setRenderHint(QPainter::Antialiasing, true);
|
||||
p.translate(0.5, 0.5);
|
||||
p.setPen(QColor(0, 0, 0, 40));
|
||||
p.setBrush(Qt::NoBrush);
|
||||
p.drawRoundedRect(fullRect.adjusted(0, 0, -1, -1), 2, 2);
|
||||
p.setBrush(Qt::NoBrush);
|
||||
p.setPen(QColor(255,255,255,140));
|
||||
p.drawRoundedRect(fullRect.adjusted(1, 1, -2, -2), 2, 2);
|
||||
p.setPen(QPen(palette().color(QPalette::Mid)));
|
||||
|
||||
return pixmap;
|
||||
}
|
||||
|
||||
void DetailsWidget::changeHoverState(bool hovered)
|
||||
{
|
||||
if (!d->m_toolWidget)
|
||||
return;
|
||||
|
||||
d->m_toolWidget->setVisible(hovered);
|
||||
|
||||
d->m_hovered = hovered;
|
||||
}
|
||||
|
||||
} // namespace Utils
|
||||
|
||||
Reference in New Issue
Block a user