mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-05-09 12:42:54 +00:00
Application: KeyboardMapper, make button to like a real key
Change key paint to more like a real key :)
This commit is contained in:
parent
8733da652e
commit
3ebdb5ea30
Notes:
sideshowbarker
2024-07-19 05:41:04 +09:00
Author: https://github.com/asliturk
Commit: 3ebdb5ea30
Pull-request: https://github.com/SerenityOS/serenity/pull/2536
Reviewed-by: https://github.com/awesomekling
2 changed files with 42 additions and 11 deletions
|
@ -27,6 +27,7 @@
|
|||
#include "KeyButton.h"
|
||||
#include <LibGUI/Button.h>
|
||||
#include <LibGUI/Painter.h>
|
||||
#include <LibGUI/Window.h>
|
||||
#include <LibGfx/Font.h>
|
||||
#include <LibGfx/Palette.h>
|
||||
|
||||
|
@ -39,25 +40,30 @@ void KeyButton::paint_event(GUI::PaintEvent& event)
|
|||
GUI::Painter painter(*this);
|
||||
painter.add_clip_rect(event.rect());
|
||||
|
||||
auto content_rect = rect().shrunken(5, 5);
|
||||
auto cont_rect = rect();
|
||||
auto& font = this->font();
|
||||
|
||||
Gfx::StylePainter::paint_button(painter, rect(), palette(), Gfx::ButtonStyle::Normal, is_being_pressed(), is_hovered(), is_checked(), true);
|
||||
Color color;
|
||||
if (m_pressed) {
|
||||
color = Color::Cyan;
|
||||
} else if (!is_enabled()) {
|
||||
color = Color::LightGray;
|
||||
} else {
|
||||
color = Color::White;
|
||||
}
|
||||
|
||||
if (m_pressed)
|
||||
painter.fill_rect(content_rect, Color::Cyan);
|
||||
else if (!is_enabled())
|
||||
painter.fill_rect(content_rect, Color::from_rgb(0x8C7272));
|
||||
painter.fill_rect(cont_rect, Color::Black);
|
||||
painter.fill_rect({ cont_rect.x() + 1, cont_rect.y() + 1, cont_rect.width() - 2, cont_rect.height() - 2 }, Color::from_rgb(0x999999));
|
||||
painter.fill_rect({ cont_rect.x() + 6, cont_rect.y() + 3, cont_rect.width() - 12, cont_rect.height() - 12 }, Color::from_rgb(0x8C7272));
|
||||
painter.fill_rect({ cont_rect.x() + 7, cont_rect.y() + 4, cont_rect.width() - 14, cont_rect.height() - 14 }, color);
|
||||
|
||||
if (!text().is_empty()) {
|
||||
Gfx::IntRect text_rect { 0, 0, font.width(text()), font.glyph_height() };
|
||||
text_rect.align_within(content_rect, Gfx::TextAlignment::Center);
|
||||
text_rect.align_within({ cont_rect.x() + 7, cont_rect.y() + 4, cont_rect.width() - 14, cont_rect.height() - 14 }, Gfx::TextAlignment::Center);
|
||||
|
||||
auto clipped_rect = rect().intersected(this->rect());
|
||||
|
||||
painter.draw_text(clipped_rect, text(), font, Gfx::TextAlignment::Center, palette().button_text(), Gfx::TextElision::Right);
|
||||
painter.draw_text(text_rect, text(), font, Gfx::TextAlignment::Center, palette().button_text(), Gfx::TextElision::Right);
|
||||
if (is_focused())
|
||||
painter.draw_rect(clipped_rect.inflated(6, 4), palette().focus_outline());
|
||||
painter.draw_rect(text_rect.inflated(6, 4), palette().focus_outline());
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -66,3 +72,26 @@ void KeyButton::click(unsigned)
|
|||
if (on_click)
|
||||
on_click();
|
||||
}
|
||||
|
||||
void KeyButton::mousemove_event(GUI::MouseEvent& event)
|
||||
{
|
||||
if (!is_enabled())
|
||||
return;
|
||||
|
||||
Gfx::IntRect c = { rect().x() + 7, rect().y() + 4, rect().width() - 14, rect().height() - 14 };
|
||||
|
||||
if (c.contains(event.position())) {
|
||||
window()->set_override_cursor(GUI::StandardCursor::Hand);
|
||||
return;
|
||||
}
|
||||
window()->set_override_cursor(GUI::StandardCursor::Arrow);
|
||||
|
||||
AbstractButton::mousemove_event(event);
|
||||
}
|
||||
|
||||
void KeyButton::leave_event(Core::Event& event)
|
||||
{
|
||||
window()->set_override_cursor(GUI::StandardCursor::Arrow);
|
||||
AbstractButton::leave_event(event);
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue