mirror of
https://github.com/RGBCube/serenity
synced 2025-07-26 06:27:45 +00:00
ThemeEditor: Add a handful of widgets to the preview
This needs to be spruced up a bit, but having a set of common widgets gives you a quick idea of what the theme will look like. :^)
This commit is contained in:
parent
85e818206c
commit
690c736c3a
2 changed files with 76 additions and 13 deletions
|
@ -25,17 +25,76 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#include "PreviewWidget.h"
|
#include "PreviewWidget.h"
|
||||||
|
#include <AK/StringView.h>
|
||||||
|
#include <LibGUI/BoxLayout.h>
|
||||||
|
#include <LibGUI/Button.h>
|
||||||
|
#include <LibGUI/CheckBox.h>
|
||||||
#include <LibGUI/Painter.h>
|
#include <LibGUI/Painter.h>
|
||||||
|
#include <LibGUI/RadioButton.h>
|
||||||
|
#include <LibGUI/StatusBar.h>
|
||||||
|
#include <LibGUI/TextEditor.h>
|
||||||
#include <LibGfx/Bitmap.h>
|
#include <LibGfx/Bitmap.h>
|
||||||
#include <LibGfx/WindowTheme.h>
|
#include <LibGfx/WindowTheme.h>
|
||||||
|
|
||||||
namespace ThemeEditor {
|
namespace ThemeEditor {
|
||||||
|
|
||||||
|
class MiniWidgetGallery final : public GUI::Widget {
|
||||||
|
C_OBJECT(MiniWidgetGallery);
|
||||||
|
|
||||||
|
public:
|
||||||
|
void set_preview_palette(const Gfx::Palette& palette)
|
||||||
|
{
|
||||||
|
set_palette(palette);
|
||||||
|
Function<void(GUI::Widget&)> recurse = [&](GUI::Widget& parent_widget) {
|
||||||
|
parent_widget.for_each_child_widget([&](auto& widget) {
|
||||||
|
widget.set_palette(palette);
|
||||||
|
recurse(widget);
|
||||||
|
return IterationDecision::Continue;
|
||||||
|
});
|
||||||
|
};
|
||||||
|
recurse(*this);
|
||||||
|
}
|
||||||
|
|
||||||
|
private:
|
||||||
|
MiniWidgetGallery()
|
||||||
|
{
|
||||||
|
set_fill_with_background_color(true);
|
||||||
|
m_button = add<GUI::Button>();
|
||||||
|
m_button->set_text("Button");
|
||||||
|
m_checkbox = add<GUI::CheckBox>();
|
||||||
|
m_checkbox->set_text("Check box");
|
||||||
|
m_radio = add<GUI::RadioButton>();
|
||||||
|
m_radio->set_text("Radio button");
|
||||||
|
m_statusbar = add<GUI::StatusBar>();
|
||||||
|
m_statusbar->set_text("Status bar");
|
||||||
|
m_editor = add<GUI::TextEditor>();
|
||||||
|
m_editor->set_text("Text editor\nwith multiple\nlines.");
|
||||||
|
}
|
||||||
|
|
||||||
|
virtual void resize_event(GUI::ResizeEvent&) override
|
||||||
|
{
|
||||||
|
m_editor->set_relative_rect(10, 70, 200, 140);
|
||||||
|
m_button->set_relative_rect(10, 10, 200, 20);
|
||||||
|
m_checkbox->set_relative_rect(10, 30, 200, 20);
|
||||||
|
m_radio->set_relative_rect(10, 50, 200, 20);
|
||||||
|
m_statusbar->set_relative_rect(0, height() - 16, width(), 16);
|
||||||
|
}
|
||||||
|
|
||||||
|
RefPtr<GUI::TextEditor> m_editor;
|
||||||
|
RefPtr<GUI::Button> m_button;
|
||||||
|
RefPtr<GUI::CheckBox> m_checkbox;
|
||||||
|
RefPtr<GUI::RadioButton> m_radio;
|
||||||
|
RefPtr<GUI::StatusBar> m_statusbar;
|
||||||
|
};
|
||||||
|
|
||||||
PreviewWidget::PreviewWidget(const Gfx::Palette& preview_palette)
|
PreviewWidget::PreviewWidget(const Gfx::Palette& preview_palette)
|
||||||
: m_preview_palette(preview_palette)
|
: m_preview_palette(preview_palette)
|
||||||
{
|
{
|
||||||
m_active_window_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window.png");
|
m_active_window_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window.png");
|
||||||
m_inactive_window_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window.png");
|
m_inactive_window_icon = Gfx::Bitmap::load_from_file("/res/icons/16x16/window.png");
|
||||||
|
|
||||||
|
m_gallery = add<MiniWidgetGallery>();
|
||||||
|
set_greedy_for_hits(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
PreviewWidget::~PreviewWidget()
|
PreviewWidget::~PreviewWidget()
|
||||||
|
@ -45,6 +104,7 @@ PreviewWidget::~PreviewWidget()
|
||||||
void PreviewWidget::set_preview_palette(const Gfx::Palette& palette)
|
void PreviewWidget::set_preview_palette(const Gfx::Palette& palette)
|
||||||
{
|
{
|
||||||
m_preview_palette = palette;
|
m_preview_palette = palette;
|
||||||
|
m_gallery->set_preview_palette(palette);
|
||||||
update();
|
update();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -60,19 +120,10 @@ void PreviewWidget::paint_event(GUI::PaintEvent& event)
|
||||||
|
|
||||||
auto paint_window = [&](auto& title, const Gfx::IntRect& rect, auto state, const Gfx::Bitmap& icon) {
|
auto paint_window = [&](auto& title, const Gfx::IntRect& rect, auto state, const Gfx::Bitmap& icon) {
|
||||||
Gfx::IntRect leftmost_button_rect { 300, 4, 16, 16 };
|
Gfx::IntRect leftmost_button_rect { 300, 4, 16, 16 };
|
||||||
|
Gfx::PainterStateSaver saver(painter);
|
||||||
{
|
auto frame_rect = Gfx::WindowTheme::current().frame_rect_for_window(Gfx::WindowTheme::WindowType::Normal, rect, m_preview_palette);
|
||||||
Gfx::PainterStateSaver saver(painter);
|
painter.translate(frame_rect.location());
|
||||||
auto frame_rect = Gfx::WindowTheme::current().frame_rect_for_window(Gfx::WindowTheme::WindowType::Normal, rect, m_preview_palette);
|
Gfx::WindowTheme::current().paint_normal_frame(painter, state, rect, title, icon, m_preview_palette, leftmost_button_rect);
|
||||||
painter.translate(frame_rect.location());
|
|
||||||
Gfx::WindowTheme::current().paint_normal_frame(painter, state, rect, title, icon, m_preview_palette, leftmost_button_rect);
|
|
||||||
}
|
|
||||||
|
|
||||||
painter.fill_rect(rect, m_preview_palette.window());
|
|
||||||
|
|
||||||
Gfx::IntRect button_rect { 0, 0, 100, 20 };
|
|
||||||
button_rect.center_within(rect);
|
|
||||||
Gfx::StylePainter::current().paint_button(painter, button_rect, m_preview_palette, Gfx::ButtonStyle::Normal, false);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
Gfx::IntRect active_rect { 0, 0, 320, 240 };
|
Gfx::IntRect active_rect { 0, 0, 320, 240 };
|
||||||
|
@ -83,4 +134,11 @@ void PreviewWidget::paint_event(GUI::PaintEvent& event)
|
||||||
paint_window("Active window", active_rect, Gfx::WindowTheme::WindowState::Active, *m_inactive_window_icon);
|
paint_window("Active window", active_rect, Gfx::WindowTheme::WindowState::Active, *m_inactive_window_icon);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void PreviewWidget::resize_event(GUI::ResizeEvent&)
|
||||||
|
{
|
||||||
|
Gfx::IntRect gallery_rect { 0, 0, 320, 240 };
|
||||||
|
gallery_rect.center_within(rect());
|
||||||
|
m_gallery->set_relative_rect(gallery_rect);
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -31,6 +31,8 @@
|
||||||
|
|
||||||
namespace ThemeEditor {
|
namespace ThemeEditor {
|
||||||
|
|
||||||
|
class MiniWidgetGallery;
|
||||||
|
|
||||||
class PreviewWidget final : public GUI::Frame {
|
class PreviewWidget final : public GUI::Frame {
|
||||||
C_OBJECT(PreviewWidget);
|
C_OBJECT(PreviewWidget);
|
||||||
|
|
||||||
|
@ -44,11 +46,14 @@ private:
|
||||||
explicit PreviewWidget(const Gfx::Palette&);
|
explicit PreviewWidget(const Gfx::Palette&);
|
||||||
|
|
||||||
virtual void paint_event(GUI::PaintEvent&) override;
|
virtual void paint_event(GUI::PaintEvent&) override;
|
||||||
|
virtual void resize_event(GUI::ResizeEvent&) override;
|
||||||
|
|
||||||
Gfx::Palette m_preview_palette;
|
Gfx::Palette m_preview_palette;
|
||||||
|
|
||||||
RefPtr<Gfx::Bitmap> m_active_window_icon;
|
RefPtr<Gfx::Bitmap> m_active_window_icon;
|
||||||
RefPtr<Gfx::Bitmap> m_inactive_window_icon;
|
RefPtr<Gfx::Bitmap> m_inactive_window_icon;
|
||||||
|
|
||||||
|
RefPtr<MiniWidgetGallery> m_gallery;
|
||||||
};
|
};
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue