Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix: Unified hover styles for buttons in the sidebar and title bar. #2551

Merged
merged 1 commit into from
Jan 16, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
81 changes: 81 additions & 0 deletions src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
// SPDX-FileCopyrightText: 2023 UnionTech Software Technology Co., Ltd.
//
// SPDX-License-Identifier: GPL-3.0-or-later

#include "custombutton.h"

#include <DGuiApplicationHelper>

Check warning on line 7 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <DGuiApplicationHelper> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 7 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <DGuiApplicationHelper> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <DStylePainter>

Check warning on line 8 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <DStylePainter> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 8 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <DStylePainter> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <DStyle>

Check warning on line 9 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <DStyle> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 9 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <DStyle> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <DStyleOption>

Check warning on line 10 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <DStyleOption> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 10 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <DStyleOption> not found. Please note: Cppcheck does not need standard library headers to get proper results.

#include <QPaintEvent>

Check warning on line 12 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <QPaintEvent> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 12 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <QPaintEvent> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <QPainter>

Check warning on line 13 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <QPainter> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 13 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <QPainter> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <QStyleOptionToolButton>

Check warning on line 14 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <QStyleOptionToolButton> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 14 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <QStyleOptionToolButton> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <QStylePainter>

Check warning on line 15 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <QStylePainter> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 15 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <QStylePainter> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <QPainterPath>

Check warning on line 16 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <QPainterPath> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 16 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.cpp

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <QPainterPath> not found. Please note: Cppcheck does not need standard library headers to get proper results.

DWIDGET_USE_NAMESPACE

CustomDIconButton::CustomDIconButton(QWidget *parent)
: DIconButton(parent)
{
setFlat(true);
}

CustomDIconButton::CustomDIconButton(DStyle::StandardPixmap iconType, QWidget *parent)
: DIconButton(iconType, parent)
{
setFlat(true);
}

void CustomDIconButton::paintEvent(QPaintEvent *event)
{
Q_UNUSED(event)
QPainter painter(this);
painter.setRenderHint(QPainter::Antialiasing);

DStyleOptionButton opt;
initStyleOption(&opt);

if (isEnabled() && underMouse() && !isDown() && !isChecked()) {
bool isDarkTheme = DGuiApplicationHelper::instance()->themeType() == DGuiApplicationHelper::DarkType;
QColor hoverColor = isDarkTheme ? QColor(255, 255, 255, 15)
: QColor(0, 0, 0, 26);

DStyleHelper dstyle(style());
const int radius = dstyle.pixelMetric(DStyle::PM_FrameRadius);

painter.setPen(Qt::NoPen);
painter.setBrush(hoverColor);
painter.drawRoundedRect(rect(), radius, radius);
}

DStyleHelper dstyle(style());
dstyle.drawControl(DStyle::CE_IconButton, &opt, &painter, this);
}

CustomDToolButton::CustomDToolButton(QWidget *parent)
: DToolButton(parent)
{
}

void CustomDToolButton::initStyleOption(QStyleOptionToolButton *option) const
{
DToolButton::initStyleOption(option);
if (underMouse()) {
bool isDarkTheme = DGuiApplicationHelper::instance()->themeType() == DGuiApplicationHelper::DarkType;
QColor hoverColor = isDarkTheme ? QColor(255, 255, 255, 15)
: QColor(0, 0, 0, 26);
option->palette.setColor(QPalette::Button, hoverColor);
}
}

void CustomDToolButton::paintEvent(QPaintEvent *event)
{
Q_UNUSED(event)
QStylePainter p(this);
QStyleOptionToolButton opt;
initStyleOption(&opt);
p.drawComplexControl(QStyle::CC_ToolButton, opt);
}
34 changes: 34 additions & 0 deletions src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.h
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
// SPDX-FileCopyrightText: 2023 UnionTech Software Technology Co., Ltd.
//
// SPDX-License-Identifier: GPL-3.0-or-later

#ifndef CUSTOMBUTTON_H
#define CUSTOMBUTTON_H

#include <DIconButton>

Check warning on line 8 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.h

View workflow job for this annotation

GitHub Actions / cppcheck

Include file: <DIconButton> not found. Please note: Cppcheck does not need standard library headers to get proper results.

Check warning on line 8 in src/plugins/filemanager/dfmplugin-titlebar/views/custombutton.h

View workflow job for this annotation

GitHub Actions / static-check / static-check

