mirror of
https://github.com/RGBCube/serenity
synced 2025-05-23 12:15:06 +00:00

Change #2811 made window title stripes and window title shadow themable, but it used the same stripe and shadow color for all window modes. This is fine for the new 'basalt' theme which uses the same color in all four window modes, but it changed the default theme so that background windows had brown stripes and a brown shadow. Instead, make the title stripe and title shadow themable per window mode, and change the default theme to restore the colors it had before change #2811: The title stripe color is the same as Border1 for all window modes, and the title shadow is the same as the title stripe darkened by 0.6.
443 lines
18 KiB
C++
443 lines
18 KiB
C++
/*
|
|
* Copyright (c) 2018-2020, Andreas Kling <kling@serenityos.org>
|
|
* All rights reserved.
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions are met:
|
|
*
|
|
* 1. Redistributions of source code must retain the above copyright notice, this
|
|
* list of conditions and the following disclaimer.
|
|
*
|
|
* 2. Redistributions in binary form must reproduce the above copyright notice,
|
|
* this list of conditions and the following disclaimer in the documentation
|
|
* and/or other materials provided with the distribution.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
* AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
* DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
|
|
* FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
|
* DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
|
|
* SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
|
|
* CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
|
|
* OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
|
|
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*/
|
|
|
|
#include "ClientConnection.h"
|
|
#include <AK/Badge.h>
|
|
#include <LibGfx/Font.h>
|
|
#include <LibGfx/Painter.h>
|
|
#include <LibGfx/StylePainter.h>
|
|
#include <WindowServer/Button.h>
|
|
#include <WindowServer/Compositor.h>
|
|
#include <WindowServer/Event.h>
|
|
#include <WindowServer/Window.h>
|
|
#include <WindowServer/WindowFrame.h>
|
|
#include <WindowServer/WindowManager.h>
|
|
|
|
namespace WindowServer {
|
|
|
|
static Gfx::Bitmap* s_minimize_icon;
|
|
static Gfx::Bitmap* s_maximize_icon;
|
|
static Gfx::Bitmap* s_restore_icon;
|
|
static Gfx::Bitmap* s_close_icon;
|
|
|
|
static String s_last_title_button_icons_path;
|
|
|
|
WindowFrame::WindowFrame(Window& window)
|
|
: m_window(window)
|
|
{
|
|
auto button = make<Button>(*this, [this](auto&) {
|
|
m_window.request_close();
|
|
});
|
|
m_close_button = button.ptr();
|
|
m_buttons.append(move(button));
|
|
|
|
if (window.is_resizable()) {
|
|
auto button = make<Button>(*this, [this](auto&) {
|
|
m_window.set_maximized(!m_window.is_maximized());
|
|
});
|
|
m_maximize_button = button.ptr();
|
|
m_buttons.append(move(button));
|
|
}
|
|
|
|
if (window.is_minimizable()) {
|
|
auto button = make<Button>(*this, [this](auto&) {
|
|
m_window.set_minimized(true);
|
|
});
|
|
m_minimize_button = button.ptr();
|
|
m_buttons.append(move(button));
|
|
}
|
|
|
|
set_button_icons();
|
|
}
|
|
|
|
WindowFrame::~WindowFrame()
|
|
{
|
|
}
|
|
|
|
void WindowFrame::set_button_icons()
|
|
{
|
|
if (m_window.is_frameless())
|
|
return;
|
|
|
|
String icons_path = WindowManager::the().palette().title_button_icons_path();
|
|
|
|
StringBuilder full_path;
|
|
if (!s_minimize_icon || s_last_title_button_icons_path != icons_path) {
|
|
full_path.append(icons_path);
|
|
full_path.append("window-minimize.png");
|
|
if (!(s_minimize_icon = Gfx::Bitmap::load_from_file(full_path.to_string()).leak_ref()))
|
|
s_minimize_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window-minimize.png").leak_ref();
|
|
full_path.clear();
|
|
}
|
|
if (!s_maximize_icon || s_last_title_button_icons_path != icons_path) {
|
|
full_path.append(icons_path);
|
|
full_path.append("window-maximize.png");
|
|
if (!(s_maximize_icon = Gfx::Bitmap::load_from_file(full_path.to_string()).leak_ref()))
|
|
s_maximize_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window-maximize.png").leak_ref();
|
|
full_path.clear();
|
|
}
|
|
if (!s_restore_icon || s_last_title_button_icons_path != icons_path) {
|
|
full_path.append(icons_path);
|
|
full_path.append("window-restore.png");
|
|
if (!(s_restore_icon = Gfx::Bitmap::load_from_file(full_path.to_string()).leak_ref()))
|
|
s_restore_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window-restore.png").leak_ref();
|
|
full_path.clear();
|
|
}
|
|
if (!s_close_icon || s_last_title_button_icons_path != icons_path) {
|
|
full_path.append(icons_path);
|
|
full_path.append("window-close.png");
|
|
if (!(s_close_icon = Gfx::Bitmap::load_from_file(full_path.to_string()).leak_ref()))
|
|
s_close_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window-close.png").leak_ref();
|
|
full_path.clear();
|
|
}
|
|
|
|
m_close_button->set_icon(*s_close_icon);
|
|
if (m_window.is_minimizable())
|
|
m_minimize_button->set_icon(*s_minimize_icon);
|
|
if (m_window.is_resizable())
|
|
m_maximize_button->set_icon(m_window.is_maximized() ? *s_restore_icon : *s_maximize_icon);
|
|
|
|
s_last_title_button_icons_path = icons_path;
|
|
}
|
|
|
|
void WindowFrame::did_set_maximized(Badge<Window>, bool maximized)
|
|
{
|
|
ASSERT(m_maximize_button);
|
|
m_maximize_button->set_icon(maximized ? *s_restore_icon : *s_maximize_icon);
|
|
}
|
|
|
|
Gfx::IntRect WindowFrame::title_bar_rect() const
|
|
{
|
|
auto window_titlebar_height = WindowManager::the().palette().window_title_height();
|
|
int total_vertical_padding = window_titlebar_height - WindowManager::the().window_title_font().glyph_height();
|
|
|
|
if (m_window.type() == WindowType::Notification)
|
|
return { m_window.width() + 3, total_vertical_padding / 2 - 1, window_titlebar_height, m_window.height() };
|
|
return { 4, total_vertical_padding / 2, m_window.width(), window_titlebar_height };
|
|
}
|
|
|
|
Gfx::IntRect WindowFrame::title_bar_icon_rect() const
|
|
{
|
|
auto titlebar_rect = title_bar_rect();
|
|
Gfx::IntRect icon_rect {
|
|
titlebar_rect.x() + 2,
|
|
titlebar_rect.y(),
|
|
16,
|
|
16,
|
|
};
|
|
icon_rect.center_vertically_within(titlebar_rect);
|
|
icon_rect.move_by(0, 1);
|
|
return icon_rect;
|
|
}
|
|
|
|
Gfx::IntRect WindowFrame::title_bar_text_rect() const
|
|
{
|
|
auto titlebar_rect = title_bar_rect();
|
|
auto titlebar_icon_rect = title_bar_icon_rect();
|
|
return {
|
|
titlebar_rect.x() + 3 + titlebar_icon_rect.width() + 2,
|
|
titlebar_rect.y(),
|
|
titlebar_rect.width() - 5 - titlebar_icon_rect.width() - 2,
|
|
titlebar_rect.height()
|
|
};
|
|
}
|
|
|
|
WindowFrame::FrameColors WindowFrame::compute_frame_colors() const
|
|
{
|
|
auto& wm = WindowManager::the();
|
|
auto palette = wm.palette();
|
|
if (&m_window == wm.m_highlight_window)
|
|
return { palette.highlight_window_title(), palette.highlight_window_border1(), palette.highlight_window_border2(), palette.highlight_window_title_stripes(), palette.highlight_window_title_shadow() };
|
|
if (&m_window == wm.m_move_window)
|
|
return { palette.moving_window_title(), palette.moving_window_border1(), palette.moving_window_border2(), palette.moving_window_title_stripes(), palette.moving_window_title_shadow() };
|
|
if (wm.is_active_window_or_accessory(m_window))
|
|
return { palette.active_window_title(), palette.active_window_border1(), palette.active_window_border2(), palette.active_window_title_stripes(), palette.active_window_title_shadow() };
|
|
return { palette.inactive_window_title(), palette.inactive_window_border1(), palette.inactive_window_border2(), palette.inactive_window_title_stripes(), palette.inactive_window_title_shadow() };
|
|
}
|
|
|
|
void WindowFrame::paint_notification_frame(Gfx::Painter& painter)
|
|
{
|
|
auto palette = WindowManager::the().palette();
|
|
Gfx::IntRect outer_rect = { {}, rect().size() };
|
|
|
|
Gfx::StylePainter::paint_window_frame(painter, outer_rect, palette);
|
|
|
|
auto titlebar_rect = title_bar_rect();
|
|
painter.fill_rect_with_gradient(Gfx::Orientation::Vertical, titlebar_rect, palette.active_window_border1(), palette.active_window_border2());
|
|
|
|
int stripe_top = m_buttons.last().relative_rect().bottom() + 4;
|
|
int stripe_bottom = m_window.height() - 3;
|
|
if (stripe_top && stripe_bottom && stripe_top < stripe_bottom) {
|
|
for (int i = 2; i <= palette.window_title_height() - 2; i += 2) {
|
|
painter.draw_line({ titlebar_rect.x() + i, stripe_top }, { titlebar_rect.x() + i, stripe_bottom }, palette.active_window_title_stripes());
|
|
}
|
|
}
|
|
}
|
|
|
|
void WindowFrame::paint_normal_frame(Gfx::Painter& painter)
|
|
{
|
|
auto palette = WindowManager::the().palette();
|
|
auto& window = m_window;
|
|
Gfx::IntRect outer_rect = { {}, rect().size() };
|
|
String title_text;
|
|
if (window.client() && window.client()->is_unresponsive()) {
|
|
StringBuilder builder;
|
|
builder.append(window.title());
|
|
builder.append(" (Not responding)");
|
|
title_text = builder.to_string();
|
|
} else {
|
|
title_text = window.title();
|
|
}
|
|
|
|
Gfx::StylePainter::paint_window_frame(painter, outer_rect, palette);
|
|
|
|
auto titlebar_rect = title_bar_rect();
|
|
auto titlebar_icon_rect = title_bar_icon_rect();
|
|
auto titlebar_inner_rect = title_bar_text_rect();
|
|
auto titlebar_title_rect = titlebar_inner_rect;
|
|
titlebar_title_rect.set_width(WindowManager::the().window_title_font().width(title_text));
|
|
|
|
auto [title_color, border_color, border_color2, stripes_color, shadow_color] = compute_frame_colors();
|
|
|
|
auto& wm = WindowManager::the();
|
|
painter.draw_line(titlebar_rect.bottom_left().translated(0, 1), titlebar_rect.bottom_right().translated(0, 1), palette.button());
|
|
painter.draw_line(titlebar_rect.bottom_left().translated(0, 2), titlebar_rect.bottom_right().translated(0, 2), palette.button());
|
|
|
|
auto leftmost_button_rect = m_buttons.is_empty() ? Gfx::IntRect() : m_buttons.last().relative_rect();
|
|
|
|
painter.fill_rect_with_gradient(titlebar_rect, border_color, border_color2);
|
|
|
|
int stripe_left = titlebar_title_rect.right() + 4;
|
|
int stripe_right = leftmost_button_rect.left() - 3;
|
|
if (stripe_left && stripe_right && stripe_left < stripe_right) {
|
|
for (int i = 2; i <= titlebar_inner_rect.height() - 2; i += 2) {
|
|
painter.draw_line({ stripe_left, titlebar_inner_rect.y() + i }, { stripe_right, titlebar_inner_rect.y() + i }, stripes_color);
|
|
}
|
|
}
|
|
|
|
auto clipped_title_rect = titlebar_title_rect;
|
|
clipped_title_rect.set_width(stripe_right - clipped_title_rect.x());
|
|
if (!clipped_title_rect.is_empty()) {
|
|
painter.draw_text(clipped_title_rect.translated(1, 2), title_text, wm.window_title_font(), Gfx::TextAlignment::CenterLeft, shadow_color, Gfx::TextElision::Right);
|
|
// FIXME: The translated(0, 1) wouldn't be necessary if we could center text based on its baseline.
|
|
painter.draw_text(clipped_title_rect.translated(0, 1), title_text, wm.window_title_font(), Gfx::TextAlignment::CenterLeft, title_color, Gfx::TextElision::Right);
|
|
}
|
|
|
|
painter.blit(titlebar_icon_rect.location(), window.icon(), window.icon().rect());
|
|
}
|
|
|
|
void WindowFrame::paint(Gfx::Painter& painter)
|
|
{
|
|
if (m_window.is_frameless())
|
|
return;
|
|
|
|
Gfx::PainterStateSaver saver(painter);
|
|
painter.translate(rect().location());
|
|
|
|
if (m_window.type() == WindowType::Notification)
|
|
paint_notification_frame(painter);
|
|
else if (m_window.type() == WindowType::Normal)
|
|
paint_normal_frame(painter);
|
|
else
|
|
return;
|
|
|
|
for (auto& button : m_buttons) {
|
|
button.paint(painter);
|
|
}
|
|
}
|
|
|
|
static Gfx::IntRect frame_rect_for_window(Window& window, const Gfx::IntRect& rect)
|
|
{
|
|
if (window.is_frameless())
|
|
return rect;
|
|
|
|
auto type = window.type();
|
|
auto window_titlebar_height = WindowManager::the().palette().window_title_height();
|
|
|
|
switch (type) {
|
|
case WindowType::Normal:
|
|
return {
|
|
rect.x() - 4,
|
|
rect.y() - window_titlebar_height - 6,
|
|
rect.width() + 8,
|
|
rect.height() + 10 + window_titlebar_height
|
|
};
|
|
case WindowType::Notification:
|
|
return {
|
|
rect.x() - 3,
|
|
rect.y() - 3,
|
|
rect.width() + 6 + window_titlebar_height,
|
|
rect.height() + 6
|
|
};
|
|
default:
|
|
return rect;
|
|
}
|
|
}
|
|
|
|
static Gfx::IntRect frame_rect_for_window(Window& window)
|
|
{
|
|
return frame_rect_for_window(window, window.rect());
|
|
}
|
|
|
|
Gfx::IntRect WindowFrame::rect() const
|
|
{
|
|
return frame_rect_for_window(m_window);
|
|
}
|
|
|
|
void WindowFrame::invalidate_title_bar()
|
|
{
|
|
Compositor::the().invalidate(title_bar_rect().translated(rect().location()));
|
|
}
|
|
|
|
void WindowFrame::notify_window_rect_changed(const Gfx::IntRect& old_rect, const Gfx::IntRect& new_rect)
|
|
{
|
|
layout_buttons();
|
|
|
|
auto& wm = WindowManager::the();
|
|
wm.invalidate(frame_rect_for_window(m_window, old_rect));
|
|
wm.invalidate(frame_rect_for_window(m_window, new_rect));
|
|
wm.notify_rect_changed(m_window, old_rect, new_rect);
|
|
}
|
|
|
|
void WindowFrame::layout_buttons()
|
|
{
|
|
auto palette = WindowManager::the().palette();
|
|
int window_button_width = palette.window_title_button_width();
|
|
int window_button_height = palette.window_title_button_height();
|
|
int pos;
|
|
if (m_window.type() == WindowType::Notification)
|
|
pos = title_bar_rect().top() + 2;
|
|
else
|
|
pos = title_bar_text_rect().right() + 1;
|
|
|
|
for (auto& button : m_buttons) {
|
|
if (m_window.type() == WindowType::Notification) {
|
|
// The button height & width have to be equal or it leaks out of its area
|
|
Gfx::IntRect rect { 0, pos, window_button_height, window_button_height };
|
|
rect.center_horizontally_within(title_bar_rect());
|
|
button.set_relative_rect(rect);
|
|
pos += window_button_height;
|
|
} else {
|
|
pos -= window_button_width;
|
|
Gfx::IntRect rect { pos, 0, window_button_width, window_button_height };
|
|
rect.center_vertically_within(title_bar_text_rect());
|
|
button.set_relative_rect(rect);
|
|
}
|
|
}
|
|
}
|
|
|
|
void WindowFrame::on_mouse_event(const MouseEvent& event)
|
|
{
|
|
ASSERT(!m_window.is_fullscreen());
|
|
|
|
if (m_window.is_blocked_by_modal_window())
|
|
return;
|
|
|
|
auto& wm = WindowManager::the();
|
|
if (m_window.type() != WindowType::Normal && m_window.type() != WindowType::Notification)
|
|
return;
|
|
|
|
if (m_window.type() == WindowType::Normal && title_bar_icon_rect().contains(event.position())) {
|
|
if (event.type() == Event::MouseDown)
|
|
wm.move_to_front_and_make_active(m_window);
|
|
if (event.type() == Event::MouseDown && (event.button() == MouseButton::Left || event.button() == MouseButton::Right)) {
|
|
// Manually start a potential double click. Since we're opening
|
|
// a menu, we will only receive the MouseDown event, so we
|
|
// need to record that fact. If the user subsequently clicks
|
|
// on the same area, the menu will get closed, and we will
|
|
// receive a MouseUp event, but because windows have changed
|
|
// we don't get a MouseDoubleClick event. We can however record
|
|
// this click, and when we receive the MouseUp event check if
|
|
// it would have been considered a double click, if it weren't
|
|
// for the fact that we opened and closed a window in the meanwhile
|
|
auto& wm = WindowManager::the();
|
|
wm.start_menu_doubleclick(m_window, event);
|
|
|
|
m_window.popup_window_menu(title_bar_rect().bottom_left().translated(rect().location()), WindowMenuDefaultAction::Close);
|
|
return;
|
|
} else if (event.type() == Event::MouseUp && event.button() == MouseButton::Left) {
|
|
// Since the MouseDown event opened a menu, another MouseUp
|
|
// from the second click outside the menu wouldn't be considered
|
|
// a double click, so let's manually check if it would otherwise
|
|
// have been be considered to be one
|
|
auto& wm = WindowManager::the();
|
|
if (wm.is_menu_doubleclick(m_window, event)) {
|
|
// It is a double click, so perform activate the default item
|
|
m_window.window_menu_activate_default();
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
|
|
// This is slightly hackish, but expand the title bar rect by two pixels downwards,
|
|
// so that mouse events between the title bar and window contents don't act like
|
|
// mouse events on the border.
|
|
auto adjusted_title_bar_rect = title_bar_rect();
|
|
adjusted_title_bar_rect.set_height(adjusted_title_bar_rect.height() + 2);
|
|
|
|
if (adjusted_title_bar_rect.contains(event.position())) {
|
|
wm.clear_resize_candidate();
|
|
|
|
if (event.type() == Event::MouseDown)
|
|
wm.move_to_front_and_make_active(m_window);
|
|
|
|
for (auto& button : m_buttons) {
|
|
if (button.relative_rect().contains(event.position()))
|
|
return button.on_mouse_event(event.translated(-button.relative_rect().location()));
|
|
}
|
|
if (event.type() == Event::MouseDown) {
|
|
if (m_window.type() == WindowType::Normal && event.button() == MouseButton::Right) {
|
|
auto default_action = m_window.is_maximized() ? WindowMenuDefaultAction::Restore : WindowMenuDefaultAction::Maximize;
|
|
m_window.popup_window_menu(event.position().translated(rect().location()), default_action);
|
|
return;
|
|
}
|
|
if (m_window.is_movable() && event.button() == MouseButton::Left)
|
|
wm.start_window_move(m_window, event.translated(rect().location()));
|
|
}
|
|
return;
|
|
}
|
|
|
|
if (m_window.is_resizable() && event.type() == Event::MouseMove && event.buttons() == 0) {
|
|
constexpr ResizeDirection direction_for_hot_area[3][3] = {
|
|
{ ResizeDirection::UpLeft, ResizeDirection::Up, ResizeDirection::UpRight },
|
|
{ ResizeDirection::Left, ResizeDirection::None, ResizeDirection::Right },
|
|
{ ResizeDirection::DownLeft, ResizeDirection::Down, ResizeDirection::DownRight },
|
|
};
|
|
Gfx::IntRect outer_rect = { {}, rect().size() };
|
|
ASSERT(outer_rect.contains(event.position()));
|
|
int window_relative_x = event.x() - outer_rect.x();
|
|
int window_relative_y = event.y() - outer_rect.y();
|
|
int hot_area_row = min(2, window_relative_y / (outer_rect.height() / 3));
|
|
int hot_area_column = min(2, window_relative_x / (outer_rect.width() / 3));
|
|
wm.set_resize_candidate(m_window, direction_for_hot_area[hot_area_row][hot_area_column]);
|
|
Compositor::the().invalidate_cursor();
|
|
return;
|
|
}
|
|
|
|
if (m_window.is_resizable() && event.type() == Event::MouseDown && event.button() == MouseButton::Left)
|
|
wm.start_window_resize(m_window, event.translated(rect().location()));
|
|
}
|
|
}
|