mirror of
https://github.com/RGBCube/serenity
synced 2025-05-28 12:35:08 +00:00
c98055de75
draw_scaled_bitmap() has a clearer API (just source and dest rects -- blit_scaled() took those and scale factors and then ignored width and height on the source rect and it was less clear what it was supposed to do), and they do mostly the same thing. The draw_scaled_bitmap() API takes an IntRect as source rect, so it's currently not always possible to split a big draw_scaled_bitmap() into two (or more) smaller draw_scaled_bitmap() calls that do the same thing -- that'd require FloatRects. The compositor kind of wants this to be possible, but there's already a FIXME about this not looking quite right with the previous approach either. draw_scaled_bitmap() handles transparent sources, so after this change wallpapers with transparency will be blended instead of copied. But that seems fine, and if not, the Right Fix for that is to remove the alpha channel from wallpapers after loading them anyways. As an added bonus, draw_scaled_bitmap() already handles display scale, so this fixes window server asserts for background images that are shown as "stretch" (#5017). The window server still asserts for "tile" and "offset" for now though. Calling draw_scaled_bitmap() here exposed a bug in it fixed by #5041. Before that is merged, this change here will cause smearing on the background image when moving windows around.
230 lines
11 KiB
C++
230 lines
11 KiB
C++
/*
|
|
* Copyright (c) 2020, Linus Groh <mail@linusgroh.de>
|
|
* 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 <LibGUI/Application.h>
|
|
#include <LibGUI/Icon.h>
|
|
#include <LibGUI/Painter.h>
|
|
#include <LibGUI/Widget.h>
|
|
#include <LibGUI/Window.h>
|
|
#include <LibGfx/Bitmap.h>
|
|
#include <LibGfx/Font.h>
|
|
#include <LibGfx/FontDatabase.h>
|
|
#include <LibGfx/Painter.h>
|
|
#include <LibGfx/Path.h>
|
|
|
|
const int WIDTH = 780;
|
|
const int HEIGHT = 600;
|
|
|
|
class Canvas final : public GUI::Widget {
|
|
C_OBJECT(Canvas)
|
|
public:
|
|
virtual ~Canvas() override;
|
|
|
|
private:
|
|
Canvas();
|
|
RefPtr<Gfx::Bitmap> m_bitmap;
|
|
|
|
void draw();
|
|
virtual void paint_event(GUI::PaintEvent&) override;
|
|
};
|
|
|
|
Canvas::Canvas()
|
|
{
|
|
m_bitmap = Gfx::Bitmap::create(Gfx::BitmapFormat::RGB32, { WIDTH, HEIGHT });
|
|
draw();
|
|
}
|
|
|
|
Canvas::~Canvas()
|
|
{
|
|
}
|
|
|
|
void Canvas::paint_event(GUI::PaintEvent& event)
|
|
{
|
|
GUI::Painter painter(*this);
|
|
painter.draw_scaled_bitmap(event.rect(), *m_bitmap, m_bitmap->rect());
|
|
}
|
|
|
|
void Canvas::draw()
|
|
{
|
|
GUI::Painter painter(*m_bitmap);
|
|
|
|
painter.fill_rect({ 20, 20, 100, 100 }, Color::Magenta);
|
|
painter.draw_rect({ 20, 140, 100, 100 }, Color::Yellow);
|
|
|
|
painter.fill_rect_with_gradient(Gfx::Orientation::Horizontal, { 140, 20, 100, 100 }, Color::Yellow, Color::DarkGreen);
|
|
painter.fill_rect_with_gradient(Gfx::Orientation::Vertical, { 140, 140, 100, 100 }, Color::Red, Color::Blue);
|
|
|
|
painter.fill_rect_with_dither_pattern({ 260, 20, 100, 100 }, Color::MidGray, Color::Black);
|
|
painter.fill_rect_with_checkerboard({ 260, 140, 100, 100 }, { 10, 10 }, Color::LightGray, Color::White);
|
|
|
|
painter.draw_line({ 430, 35 }, { 465, 70 }, Color::Green);
|
|
painter.draw_line({ 465, 70 }, { 430, 105 }, Color::Green);
|
|
painter.draw_line({ 430, 105 }, { 395, 70 }, Color::Green);
|
|
painter.draw_line({ 395, 70 }, { 430, 35 }, Color::Green);
|
|
painter.draw_rect({ 395, 35, 70, 70 }, Color::Blue);
|
|
painter.draw_ellipse_intersecting({ 395, 35, 70, 70 }, Color::Red);
|
|
painter.draw_rect({ 380, 20, 100, 100 }, Color::Yellow);
|
|
|
|
painter.fill_rect({ 380, 140, 100, 100 }, Color::Blue);
|
|
painter.draw_triangle({ 430, 140 }, { 380, 140 }, { 380, 240 }, Color::Green);
|
|
painter.draw_triangle({ 430, 240 }, { 480, 140 }, { 480, 240 }, Color::Red);
|
|
painter.draw_rect({ 380, 140, 100, 100 }, Color::Yellow);
|
|
|
|
painter.draw_line({ 500, 20 }, { 750, 20 }, Color::Green, 1, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 500, 30 }, { 750, 30 }, Color::Red, 5, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 500, 45 }, { 750, 45 }, Color::Blue, 10, Gfx::Painter::LineStyle::Solid);
|
|
|
|
painter.draw_line({ 500, 60 }, { 750, 60 }, Color::Green, 1, Gfx::Painter::LineStyle::Dotted);
|
|
painter.draw_line({ 500, 70 }, { 750, 70 }, Color::Red, 5, Gfx::Painter::LineStyle::Dotted);
|
|
painter.draw_line({ 500, 85 }, { 750, 85 }, Color::Blue, 10, Gfx::Painter::LineStyle::Dotted);
|
|
|
|
painter.draw_line({ 500, 100 }, { 750, 100 }, Color::Green, 1, Gfx::Painter::LineStyle::Dashed);
|
|
painter.draw_line({ 500, 110 }, { 750, 110 }, Color::Red, 5, Gfx::Painter::LineStyle::Dashed);
|
|
painter.draw_line({ 500, 125 }, { 750, 125 }, Color::Blue, 10, Gfx::Painter::LineStyle::Dashed);
|
|
|
|
painter.draw_line({ 500, 140 }, { 500, 240 }, Color::Green, 1, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 510, 140 }, { 510, 240 }, Color::Red, 5, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 525, 140 }, { 525, 240 }, Color::Blue, 10, Gfx::Painter::LineStyle::Solid);
|
|
|
|
painter.draw_line({ 540, 140 }, { 540, 240 }, Color::Green, 1, Gfx::Painter::LineStyle::Dotted);
|
|
painter.draw_line({ 550, 140 }, { 550, 240 }, Color::Red, 5, Gfx::Painter::LineStyle::Dotted);
|
|
painter.draw_line({ 565, 140 }, { 565, 240 }, Color::Blue, 10, Gfx::Painter::LineStyle::Dotted);
|
|
|
|
painter.draw_line({ 580, 140 }, { 580, 240 }, Color::Green, 1, Gfx::Painter::LineStyle::Dashed);
|
|
painter.draw_line({ 590, 140 }, { 590, 240 }, Color::Red, 5, Gfx::Painter::LineStyle::Dashed);
|
|
painter.draw_line({ 605, 140 }, { 605, 240 }, Color::Blue, 10, Gfx::Painter::LineStyle::Dashed);
|
|
|
|
painter.draw_line({ 640, 190 }, { 740, 240 }, Color::Green, 1, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 640, 140 }, { 740, 240 }, Color::Red, 5, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 690, 140 }, { 740, 240 }, Color::Blue, 10, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 740, 190 }, { 640, 240 }, Color::Green, 1, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 740, 140 }, { 640, 240 }, Color::Red, 5, Gfx::Painter::LineStyle::Solid);
|
|
painter.draw_line({ 690, 140 }, { 640, 240 }, Color::Blue, 10, Gfx::Painter::LineStyle::Solid);
|
|
|
|
auto bg = Gfx::Bitmap::load_from_file("/res/html/misc/90s-bg.png");
|
|
painter.draw_tiled_bitmap({ 20, 260, 480, 320 }, *bg);
|
|
|
|
painter.draw_line({ 40, 480 }, { 20, 260 }, Color::Red);
|
|
painter.draw_line({ 40, 480 }, { 120, 300 }, Color::Red);
|
|
painter.draw_quadratic_bezier_curve({ 40, 480 }, { 20, 260 }, { 120, 300 }, Color::Blue);
|
|
|
|
painter.draw_line({ 240, 280 }, { 80, 420 }, Color::Red, 3);
|
|
painter.draw_line({ 240, 280 }, { 260, 360 }, Color::Red, 3);
|
|
painter.draw_quadratic_bezier_curve({ 240, 280 }, { 80, 420 }, { 260, 360 }, Color::Blue, 3);
|
|
|
|
auto path = Gfx::Path();
|
|
path.move_to({ 60, 500 });
|
|
path.line_to({ 90, 540 });
|
|
path.quadratic_bezier_curve_to({ 320, 500 }, { 220, 400 });
|
|
path.line_to({ 300, 440 });
|
|
path.line_to({ 90, 460 });
|
|
path.quadratic_bezier_curve_to({ 260, 500 }, { 200, 540 });
|
|
path.close();
|
|
painter.fill_path(path, Color::Yellow, Gfx::Painter::WindingRule::EvenOdd);
|
|
|
|
auto buggie = Gfx::Bitmap::load_from_file("/res/graphics/buggie.png");
|
|
painter.blit({ 280, 280 }, *buggie, buggie->rect(), 0.5);
|
|
painter.draw_scaled_bitmap({ 360, 280, buggie->rect().width() * 2, buggie->rect().height() * 2 }, *buggie, buggie->rect());
|
|
|
|
painter.draw_rect({ 20, 260, 480, 320 }, Color::DarkGray);
|
|
|
|
painter.draw_rect({ 520, 260, 240, 80 }, Color::DarkGray);
|
|
painter.draw_text({ 520, 260, 240, 80 }, "CenterLeft", Gfx::TextAlignment::CenterLeft, Color::White);
|
|
painter.draw_text({ 520, 260, 240, 80 }, "Center", Gfx::TextAlignment::Center, Color::White);
|
|
painter.draw_text({ 520, 260, 240, 80 }, "CenterRight", Gfx::TextAlignment::CenterRight, Color::White);
|
|
painter.draw_text({ 520, 260, 240, 80 }, "TopLeft", Gfx::TextAlignment::TopLeft, Color::White);
|
|
painter.draw_text({ 520, 260, 240, 80 }, "TopRight", Gfx::TextAlignment::TopRight, Color::White);
|
|
|
|
painter.draw_rect({ 520, 360, 240, 30 }, Color::DarkGray);
|
|
painter.draw_text({ 520, 360, 240, 30 }, "Emojis! 🙂😂🐞🦄", Gfx::TextAlignment::Center, Color::White);
|
|
|
|
painter.draw_rect({ 520, 410, 240, 80 }, Color::DarkGray);
|
|
painter.draw_text({ 520, 415, 240, 20 }, "Normal text", Gfx::FontDatabase::default_font(), Gfx::TextAlignment::CenterLeft, Color::Red);
|
|
painter.draw_text({ 520, 430, 240, 20 }, "Bold text", Gfx::FontDatabase::default_bold_font(), Gfx::TextAlignment::CenterLeft, Color::Green);
|
|
painter.draw_text({ 520, 450, 240, 20 }, "Normal text (fixed width)", Gfx::FontDatabase::default_fixed_width_font(), Gfx::TextAlignment::CenterLeft, Color::Blue);
|
|
painter.draw_text({ 520, 465, 240, 20 }, "Bold text (fixed width)", Gfx::FontDatabase::default_bold_fixed_width_font(), Gfx::TextAlignment::CenterLeft, Color::Yellow);
|
|
|
|
auto font = Gfx::Font::load_from_file("/res/fonts/PebbletonBold14.font");
|
|
painter.draw_rect({ 520, 510, 240, 30 }, Color::DarkGray);
|
|
painter.draw_text({ 520, 510, 240, 30 }, "Hello friends! :^)", *font, Gfx::TextAlignment::Center, Color::White);
|
|
|
|
painter.fill_rect({ 520, 560, 10, 20 }, Color::White);
|
|
painter.fill_rect({ 530, 560, 10, 20 }, Color::WarmGray);
|
|
painter.fill_rect({ 540, 560, 10, 20 }, Color::LightGray);
|
|
painter.fill_rect({ 550, 560, 10, 20 }, Color::MidGray);
|
|
painter.fill_rect({ 560, 560, 10, 20 }, Color::DarkGray);
|
|
painter.fill_rect({ 570, 560, 10, 20 }, Color::Black);
|
|
painter.fill_rect({ 580, 560, 10, 20 }, Color::Blue);
|
|
painter.fill_rect({ 590, 560, 10, 20 }, Color::MidBlue);
|
|
painter.fill_rect({ 600, 560, 10, 20 }, Color::DarkBlue);
|
|
painter.fill_rect({ 610, 560, 10, 20 }, Color::Cyan);
|
|
painter.fill_rect({ 620, 560, 10, 20 }, Color::MidCyan);
|
|
painter.fill_rect({ 630, 560, 10, 20 }, Color::DarkCyan);
|
|
painter.fill_rect({ 640, 560, 10, 20 }, Color::Green);
|
|
painter.fill_rect({ 650, 560, 10, 20 }, Color::MidGreen);
|
|
painter.fill_rect({ 660, 560, 10, 20 }, Color::DarkGreen);
|
|
painter.fill_rect({ 670, 560, 10, 20 }, Color::Yellow);
|
|
painter.fill_rect({ 680, 560, 10, 20 }, Color::Red);
|
|
painter.fill_rect({ 690, 560, 10, 20 }, Color::MidRed);
|
|
painter.fill_rect({ 700, 560, 10, 20 }, Color::DarkRed);
|
|
painter.fill_rect({ 710, 560, 10, 20 }, Color::Magenta);
|
|
painter.fill_rect({ 720, 560, 10, 20 }, Color::MidMagenta);
|
|
|
|
update();
|
|
}
|
|
|
|
int main(int argc, char** argv)
|
|
{
|
|
auto app = GUI::Application::construct(argc, argv);
|
|
|
|
if (pledge("stdio recvfd sendfd rpath", nullptr) < 0) {
|
|
perror("pledge");
|
|
return 1;
|
|
}
|
|
|
|
if (unveil("/res", "r") < 0) {
|
|
perror("unveil");
|
|
return 1;
|
|
}
|
|
|
|
if (unveil(nullptr, nullptr) < 0) {
|
|
perror("unveil");
|
|
return 1;
|
|
}
|
|
|
|
auto window = GUI::Window::construct();
|
|
window->set_double_buffering_enabled(true);
|
|
window->set_title("LibGfx Demo");
|
|
window->set_resizable(false);
|
|
window->resize(WIDTH, HEIGHT);
|
|
|
|
auto app_icon = GUI::Icon::default_icon("app-libgfx-demo");
|
|
window->set_icon(app_icon.bitmap_for_size(16));
|
|
window->set_main_widget<Canvas>();
|
|
window->show();
|
|
|
|
return app->exec();
|
|
}
|