Include file: <DIconButton> not found. Please note: Cppcheck does not need standard library headers to get proper results.
#include <DToolButton>
#include <DStyle>

class CustomDIconButton : public DTK_NAMESPACE::Widget::DIconButton
{
Q_OBJECT
public:
explicit CustomDIconButton(QWidget *parent = nullptr);
explicit CustomDIconButton(DTK_NAMESPACE::Widget::DStyle::StandardPixmap iconType, QWidget *parent = nullptr);

protected:
void paintEvent(QPaintEvent *event) override;
};

class CustomDToolButton : public DTK_NAMESPACE::Widget::DToolButton
{
Q_OBJECT
public:
explicit CustomDToolButton(QWidget *parent = nullptr);

protected:
void paintEvent(QPaintEvent *event) override;
void initStyleOption(QStyleOptionToolButton *option) const override;
};

#endif // CUSTOMBUTTON_H
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
#include "views/private/navwidget_p.h"
#include "views/navwidget.h"
#include "events/titlebareventcaller.h"
#include "views/custombutton.h"

#include <dfm-base/base/device/deviceproxymanager.h>

Expand Down Expand Up @@ -157,12 +158,12 @@ void NavWidget::onNewWindowOpended()

void NavWidget::initializeUi()
{
d->navBackButton = new DIconButton(DStyle::SP_ArrowLeave, this);
d->navBackButton = new CustomDIconButton(DStyle::SP_ArrowLeave, this);
d->navBackButton->setFlat(true);
d->navBackButton->setDisabled(true);
d->navBackButton->setToolTip(tr("back"));

d->navForwardButton = new DIconButton(DStyle::SP_ArrowEnter, this);
d->navForwardButton = new CustomDIconButton(DStyle::SP_ArrowEnter, this);
d->navForwardButton->setFlat(true);
d->navForwardButton->setDisabled(true);
d->navForwardButton->setToolTip(tr("forward"));
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
#include "utils/optionbuttonmanager.h"
#include "views/sortbybutton.h"
#include "views/viewoptionsbutton.h"
#include "views/custombutton.h"

#include <dfm-base/base/application/application.h>
#include <dfm-base/base/application/settings.h>
Expand Down Expand Up @@ -219,15 +220,15 @@ void OptionButtonBox::initializeUi()
setContentsMargins(5, 0, 5, 0);
d->buttonGroup = new QButtonGroup(this);

d->iconViewButton = new DToolButton;
d->iconViewButton = new CustomDToolButton;
d->iconViewButton->setCheckable(true);
d->iconViewButton->setChecked(true);
d->iconViewButton->setIcon(QIcon::fromTheme("dfm_viewlist_icons"));
d->iconViewButton->setFixedSize(buttonSize);
d->iconViewButton->setToolTip(tr("Icon view"));
d->iconViewButton->setIconSize(buttonIconSize);

d->listViewButton = new DToolButton;
d->listViewButton = new CustomDToolButton;
d->listViewButton->setCheckable(true);
d->listViewButton->setIcon(QIcon::fromTheme("dfm_viewlist_details"));
d->listViewButton->setFixedSize(buttonSize);
Expand All @@ -237,7 +238,7 @@ void OptionButtonBox::initializeUi()
d->buttonGroup->addButton(d->listViewButton);

if (DConfigManager::instance()->value(kViewDConfName, kTreeViewEnable, true).toBool()) {
d->treeViewButton = new DToolButton;
d->treeViewButton = new CustomDToolButton;
d->treeViewButton->setCheckable(true);
d->treeViewButton->setIcon(QIcon::fromTheme("dfm_viewlist_tree"));
d->treeViewButton->setFixedSize(buttonSize);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
#include "events/titlebareventcaller.h"
#include "views/completerview.h"
#include "views/completerviewdelegate.h"
#include "views/custombutton.h"
#include "models/completerviewmodel.h"

#include <dfm-base/utils/fileutils.h>
Expand All @@ -21,10 +22,13 @@
#include <DSearchEdit>
#include <DSpinner>
#include <DDialog>
#include <DGuiApplicationHelper>
#include <DPalette>

#include <QHBoxLayout>
#include <QResizeEvent>

DGUI_USE_NAMESPACE
DWIDGET_USE_NAMESPACE
DFMBASE_USE_NAMESPACE
DPTITLEBAR_USE_NAMESPACE
Expand Down Expand Up @@ -341,7 +345,7 @@ void SearchEditWidget::initUI()
layout->setSpacing(0);

// search button
searchButton = new DIconButton(this);
searchButton = new CustomDIconButton(this);
searchButton->setIcon(QIcon::fromTheme("dfm_search_button"));
searchButton->setFixedSize(kToolButtonSize, kToolButtonSize);
searchButton->setIconSize(QSize(kToolButtonIconSize, kToolButtonIconSize));
Expand All @@ -357,7 +361,7 @@ void SearchEditWidget::initUI()
searchEdit->lineEdit()->setFocusPolicy(Qt::ClickFocus);

// advanced search button
advancedButton = new DToolButton(this);
advancedButton = new CustomDToolButton(this);
advancedButton->setIcon(QIcon::fromTheme("dfm_view_filter"));
advancedButton->setFixedSize(kToolButtonSize, kToolButtonSize);
advancedButton->setFocusPolicy(Qt::NoFocus);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -165,6 +165,14 @@ void SortByButton::paintEvent(QPaintEvent *event)
QStyleOptionToolButton option;
QToolButton::initStyleOption(&option);
option.state |= QStyle::State_MouseOver;

bool isDarkTheme = DGuiApplicationHelper::instance()->themeType() == DGuiApplicationHelper::DarkType;

QColor hoverColor = isDarkTheme ? QColor(255, 255, 255, 15)
: QColor(0, 0, 0, 26);

option.palette.setBrush(QPalette::Button, hoverColor);

option.rect.adjust(1, 1, -1, -1);
painter.drawComplexControl(QStyle::CC_ToolButton, option);
}
Expand Down
4 changes: 2 additions & 2 deletions src/plugins/filemanager/dfmplugin-titlebar/views/tab.cpp
Original file line number Diff line number Diff line change
Expand Up @@ -188,9 +188,9 @@ void Tab::paint(QPainter *painter, const QStyleOptionGraphicsItem *option, QWidg
// draw backgound
if (d->hovered) {
if (DGuiApplicationHelper::instance()->themeType() == DGuiApplicationHelper::LightType)
color = QColor(235, 235, 235, 204);
color = QColor(0, 0, 0, 26);
else
color = QColor(30, 30, 30, 204);
color = QColor(255, 255, 255, 15);
painter->fillRect(boundingRect(), color);

} else {
Expand Down
3 changes: 2 additions & 1 deletion src/plugins/filemanager/dfmplugin-titlebar/views/tabbar.cpp
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@

#include "tabbar.h"
#include "tab.h"
#include "custombutton.h"
#include "titlebarwidget.h"
#include "dfmplugin_titlebar_global.h"
#include "utils/titlebarhelper.h"
Expand Down Expand Up @@ -453,7 +454,7 @@ void TabBar::initializeUI()
setScene(scene);
scene->installEventFilter(this);

tabAddButton = new DIconButton(DStyle::SP_IncreaseElement, this);
tabAddButton = new CustomDIconButton(DStyle::SP_IncreaseElement, this);
tabAddButton->setObjectName("NewTabButton");
tabAddButton->setFixedSize(kToolButtonSize, kToolButtonSize);
tabAddButton->setFlat(true);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,13 @@
#include <dfm-base/base/application/application.h>
#include <dfm-base/base/configs/dconfig/dconfigmanager.h>

#include <DGuiApplicationHelper>

#include <QStylePainter>
#include <QStyleOptionToolButton>
#include <QTimer>

DGUI_USE_NAMESPACE
DWIDGET_USE_NAMESPACE
DFMBASE_USE_NAMESPACE
using namespace dfmplugin_titlebar;
Expand Down Expand Up @@ -81,10 +84,20 @@ void ViewOptionsButton::paintEvent(QPaintEvent *event)

QStyleOptionToolButton option;
QToolButton::initStyleOption(&option);
if (d->hoverFlag || d->popupVisible())

if (d->hoverFlag || d->popupVisible()) {
option.state |= QStyle::State_MouseOver;
else

bool isDarkTheme = DGuiApplicationHelper::instance()->themeType() == DGuiApplicationHelper::DarkType;

QColor hoverColor = isDarkTheme ? QColor(255, 255, 255, 15)
: QColor(0, 0, 0, 26);

option.palette.setBrush(QPalette::Button, hoverColor);
} else {
option.state &= ~QStyle::State_MouseOver;
}

painter.drawComplexControl(QStyle::CC_ToolButton, option);
}

Expand Down
Loading