1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 19:38:12 +00:00

Paint Button in a very Windows 3-ish style.

This commit is contained in:
Andreas Kling 2018-10-12 14:58:16 +02:00
parent 16576112b0
commit 5412dac05d
3 changed files with 84 additions and 1 deletions

View file

@ -21,8 +21,36 @@ void Button::setCaption(String&& caption)
void Button::onPaint(PaintEvent&)
{
Color buttonColor(192, 192, 192);
Color shadowColor(96, 96, 96);
Painter painter(*this);
painter.fillRect(rect(), backgroundColor());
painter.fillRect(rect(), Color(255, 0, 255));
painter.drawPixel({ 0, 0 }, backgroundColor());
painter.drawPixel({ width() - 1, 0 }, backgroundColor());
painter.drawPixel({ 0, height() - 1 }, backgroundColor());
painter.drawPixel({ width() - 1, height() - 1 }, backgroundColor());
painter.drawLine({ 1, 0 }, { width() - 2, 0 }, Color(0, 0, 0));
painter.drawLine({ 1, height() - 1 }, { width() - 2, height() - 1}, Color(0, 0, 0));
painter.drawLine({ 0, 1 }, { 0, height() - 2 }, Color(0, 0, 0));
painter.drawLine({ width() - 1, 1 }, { width() - 1, height() - 2 }, Color(0, 0, 0));
// White highlight
painter.drawLine({ 1, 1 }, { width() - 2, 1 }, Color(255, 255, 255));
painter.drawLine({ 1, 2 }, { width() - 3, 2 }, Color(255, 255, 255));
painter.drawLine({ 1, 3 }, { 1, height() - 2 }, Color(255, 255, 255));
painter.drawLine({ 2, 3 }, { 2, height() - 3 }, Color(255, 255, 255));
// Gray shadow
painter.drawLine({ width() - 2, 1 }, { width() - 2, height() - 4 }, shadowColor);
painter.drawLine({ width() - 3, 2 }, { width() - 3, height() - 4 }, shadowColor);
painter.drawLine({ 1, height() - 2 }, { width() - 2, height() - 2 }, shadowColor);
painter.drawLine({ 2, height() - 3 }, { width() - 2, height() - 3 }, shadowColor);
painter.fillRect({ 3, 3, width() - 6, height() - 6 }, buttonColor);
if (!caption().isEmpty()) {
painter.drawText(rect(), caption(), Painter::TextAlignment::Center, Color(0, 0, 0));
}