RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 23:07:36 +00:00
Code Issues Activity Actions

WidgetGallery: Convert layout to GML and add new Icons gallery

Browse source
This commit is contained in:
thankyouverycool 2021-03-11 15:27:09 -05:00 • committed by Andreas Kling
parent 0fc81d23f4
commit 35897651af
11 changed files with 1347 additions and 514 deletions
Download patch file Download diff file Expand all files Collapse all files

13
Userland/Demos/WidgetGallery/CMakeLists.txt
View file

@ -1,8 +1,21 @@
compile_gml(./GalleryGML/Window.gml WindowGML.h window_gml)
compile_gml(./GalleryGML/BasicsTab.gml BasicsTabGML.h basics_tab_gml)
compile_gml(./GalleryGML/SlidersTab.gml SlidersTabGML.h sliders_tab_gml)
compile_gml(./GalleryGML/CursorsTab.gml CursorsTabGML.h cursors_tab_gml)
compile_gml(./GalleryGML/IconsTab.gml IconsTabGML.h icons_tab_gml)
compile_gml(./GalleryGML/WizardsTab.gml WizardsTabGML.h wizards_tab_gml)
compile_gml(DemoWizardPage1.gml DemoWizardPage1GML.h demo_wizard_page_1_gml)
compile_gml(DemoWizardPage2.gml DemoWizardPage2GML.h demo_wizard_page_2_gml)
set(SOURCES
main.cpp
GalleryWidget.cpp
WindowGML.h
BasicsTabGML.h
SlidersTabGML.h
CursorsTabGML.h
IconsTabGML.h
WizardsTabGML.h
DemoWizardDialog.cpp
DemoWizardPage1GML.h
DemoWizardPage2GML.h

377
Userland/Demos/WidgetGallery/GalleryGML/BasicsTab.gml Normal file
View file

@ -0,0 +1,377 @@
@GUI::Widget {
name: "basics_tab"
layout: @GUI::VerticalBoxLayout {
margins: [4, 4, 4, 4]
}
@GUI::GroupBox {
fixed_height: 95
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::HorizontalSplitter {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Frame {
name: "label_frame"
shape: "Panel"
shadow: "Sunken"
thickness: 1
layout: @GUI::VerticalBoxLayout {
margins: [4, 3, 4, 3]
}
@GUI::Label {
name: "enabled_label"
text: "Label"
}
@GUI::Label {
name: "disabled_label"
text: "Disabled"
enabled: false
}
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
margins: [4, 0, 4, 0]
}
@GUI::Label {
name: "word_wrap_label"
word_wrap: true
text_alignment: "TopLeft"
text: "Lorem ipsum sistema serenitas, per construxit klingre sed quis awesomatia, ergo salve amici."
}
}
}
@GUI::HorizontalSeparator {
}
@GUI::Widget {
fixed_height: 22
layout: @GUI::HorizontalBoxLayout {
}
@GUI::ComboBox {
name: "frame_shape_combobox"
placeholder: "Combo box"
}
@GUI::ComboBox {
placeholder: "Disabled"
enabled: false
}
@GUI::VerticalSeparator {
}
@GUI::SpinBox {
name: "thickness_spinbox"
min: 0
max: 2
}
@GUI::SpinBox {
enabled: false
}
}
}
@GUI::Widget {
fixed_height: 125
layout: @GUI::VerticalBoxLayout {
margins: [8, 3, 8, 3]
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
}
@GUI::Widget {
}
@GUI::Button {
name: "normal_button"
text: "Button"
}
@GUI::Button {
name: "disabled_normal_button"
text: "Disabled"
enabled: "false"
}
@GUI::Widget {
}
}
@GUI::VerticalSeparator {
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
}
@GUI::Widget {
}
@GUI::Button {
name: "enabled_coolbar_button"
text: "CoolBar button"
button_style: "CoolBar"
}
@GUI::Button {
name: "disabled_coolbar_button"
text: "Disabled"
enabled: "false"
button_style: "CoolBar"
}
@GUI::Widget {
}
}
}
@GUI::HorizontalSeparator {
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Widget {
fixed_width: 60
layout: @GUI::VerticalBoxLayout {
}
@GUI::Widget {
}
@GUI::RadioButton {
name: "top_radiobutton"
text: "Radio 1"
checked: true
}
@GUI::RadioButton {
name: "bottom_radiobutton"
text: "Radio 2"
}
@GUI::Widget {
}
}
@GUI::Widget {
}
@GUI::Widget {
fixed_width: 70
layout: @GUI::VerticalBoxLayout {
}
@GUI::Widget {
}
@GUI::CheckBox {
name: "top_checkbox"
text: "Checkbox"
}
@GUI::CheckBox {
name: "bottom_checkbox"
text: "Disabled"
enabled: false
}
@GUI::Widget {
}
}
@GUI::Widget {
}
}
@GUI::VerticalSeparator {
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
}
@GUI::Widget {
}
@GUI::Button {
name: "icon_button"
text: "Icon button"
}
@GUI::Button {
name: "disabled_icon_button"
text: "Disabled"
enabled: "false"
}
@GUI::Widget {
}
}
}
}
@GUI::GroupBox {
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::Widget {
fixed_height: 47
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
}
@GUI::TextBox {
placeholder: "Text box"
mode: "Editable"
}
@GUI::TextBox {
text: "Disabled"
enabled: false
}
}
@GUI::VerticalSeparator {
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
}
@GUI::TextBox {
text: "Read only"
mode: "ReadOnly"
}
@GUI::TextBox {
text: "Display only"
mode: "DisplayOnly"
}
}
}
@GUI::HorizontalSeparator {
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::TextEditor {
name: "text_editor"
placeholder: "Text editor"
}
@GUI::VerticalSeparator {
}
@GUI::Widget {
layout: @GUI::VerticalBoxLayout {
}
@GUI::Widget {
fixed_height: 22
layout: @GUI::HorizontalBoxLayout {
}
@GUI::ColorInput {
name: "font_colorinput"
placeholder: "Color dialog"
}
@GUI::ColorInput {
placeholder: "Disabled"
enabled: false
}
}
@GUI::Widget {
}
@GUI::Button {
name: "font_button"
text: "Font picker dialog..."
}
@GUI::Button {
name: "file_button"
text: "File picker dialog..."
}
@GUI::Button {
name: "input_button"
text: "Input dialog..."
}
@GUI::Widget {
}
}
}
@GUI::HorizontalSeparator {
}
@GUI::Widget {
fixed_height: 22
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::ComboBox {
name: "msgbox_icon_combobox"
model_only: true
}
@GUI::ComboBox {
name: "msgbox_buttons_combobox"
model_only: true
}
}
@GUI::VerticalSeparator {
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::Button {
name: "msgbox_button"
text: "Message box dialog..."
}
}
}
}
}

16
Userland/Demos/WidgetGallery/GalleryGML/CursorsTab.gml Normal file
View file

@ -0,0 +1,16 @@
@GUI::Widget {
name: "cursors_tab"
layout: @GUI::VerticalBoxLayout {
margins: [4, 4, 4, 4]
}
@GUI::GroupBox {
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::TableView {
name: "cursors_tableview"
}
}
}

16
Userland/Demos/WidgetGallery/GalleryGML/IconsTab.gml Normal file
View file

@ -0,0 +1,16 @@
@GUI::Widget {
name: "icons_tab"
layout: @GUI::VerticalBoxLayout {
margins: [4, 4, 4, 4]
}
@GUI::GroupBox {
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::TableView {
name: "icons_tableview"
}
}
}

168
Userland/Demos/WidgetGallery/GalleryGML/SlidersTab.gml Normal file
View file

@ -0,0 +1,168 @@
@GUI::Widget {
name: "sliders_tab"
layout: @GUI::VerticalBoxLayout {
margins: [4, 4, 4, 4]
}
@GUI::GroupBox {
fixed_height: 129
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::OpacitySlider {
name: "opacity_slider"
}
@GUI::HorizontalSeparator {
}
@GUI::Frame {
shape: "Panel"
shadow: "Sunken"
thickness: 1
max_width: 394
max_height: 79
layout: @GUI::VerticalBoxLayout {
margins: [1, 1, 1, 1]
}
@GUI::ImageWidget {
name: "opacity_imagewidget"
}
}
}
@GUI::Widget {
fixed_height: 88
layout: @GUI::VerticalBoxLayout {
margins: [8, 0, 8, 0]
}
@GUI::Widget {
}
@GUI::ScrollBar {
name: "enabled_scrollbar"
fixed_height: 16
fixed_width: -1
min: 0
max: 100
value: 50
}
@GUI::Widget {
}
@GUI::HorizontalSeparator {
}
@GUI::Widget {
}
@GUI::ScrollBar {
name: "disabled_scrollbar"
fixed_height: 16
fixed_width: -1
}
@GUI::Widget {
}
}
@GUI::GroupBox {
layout: @GUI::HorizontalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::VerticalProgressBar {
name: "vertical_progressbar_left"
fixed_width: 36
}
@GUI::VerticalSlider {
name: "vertical_slider_left"
knob_size_mode: "Fixed"
min: 0
max: 100
value: 100
tooltip: "Fixed"
}
@GUI::VerticalSeparator {
}
@GUI::VerticalSlider {
enabled: false
tooltip: "Disabled"
min: 0
max: 10
value: 5
}
@GUI::VerticalSeparator {
}
@GUI::VerticalProgressBar {
name: "vertical_progressbar_right"
fixed_width: 36
}
@GUI::VerticalSlider {
name: "vertical_slider_right"
knob_size_mode: "Proportional"
min: 0
max: 4
value: 0
tooltip: "Proportional"
}
}
@GUI::GroupBox {
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::Widget {
layout: @GUI::HorizontalBoxLayout {
}
@GUI::HorizontalSlider {
name: "horizontal_slider_left"
knob_size_mode: "Fixed"
min: 0
max: 100
value: 0
}
@GUI::VerticalSeparator {
}
@GUI::HorizontalSlider {
enabled: false
min: 0
max: 10
value: 5
}
@GUI::VerticalSeparator {
}
@GUI::HorizontalSlider {
name: "horizontal_slider_right"
knob_size_mode: "Proportional"
min: 0
max: 5
value: 0
}
}
@GUI::HorizontalSeparator {
}
@GUI::HorizontalProgressBar {
name: "horizontal_progressbar"
fixed_height: 20
}
}
}

10
Userland/Demos/WidgetGallery/GalleryGML/Window.gml Normal file
View file

@ -0,0 +1,10 @@
@GUI::Widget {
fill_with_background_color: true
layout: @GUI::VerticalBoxLayout {
margins: [4, 4, 4, 4]
}
@GUI::TabWidget {
name: "tab_widget"
}
}

25
Userland/Demos/WidgetGallery/GalleryGML/WizardsTab.gml Normal file
View file

@ -0,0 +1,25 @@
@GUI::Widget {
name: "wizards_tab"
layout: @GUI::VerticalBoxLayout {
margins: [4, 4, 4, 4]
}
@GUI::GroupBox {
layout: @GUI::VerticalBoxLayout {
margins: [8, 8, 8, 8]
}
@GUI::Button {
name: "wizard_button"
text: "Start wizard"
}
@GUI::HorizontalSeparator {
}
@GUI::TextEditor {
name: "wizard_output"
mode: "ReadOnly"
}
}
}

216
Userland/Demos/WidgetGallery/GalleryModels.h Normal file
View file

@ -0,0 +1,216 @@
/*
* Copyright (c) 2021, the SerenityOS developers
* 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.
*/
#pragma once
#include <AK/NonnullRefPtr.h>
#include <AK/Vector.h>
#include <LibCore/DirIterator.h>
#include <LibGUI/Model.h>
class MouseCursorModel final : public GUI::Model {
public:
static NonnullRefPtr<MouseCursorModel> create() { return adopt(*new MouseCursorModel); }
virtual ~MouseCursorModel() override { }
enum Column {
Bitmap,
Name,
__Count,
};
virtual int row_count(const GUI::ModelIndex&) const override { return m_cursors.size(); }
virtual int column_count(const GUI::ModelIndex&) const override { return Column::__Count; }
virtual String column_name(int column_index) const override
{
switch (column_index) {
case Column::Bitmap:
return {};
case Column::Name:
return "Name";
}
VERIFY_NOT_REACHED();
}
virtual GUI::Variant data(const GUI::ModelIndex& index, GUI::ModelRole role) const override
{
auto& cursor = m_cursors[index.row()];
if (role == GUI::ModelRole::Display) {
switch (index.column()) {
case Column::Bitmap:
if (!cursor.bitmap)
return {};
return *cursor.bitmap;
case Column::Name:
return cursor.name;
}
VERIFY_NOT_REACHED();
}
return {};
}
virtual void update() override
{
m_cursors.clear();
Core::DirIterator iterator("/res/cursors", Core::DirIterator::Flags::SkipDots);
while (iterator.has_next()) {
auto path = iterator.next_path();
if (path.contains("2x"))
continue;
Cursor cursor;
StringBuilder full_path;
full_path.append("/res/cursors/");
full_path.append(path);
cursor.path = full_path.to_string();
cursor.bitmap = Gfx::Bitmap::load_from_file(cursor.path);
auto filename_split = path.split('.');
cursor.name = filename_split[0];
m_cursors.append(move(cursor));
}
did_update();
}
private:
MouseCursorModel() { }
struct Cursor {
RefPtr<Gfx::Bitmap> bitmap;
String path;
String name;
};
Vector<Cursor> m_cursors;
};
class FileIconsModel final : public GUI::Model {
public:
static NonnullRefPtr<MouseCursorModel> create() { return adopt(*new FileIconsModel); }
virtual ~FileIconsModel() override { }
enum Column {
BigIcon,
LittleIcon,
Name,
__Count,
};
virtual int row_count(const GUI::ModelIndex&) const override { return m_icon_sets.size(); }
virtual int column_count(const GUI::ModelIndex&) const override { return Column::__Count; }
virtual String column_name(int column_index) const override
{
switch (column_index) {
case Column::BigIcon:
return {};
case Column::LittleIcon:
return {};
case Column::Name:
return "Name";
}
VERIFY_NOT_REACHED();
}
virtual GUI::Variant data(const GUI::ModelIndex& index, GUI::ModelRole role) const override
{
auto& icon_set = m_icon_sets[index.row()];
if (role == GUI::ModelRole::Display) {
switch (index.column()) {
case Column::BigIcon:
if (!icon_set.big_icon)
return {};
return *icon_set.big_icon;
case Column::LittleIcon:
if (!icon_set.little_icon)
return {};
return *icon_set.little_icon;
case Column::Name:
return icon_set.name;
}
VERIFY_NOT_REACHED();
}
return {};
}
virtual void update() override
{
m_icon_sets.clear();
Core::DirIterator big_iterator("/res/icons/32x32", Core::DirIterator::Flags::SkipDots);
while (big_iterator.has_next()) {
auto path = big_iterator.next_path();
if (!path.contains("filetype-") && !path.contains("app-"))
continue;
IconSet icon_set;
StringBuilder full_path;
full_path.append("/res/icons/32x32/");
full_path.append(path);
icon_set.big_icon = Gfx::Bitmap::load_from_file(full_path.to_string());
auto filename_split = path.split('.');
icon_set.name = filename_split[0];
m_icon_sets.append(move(icon_set));
}
auto big_icons_found = m_icon_sets.size();
Core::DirIterator little_iterator("/res/icons/16x16", Core::DirIterator::Flags::SkipDots);
while (little_iterator.has_next()) {
auto path = little_iterator.next_path();
if (!path.contains("filetype-") && !path.contains("app-"))
continue;
IconSet icon_set;
StringBuilder full_path;
full_path.append("/res/icons/16x16/");
full_path.append(path);
icon_set.little_icon = Gfx::Bitmap::load_from_file(full_path.to_string());
auto filename_split = path.split('.');
icon_set.name = filename_split[0];
for (size_t i = 0; i < big_icons_found; i++) {
if (icon_set.name == m_icon_sets[i].name) {
m_icon_sets[i].little_icon = icon_set.little_icon;
goto next_iteration;
}
}
m_icon_sets.append(move(icon_set));
next_iteration:
continue;
}
did_update();
}
private:
FileIconsModel() { }
struct IconSet {
RefPtr<Gfx::Bitmap> big_icon;
RefPtr<Gfx::Bitmap> little_icon;
String name;
};
Vector<IconSet> m_icon_sets;
};

398
Userland/Demos/WidgetGallery/GalleryWidget.cpp Normal file
View file

@ -0,0 +1,398 @@
/*
* Copyright (c) 2021, the SerenityOS developers
* 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 "GalleryWidget.h"
#include "DemoWizardDialog.h"
#include "GalleryModels.h"
#include <AK/StringBuilder.h>
#include <Demos/WidgetGallery/BasicsTabGML.h>
#include <Demos/WidgetGallery/CursorsTabGML.h>
#include <Demos/WidgetGallery/IconsTabGML.h>
#include <Demos/WidgetGallery/SlidersTabGML.h>
#include <Demos/WidgetGallery/WindowGML.h>
#include <Demos/WidgetGallery/WizardsTabGML.h>
#include <LibGUI/Button.h>
#include <LibGUI/ColorInput.h>
#include <LibGUI/FilePicker.h>
#include <LibGUI/FontPicker.h>
#include <LibGUI/InputBox.h>
#include <LibGUI/ItemListModel.h>
#include <LibGUI/MessageBox.h>
#include <LibGUI/SeparatorWidget.h>
#include <LibGUI/SortingProxyModel.h>
#include <LibGUI/SpinBox.h>
#include <LibGUI/TabWidget.h>
#include <LibGUI/TableView.h>
#include <LibGfx/FontDatabase.h>
#include <LibGfx/Palette.h>
GalleryWidget::GalleryWidget()
{
load_from_gml(window_gml);
auto& tab_widget = *find_descendant_of_type_named<GUI::TabWidget>("tab_widget");
auto& basics_tab = tab_widget.add_tab<GUI::Widget>("Basics");
basics_tab.load_from_gml(basics_tab_gml);
m_enabled_label = basics_tab.find_descendant_of_type_named<GUI::Label>("enabled_label");
m_label_frame = basics_tab.find_descendant_of_type_named<GUI::Frame>("label_frame");
m_frame_shapes.append("No Frame");
m_frame_shapes.append("Plain Box");
m_frame_shapes.append("Plain Container");
m_frame_shapes.append("Plain Panel");
m_frame_shapes.append("Raised Box");
m_frame_shapes.append("Raised Container");
m_frame_shapes.append("Raised Panel");
m_frame_shapes.append("Sunken Box");
m_frame_shapes.append("Sunken Container");
m_frame_shapes.append("Sunken Panel");
m_frame_shape_combobox = basics_tab.find_descendant_of_type_named<GUI::ComboBox>("frame_shape_combobox");
m_frame_shape_combobox->set_model(*GUI::ItemListModel<String>::create(m_frame_shapes));
m_frame_shape_combobox->on_change = [&](auto&, const auto& index) {
m_label_frame->set_frame_shape(static_cast<Gfx::FrameShape>((index.row() - 1) % 3 + 1));
m_label_frame->set_frame_shadow(static_cast<Gfx::FrameShadow>((index.row() - 1) / 3));
m_label_frame->update();
};
m_frame_shape_combobox->on_return_pressed = [&]() {
m_enabled_label->set_text(m_frame_shape_combobox->text());
};
m_thickness_spinbox = basics_tab.find_descendant_of_type_named<GUI::SpinBox>("thickness_spinbox");
m_thickness_spinbox->set_value(1);
m_thickness_spinbox->on_change = [&](auto value) {
m_label_frame->set_frame_thickness(value);
};
m_button_icons.append(Gfx::Bitmap::load_from_file("/res/icons/16x16/book-open.png"));
m_button_icons.append(Gfx::Bitmap::load_from_file("/res/icons/16x16/inspector-object.png"));
m_button_icons.append(Gfx::Bitmap::load_from_file("/res/icons/16x16/ladybug.png"));
m_icon_button = basics_tab.find_descendant_of_type_named<GUI::Button>("icon_button");
m_icon_button->set_icon(*m_button_icons[2]);
m_disabled_icon_button = basics_tab.find_descendant_of_type_named<GUI::Button>("disabled_icon_button");
m_disabled_icon_button->set_icon(*m_button_icons[2]);
m_icon_button->on_click = [&]() {
static size_t i;
if (i >= m_button_icons.size())
i = 0;
m_icon_button->set_icon(*m_button_icons[i]);
m_disabled_icon_button->set_icon(*m_button_icons[i]);
i++;
};
m_text_editor = basics_tab.find_descendant_of_type_named<GUI::TextEditor>("text_editor");
m_font_button = basics_tab.find_descendant_of_type_named<GUI::Button>("font_button");
m_font_button->set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/app-font-editor.png"));
m_font_button->on_click = [&]() {
auto picker = GUI::FontPicker::construct(window(), &m_text_editor->font(), false);
if (picker->exec() == GUI::Dialog::ExecOK) {
m_text_editor->set_font(picker->font());
}
};
m_file_button = basics_tab.find_descendant_of_type_named<GUI::Button>("file_button");
m_file_button->set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/open.png"));
m_file_button->on_click = [&]() {
Optional<String> open_path = GUI::FilePicker::get_open_filepath(window());
if (!open_path.has_value())
return;
m_text_editor->set_text(open_path.value());
};
m_input_button = basics_tab.find_descendant_of_type_named<GUI::Button>("input_button");
m_input_button->set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/properties.png"));
m_input_button->on_click = [&]() {
String value;
if (GUI::InputBox::show(window(), value, "Enter input:", "Input") == GUI::InputBox::ExecOK && !value.is_empty())
m_text_editor->set_text(value);
};
m_font_colorinput = basics_tab.find_descendant_of_type_named<GUI::ColorInput>("font_colorinput");
m_font_colorinput->on_change = [&]() {
auto palette = m_text_editor->palette();
palette.set_color(Gfx::ColorRole::BaseText, m_font_colorinput->color());
m_text_editor->set_palette(palette);
m_text_editor->update();
};
m_msgbox_button = basics_tab.find_descendant_of_type_named<GUI::Button>("msgbox_button");
m_msgbox_button->set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/app-irc-client.png"));
m_msgbox_type = GUI::MessageBox::Type::None;
m_msgbox_input_type = GUI::MessageBox::InputType::OK;
m_msgbox_icons.append("None");
m_msgbox_icons.append("Information");
m_msgbox_icons.append("Warning");
m_msgbox_icons.append("Error");
m_msgbox_icons.append("Question");
m_msgbox_buttons.append("OK");
m_msgbox_buttons.append("OK Cancel");
m_msgbox_buttons.append("Yes No");
m_msgbox_buttons.append("Yes No Cancel");
m_msgbox_icon_combobox = basics_tab.find_descendant_of_type_named<GUI::ComboBox>("msgbox_icon_combobox");
m_msgbox_icon_combobox->set_model(*GUI::ItemListModel<String>::create(m_msgbox_icons));
m_msgbox_icon_combobox->set_selected_index(0);
m_msgbox_icon_combobox->on_change = [&](auto&, const auto& index) {
m_msgbox_type = static_cast<GUI::MessageBox::Type>(index.row());
};
m_msgbox_buttons_combobox = basics_tab.find_descendant_of_type_named<GUI::ComboBox>("msgbox_buttons_combobox");
m_msgbox_buttons_combobox->set_model(*GUI::ItemListModel<String>::create(m_msgbox_buttons));
m_msgbox_buttons_combobox->set_selected_index(0);
m_msgbox_buttons_combobox->on_change = [&](auto&, const auto& index) {
m_msgbox_input_type = static_cast<GUI::MessageBox::InputType>(index.row());
};
m_msgbox_button->on_click = [&]() {
GUI::MessageBox::show(window(), m_text_editor->text(), "Message", m_msgbox_type, m_msgbox_input_type);
};
auto& sliders_tab = tab_widget.add_tab<GUI::Widget>("Sliders");
sliders_tab.load_from_gml(sliders_tab_gml);
m_vertical_progressbar_left = sliders_tab.find_descendant_of_type_named<GUI::VerticalProgressBar>("vertical_progressbar_left");
m_vertical_progressbar_left->set_value(0);
m_vertical_progressbar_right = sliders_tab.find_descendant_of_type_named<GUI::VerticalProgressBar>("vertical_progressbar_right");
m_vertical_progressbar_right->set_value(100);
m_vertical_slider_left = sliders_tab.find_descendant_of_type_named<GUI::VerticalSlider>("vertical_slider_left");
m_vertical_slider_right = sliders_tab.find_descendant_of_type_named<GUI::VerticalSlider>("vertical_slider_right");
m_vertical_slider_left->on_change = [&](auto value) {
m_vertical_progressbar_left->set_value(m_vertical_slider_left->max() - value);
};
m_vertical_slider_right->on_change = [&](auto value) {
m_vertical_progressbar_right->set_value((100 / m_vertical_slider_right->max()) * (m_vertical_slider_right->max() - value));
};
m_horizontal_progressbar = sliders_tab.find_descendant_of_type_named<GUI::HorizontalProgressBar>("horizontal_progressbar");
m_horizontal_progressbar->set_value(0);
m_horizontal_slider_left = sliders_tab.find_descendant_of_type_named<GUI::HorizontalSlider>("horizontal_slider_left");
m_horizontal_slider_right = sliders_tab.find_descendant_of_type_named<GUI::HorizontalSlider>("horizontal_slider_right");
m_horizontal_slider_left->on_change = [&](auto value) {
m_horizontal_progressbar->set_value(value);
if (!(value % (100 / m_horizontal_slider_right->max())))
m_horizontal_slider_right->set_value(value / (100 / m_horizontal_slider_right->max()));
};
m_horizontal_slider_right->on_change = [&](auto value) {
m_horizontal_progressbar->set_value((value * 100) / m_horizontal_slider_right->max());
m_horizontal_slider_left->set_value((value * 100) / m_horizontal_slider_right->max());
};
m_enabled_scrollbar = sliders_tab.find_descendant_of_type_named<GUI::ScrollBar>("enabled_scrollbar");
m_enabled_scrollbar->set_orientation(Orientation::Horizontal);
m_disabled_scrollbar = sliders_tab.find_descendant_of_type_named<GUI::ScrollBar>("disabled_scrollbar");
m_disabled_scrollbar->set_orientation(Orientation::Horizontal);
m_opacity_imagewidget = sliders_tab.find_descendant_of_type_named<GUI::ImageWidget>("opacity_imagewidget");
m_opacity_imagewidget->load_from_file("/res/graphics/brand-banner.png");
m_opacity_slider = sliders_tab.find_descendant_of_type_named<GUI::OpacitySlider>("opacity_slider");
m_opacity_slider->on_change = [&](auto percent) {
m_opacity_imagewidget->set_opacity_percent(percent);
};
auto& wizards_tab = tab_widget.add_tab<GUI::Widget>("Wizards");
wizards_tab.load_from_gml(wizards_tab_gml);
m_wizard_button = wizards_tab.find_descendant_of_type_named<GUI::Button>("wizard_button");
m_wizard_output = wizards_tab.find_descendant_of_type_named<GUI::TextEditor>("wizard_output");
m_wizard_output->set_should_hide_unnecessary_scrollbars(true);
const char* serenityos_ascii = {
" ____ _ __ ____ ____\n"
" / __/__ _______ ___ (_) /___ __/ __ \\/ __/\n"
" _\\ \\/ -_) __/ -_) _ \\/ / __/ // / /_/ /\\ \\\n"
"/___/\\__/_/ \\__/_//_/_/\\__/\\_, /\\____/___/\n"
" /___/\n"
};
const char* wizard_ascii = {
" _,-'|\n"
" ,-'._ |\n"
" .||, |####\\ |\n"
"\\`' ,/ \\'L' | |\n"
"= ,. = |-,#| |\n"
"/ || \\ ,-'\\#/,'`.\n"
" || ,' `,,. `.\n"
" ,|____,' , ,;' \\| |\n"
" (3|\\ _/|/' _| |\n"
" ||/,-'' | >-'' _,\\\\\n"
" ||' ==\\ ,-' ,'\n"
" || | V \\ ,|\n"
" || | |` |\n"
" || | | \\\n"
" || | \\ \\\n"
" || | | \\\n"
" || | \\_,-'\n"
" || |___,,--')_\\\n"
" || |_| _ccc/-\n"
" || ccc/__\n"
" _||_-\n"
};
StringBuilder sb;
sb.appendf("%s%s", serenityos_ascii, wizard_ascii);
m_wizard_output->set_text(sb.to_string());
m_wizard_button->on_click = [&]() {
StringBuilder sb;
sb.append(m_wizard_output->get_text());
sb.append("\nWizard started.");
m_wizard_output->set_text(sb.to_string());
auto wizard = DemoWizardDialog::construct(window());
int result = wizard->exec();
sb.append(String::formatted("\nWizard execution complete.\nDialog ExecResult code: {}", result));
if (result == GUI::Dialog::ExecResult::ExecOK)
sb.append(String::formatted(" (ExecOK)\n'Installation' location: \"{}\"", wizard->page_1_location()));
m_wizard_output->set_text(sb.string_view());
};
auto& cursors_tab = tab_widget.add_tab<GUI::Widget>("Cursors");
cursors_tab.load_from_gml(cursors_tab_gml);
m_cursors_tableview = cursors_tab.find_descendant_of_type_named<GUI::TableView>("cursors_tableview");
m_cursors_tableview->set_highlight_selected_rows(true);
m_cursors_tableview->set_alternating_row_colors(false);
m_cursors_tableview->set_vertical_padding(16);
m_cursors_tableview->set_column_headers_visible(false);
m_cursors_tableview->set_font(Gfx::BitmapFont::load_from_file("/res/fonts/KaticaRegular12.font"));
m_cursors_tableview->set_highlight_key_column(false);
auto sorting_proxy_model = GUI::SortingProxyModel::create(MouseCursorModel::create());
sorting_proxy_model->set_sort_role(GUI::ModelRole::Display);
m_cursors_tableview->set_model(sorting_proxy_model);
m_cursors_tableview->set_key_column_and_sort_order(MouseCursorModel::Column::Name, GUI::SortOrder::Ascending);
m_cursors_tableview->model()->update();
m_cursors_tableview->set_column_width(0, 25);
m_cursors_tableview->on_activation = [&](const GUI::ModelIndex& index) {
switch (index.row()) {
case 0:
window()->set_cursor(Gfx::StandardCursor::Arrow);
break;
case 1:
window()->set_cursor(Gfx::StandardCursor::Crosshair);
break;
case 2:
window()->set_cursor(Gfx::StandardCursor::Disallowed);
break;
case 3:
window()->set_cursor(Gfx::StandardCursor::Drag);
break;
case 4:
window()->set_cursor(Gfx::StandardCursor::Hand);
break;
case 5:
window()->set_cursor(Gfx::StandardCursor::Help);
break;
case 6:
window()->set_cursor(Gfx::StandardCursor::Hidden);
break;
case 7:
window()->set_cursor(Gfx::StandardCursor::IBeam);
break;
case 8:
window()->set_cursor(Gfx::StandardCursor::Move);
break;
case 9:
window()->set_cursor(Gfx::StandardCursor::ResizeColumn);
break;
case 10:
window()->set_cursor(Gfx::StandardCursor::ResizeDiagonalBLTR);
break;
case 11:
window()->set_cursor(Gfx::StandardCursor::ResizeDiagonalTLBR);
break;
case 12:
window()->set_cursor(Gfx::StandardCursor::ResizeHorizontal);
break;
case 13:
window()->set_cursor(Gfx::StandardCursor::ResizeRow);
break;
case 14:
window()->set_cursor(Gfx::StandardCursor::ResizeVertical);
break;
case 15:
window()->set_cursor(Gfx::StandardCursor::Wait);
break;
default:
window()->set_cursor(Gfx::StandardCursor::Arrow);
}
};
auto& icons_tab = tab_widget.add_tab<GUI::Widget>("Icons");
icons_tab.load_from_gml(icons_tab_gml);
m_icons_tableview = icons_tab.find_descendant_of_type_named<GUI::TableView>("icons_tableview");
m_icons_tableview->set_highlight_selected_rows(true);
m_icons_tableview->set_alternating_row_colors(false);
m_icons_tableview->set_vertical_padding(24);
m_icons_tableview->set_column_headers_visible(false);
m_icons_tableview->set_font(Gfx::BitmapFont::load_from_file("/res/fonts/KaticaRegular12.font"));
m_icons_tableview->set_highlight_key_column(false);
auto sorting_proxy_icons_model = GUI::SortingProxyModel::create(FileIconsModel::create());
sorting_proxy_icons_model->set_sort_role(GUI::ModelRole::Display);
m_icons_tableview->set_model(sorting_proxy_icons_model);
m_icons_tableview->set_key_column_and_sort_order(FileIconsModel::Column::Name, GUI::SortOrder::Ascending);
m_icons_tableview->model()->update();
m_icons_tableview->set_column_width(0, 36);
m_icons_tableview->set_column_width(1, 20);
}
GalleryWidget::~GalleryWidget()
{
}

90
Userland/Demos/WidgetGallery/GalleryWidget.h Normal file
View file

@ -0,0 +1,90 @@
/*
* Copyright (c) 2021, the SerenityOS developers
* 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.
*/
#pragma once
#include <LibGUI/ColorInput.h>
#include <LibGUI/ComboBox.h>
#include <LibGUI/ImageWidget.h>
#include <LibGUI/MessageBox.h>
#include <LibGUI/OpacitySlider.h>
#include <LibGUI/ProgressBar.h>
#include <LibGUI/Slider.h>
#include <LibGUI/Widget.h>
#include <LibGfx/Bitmap.h>
class GalleryWidget final : public GUI::Widget {
C_OBJECT(GalleryWidget)
public:
virtual ~GalleryWidget() override;
private:
GalleryWidget();
RefPtr<GUI::Button> m_font_button;
RefPtr<GUI::Button> m_file_button;
RefPtr<GUI::Button> m_icon_button;
RefPtr<GUI::Button> m_input_button;
RefPtr<GUI::Button> m_wizard_button;
RefPtr<GUI::Button> m_msgbox_button;
RefPtr<GUI::Button> m_disabled_icon_button;
RefPtr<GUI::ComboBox> m_frame_shape_combobox;
RefPtr<GUI::ComboBox> m_msgbox_icon_combobox;
RefPtr<GUI::ComboBox> m_msgbox_buttons_combobox;
RefPtr<GUI::VerticalSlider> m_vertical_slider_left;
RefPtr<GUI::VerticalSlider> m_vertical_slider_right;
RefPtr<GUI::HorizontalSlider> m_horizontal_slider_left;
RefPtr<GUI::HorizontalSlider> m_horizontal_slider_right;
RefPtr<GUI::VerticalProgressBar> m_vertical_progressbar_left;
RefPtr<GUI::VerticalProgressBar> m_vertical_progressbar_right;
RefPtr<GUI::HorizontalProgressBar> m_horizontal_progressbar;
RefPtr<GUI::ScrollBar> m_enabled_scrollbar;
RefPtr<GUI::ScrollBar> m_disabled_scrollbar;
RefPtr<GUI::TextEditor> m_text_editor;
RefPtr<GUI::TextEditor> m_wizard_output;
RefPtr<GUI::Frame> m_label_frame;
RefPtr<GUI::Label> m_enabled_label;
RefPtr<GUI::SpinBox> m_thickness_spinbox;
RefPtr<GUI::ColorInput> m_font_colorinput;
RefPtr<GUI::TableView> m_icons_tableview;
RefPtr<GUI::TableView> m_cursors_tableview;
RefPtr<GUI::OpacitySlider> m_opacity_slider;
RefPtr<GUI::ImageWidget> m_opacity_imagewidget;
Vector<String> m_frame_shapes;
Vector<String> m_msgbox_icons;
Vector<String> m_msgbox_buttons;
Vector<RefPtr<Gfx::Bitmap>> m_button_icons;
GUI::MessageBox::Type m_msgbox_type;
GUI::MessageBox::InputType m_msgbox_input_type;
};

532
Userland/Demos/WidgetGallery/main.cpp
View file

@ -25,73 +25,23 @@
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
#include <AK/NonnullRefPtr.h>
#include <AK/Vector.h>
#include <LibGUI/Action.h>
#include "GalleryWidget.h"
#include <LibGUI/Application.h>
#include <LibGUI/BoxLayout.h>
#include <LibGUI/Button.h>
#include <LibGUI/CheckBox.h>
#include <LibGUI/ColorInput.h>
#include <LibGUI/ComboBox.h>
#include <LibGUI/Dialog.h>
#include <LibGUI/GroupBox.h>
#include <LibGUI/Icon.h>
#include <LibGUI/ImageWidget.h>
#include <LibGUI/InputBox.h>
#include <LibGUI/Label.h>
#include <LibGUI/ListView.h>
#include <LibGUI/Menu.h>
#include <LibGUI/MenuBar.h>
#include <LibGUI/MessageBox.h>
#include <LibGUI/Model.h>
#include <LibGUI/OpacitySlider.h>
#include <LibGUI/ProgressBar.h>
#include <LibGUI/RadioButton.h>
#include <LibGUI/ScrollBar.h>
#include <LibGUI/Slider.h>
#include <LibGUI/SpinBox.h>
#include <LibGUI/TabWidget.h>
#include <LibGUI/TextBox.h>
#include <LibGUI/Variant.h>
#include <LibGUI/Widget.h>
#include <LibGUI/Window.h>
#include <LibGUI/Wizards/CoverWizardPage.h>
#include <LibGUI/Wizards/WizardDialog.h>
#include <LibGfx/FontDatabase.h>
#include "DemoWizardDialog.h"
template<typename T>
class ListViewModel final : public GUI::Model {
public:
static NonnullRefPtr<ListViewModel> create(Vector<T>& model_items) { return adopt(*new ListViewModel(model_items)); }
virtual ~ListViewModel() override { }
virtual int row_count(const GUI::ModelIndex&) const override { return m_model_items.size(); }
virtual int column_count(const GUI::ModelIndex&) const override { return 1; }
virtual GUI::Variant data(const GUI::ModelIndex& index, GUI::ModelRole role) const override
{
VERIFY(index.is_valid());
VERIFY(index.column() == 0);
if (role == GUI::ModelRole::Display)
return m_model_items.at(index.row());
return {};
}
virtual void update() override { did_update(); }
private:
explicit ListViewModel(Vector<String>& model_items)
: m_model_items(model_items)
{
}
Vector<T>& m_model_items;
};
int main(int argc, char** argv)
{
if (pledge("stdio recvfd sendfd rpath accept unix fattr", nullptr) < 0) {
perror("pledge");
return 1;
}
auto app = GUI::Application::construct(argc, argv);
if (pledge("stdio recvfd sendfd rpath", nullptr) < 0) {
if (pledge("stdio recvfd sendfd rpath accept", nullptr) < 0) {
perror("pledge");
return 1;
}
@ -101,6 +51,16 @@ int main(int argc, char** argv)
return 1;
}
if (unveil("/home/anon", "r") < 0) {
perror("unveil");
return 1;
}
if (unveil("/etc/FileIconProvider.ini", "r") < 0) {
perror("unveil");
return 1;
}
if (unveil(nullptr, nullptr) < 0) {
perror("unveil");
return 1;
@ -112,6 +72,7 @@ int main(int argc, char** argv)
window->resize(430, 480);
window->set_title("Widget Gallery");
window->set_icon(app_icon.bitmap_for_size(16));
window->set_main_widget<GalleryWidget>();
auto menubar = GUI::MenuBar::construct();
@ -121,463 +82,6 @@ int main(int argc, char** argv)
auto& help_menu = menubar->add_menu("Help");
help_menu.add_action(GUI::CommonActions::make_about_action("Widget Gallery", app_icon, window));
auto& root_widget = window->set_main_widget<GUI::Widget>();
root_widget.set_fill_with_background_color(true);
root_widget.set_layout<GUI::VerticalBoxLayout>();
root_widget.layout()->set_margins({ 4, 4, 4, 4 });
auto& tab_widget = root_widget.add<GUI::TabWidget>();
auto& tab_basic = tab_widget.add_tab<GUI::Widget>("Basic");
tab_basic.set_layout<GUI::VerticalBoxLayout>();
tab_basic.layout()->set_margins({ 8, 8, 8, 8 });
tab_basic.layout()->set_spacing(8);
auto& radio_group_box = tab_basic.add<GUI::GroupBox>();
radio_group_box.set_layout<GUI::HorizontalBoxLayout>();
radio_group_box.layout()->set_margins({ 4, 4, 4, 4 });
auto& radio_button_vert_container = radio_group_box.add<GUI::Widget>();
radio_button_vert_container.set_layout<GUI::VerticalBoxLayout>();
radio_button_vert_container.layout()->set_margins({ 4, 9, 4, 4 });
auto& radio_button_container = radio_button_vert_container.add<GUI::Widget>();
radio_button_container.set_layout<GUI::HorizontalBoxLayout>();
auto& radio1 = radio_button_container.add<GUI::RadioButton>("RadioButton 1");
radio1.set_checked(true);
[[maybe_unused]] auto& radio2 = radio_button_container.add<GUI::RadioButton>("RadioButton 2");
auto& radio3 = radio_button_container.add<GUI::RadioButton>("RadioButton 3");
radio3.set_enabled(false);
auto& checklabelspin_container = tab_basic.add<GUI::Widget>();
checklabelspin_container.set_layout<GUI::HorizontalBoxLayout>();
auto& check_group_box = checklabelspin_container.add<GUI::GroupBox>();
check_group_box.set_layout<GUI::HorizontalBoxLayout>();
check_group_box.layout()->set_margins({ 4, 12, 4, 4 });
auto& checkbox_container = check_group_box.add<GUI::Widget>();
checkbox_container.set_layout<GUI::VerticalBoxLayout>();
checkbox_container.layout()->set_margins({ 4, 4, 4, 4 });
auto& label_container = check_group_box.add<GUI::Widget>();
label_container.set_layout<GUI::VerticalBoxLayout>();
label_container.layout()->set_margins({ 4, 4, 4, 4 });
auto& spin_group_box = checklabelspin_container.add<GUI::GroupBox>();
spin_group_box.set_layout<GUI::HorizontalBoxLayout>();
spin_group_box.layout()->set_margins({ 4, 4, 4, 4 });
spin_group_box.set_title("Spin boxes");
auto& spin_container = spin_group_box.add<GUI::Widget>();
spin_container.set_layout<GUI::VerticalBoxLayout>();
spin_container.layout()->set_margins({ 4, 12, 4, 4 });
auto& checkbox1 = checkbox_container.add<GUI::CheckBox>("CheckBox 1");
checkbox1.set_checked(true);
auto& checkbox2 = checkbox_container.add<GUI::CheckBox>("CheckBox 2");
checkbox2.set_enabled(false);
auto& label1 = label_container.add<GUI::Label>("Label 1");
label1.set_fixed_height(22);
auto& label2 = label_container.add<GUI::Label>("Label 2");
label2.set_enabled(false);
label2.set_fixed_height(22);
[[maybe_unused]] auto& spinbox1 = spin_container.add<GUI::SpinBox>();
auto& spinbox2 = spin_container.add<GUI::SpinBox>();
spinbox2.set_enabled(false);
auto& button_container = tab_basic.add<GUI::Widget>();
button_container.set_layout<GUI::HorizontalBoxLayout>();
auto& button_vert1_container = button_container.add<GUI::Widget>();
button_vert1_container.set_layout<GUI::VerticalBoxLayout>();
auto& button_vert2_container = button_container.add<GUI::Widget>();
button_vert2_container.set_layout<GUI::VerticalBoxLayout>();
auto& button1 = button_vert1_container.add<GUI::Button>("Button 1");
button1.set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/kill.png"));
auto& button2 = button_vert1_container.add<GUI::Button>("Button 2");
button2.set_icon(Gfx::Bitmap::load_from_file("/res/icons/16x16/kill.png"));
button2.set_enabled(false);
[[maybe_unused]] auto& button3 = button_vert2_container.add<GUI::Button>("\xF0\x9F\x98\x88 Button 3");
auto& button4 = button_vert2_container.add<GUI::Button>("\xF0\x9F\x8D\x86 Button 4");
button4.set_enabled(false);
auto& text_group_box = tab_basic.add<GUI::GroupBox>();
text_group_box.set_layout<GUI::HorizontalBoxLayout>();
text_group_box.set_title("Text boxes");
text_group_box.layout()->set_margins({ 8, 4, 8, 4 });
auto& textbox_vert1_container = text_group_box.add<GUI::Widget>();
textbox_vert1_container.set_layout<GUI::VerticalBoxLayout>();
textbox_vert1_container.layout()->set_margins({ 1, 12, 1, 4 });
auto& textbox_vert2_container = text_group_box.add<GUI::Widget>();
textbox_vert2_container.set_layout<GUI::VerticalBoxLayout>();
textbox_vert2_container.layout()->set_margins({ 1, 12, 1, 4 });
auto& textbox1 = textbox_vert1_container.add<GUI::TextBox>();
textbox1.set_placeholder("Editable");
auto& textbox2 = textbox_vert1_container.add<GUI::TextBox>();
textbox2.set_text("Disabled");
textbox2.set_enabled(false);
auto& textbox3 = textbox_vert2_container.add<GUI::TextBox>();
textbox3.set_text("Read only");
textbox3.set_mode(GUI::TextEditor::ReadOnly);
auto& textbox4 = textbox_vert2_container.add<GUI::TextBox>();
textbox4.set_text("Display only");
textbox4.set_mode(GUI::TextEditor::DisplayOnly);
auto& combocolor_container = tab_basic.add<GUI::Widget>();
combocolor_container.set_layout<GUI::HorizontalBoxLayout>();
auto& combo_group_box = combocolor_container.add<GUI::GroupBox>();
combo_group_box.set_layout<GUI::HorizontalBoxLayout>();
combo_group_box.layout()->set_margins({ 4, 4, 4, 4 });
combo_group_box.set_title("Combo boxes");
auto& color_group_box = combocolor_container.add<GUI::GroupBox>();
color_group_box.set_layout<GUI::HorizontalBoxLayout>();
color_group_box.layout()->set_margins({ 4, 4, 4, 4 });
color_group_box.set_title("Color pickers");
auto& combo_container = combo_group_box.add<GUI::Widget>();
combo_container.set_layout<GUI::VerticalBoxLayout>();
combo_container.layout()->set_margins({ 4, 12, 4, 4 });
auto& color_container = color_group_box.add<GUI::Widget>();
color_container.set_layout<GUI::VerticalBoxLayout>();
color_container.layout()->set_margins({ 4, 12, 4, 4 });
Vector<String> model_items;
model_items.append("Yes");
model_items.append("No");
model_items.append("Maybe");
model_items.append("I don't know");
model_items.append("Can you repeat the question?");
auto& combobox1 = combo_container.add<GUI::ComboBox>();
combobox1.set_only_allow_values_from_model(true);
combobox1.set_model(*ListViewModel<String>::create(model_items));
auto& combobox2 = combo_container.add<GUI::ComboBox>();
combobox2.set_enabled(false);
auto& color_input_enabled = color_container.add<GUI::ColorInput>();
color_input_enabled.set_color(Color::from_string("#961605ff").value());
color_input_enabled.set_color_picker_title("Select color for desktop");
auto& color_input_disabled = color_container.add<GUI::ColorInput>();
color_input_disabled.set_color(Color::from_string("#961605ff").value());
color_input_disabled.set_enabled(false);
auto& tab_others = tab_widget.add_tab<GUI::Widget>("Sliders");
tab_others.set_layout<GUI::VerticalBoxLayout>();
tab_others.layout()->set_margins({ 8, 8, 8, 8 });
tab_others.layout()->set_spacing(8);
auto& vert_slider_group_box = tab_others.add<GUI::GroupBox>();
vert_slider_group_box.set_layout<GUI::HorizontalBoxLayout>();
vert_slider_group_box.layout()->set_margins({ 4, 28, 4, 4 });
vert_slider_group_box.set_title("Vertical sliders");
auto& vslider1 = vert_slider_group_box.add<GUI::VerticalSlider>();
vslider1.set_max(100);
vslider1.set_tooltip("Fixed");
auto& vslider2 = vert_slider_group_box.add<GUI::VerticalSlider>();
vslider1.set_max(100);
vslider2.set_enabled(false);
vslider2.set_tooltip("Disabled");
auto& vslider3 = vert_slider_group_box.add<GUI::VerticalSlider>();
vslider3.set_max(5);
vslider3.set_knob_size_mode(GUI::Slider::KnobSizeMode::Proportional);
vslider3.set_tooltip("Proportional");
auto& horizontal_slider_group_box = tab_others.add<GUI::GroupBox>();
horizontal_slider_group_box.set_layout<GUI::VerticalBoxLayout>();
horizontal_slider_group_box.layout()->set_margins({ 4, 12, 4, 4 });
horizontal_slider_group_box.set_title("Horizontal sliders");
auto& horizontal_slider_container = horizontal_slider_group_box.add<GUI::Widget>();
horizontal_slider_container.set_layout<GUI::HorizontalBoxLayout>();
horizontal_slider_container.layout()->set_margins({ 4, 4, 4, 4 });
auto& horizontal_slider_container2 = horizontal_slider_group_box.add<GUI::Widget>();
horizontal_slider_container2.set_layout<GUI::HorizontalBoxLayout>();
horizontal_slider_container2.layout()->set_margins({ 4, 4, 4, 4 });
auto& slider1 = horizontal_slider_container.add<GUI::HorizontalSlider>();
slider1.set_max(100);
auto& slider2 = horizontal_slider_container.add<GUI::HorizontalSlider>();
slider2.set_enabled(false);
slider2.set_max(100);
slider2.set_value(50);
auto& slider3 = horizontal_slider_container.add<GUI::HorizontalSlider>();
slider3.set_max(5);
slider3.set_knob_size_mode(GUI::Slider::KnobSizeMode::Proportional);
auto& progress1 = horizontal_slider_container2.add<GUI::ProgressBar>();
progress1.set_fixed_height(28);
slider1.on_change = [&](int value) {
progress1.set_value(value);
if (!(value % (100 / slider3.max())))
slider3.set_value(value / (100 / slider3.max()));
};
slider3.on_change = [&](int value) {
progress1.set_value((value * 100) / slider3.max());
slider1.set_value((value * 100) / slider3.max());
};
auto& opacity_slider_group_box = tab_others.add<GUI::GroupBox>();
opacity_slider_group_box.set_fixed_height(48);
opacity_slider_group_box.set_layout<GUI::VerticalBoxLayout>();
opacity_slider_group_box.layout()->set_margins({ 8, 16, 8, 8 });
opacity_slider_group_box.set_title("Opacity sliders");
auto& opacity_slider = opacity_slider_group_box.add<GUI::OpacitySlider>();
opacity_slider.set_range(0, 100);
opacity_slider.set_value(75);
auto& scroll_group_box = tab_others.add<GUI::GroupBox>();
scroll_group_box.set_layout<GUI::VerticalBoxLayout>();
scroll_group_box.layout()->set_margins({ 12, 12, 12, 12 });
scroll_group_box.set_title("Scrollbars");
scroll_group_box.layout()->add_spacer();
auto& scrollbar1 = scroll_group_box.add<GUI::ScrollBar>(Orientation::Horizontal);
scrollbar1.set_fixed_height(16);
scrollbar1.set_min(0);
scrollbar1.set_max(100);
scrollbar1.set_value(50);
scroll_group_box.layout()->add_spacer();
auto& scrollbar2 = scroll_group_box.add<GUI::ScrollBar>(Orientation::Horizontal);
scrollbar2.set_fixed_height(16);
scrollbar2.set_enabled(false);
scroll_group_box.layout()->add_spacer();
auto& tab_modals = tab_widget.add_tab<GUI::Widget>("Modals");
tab_modals.set_layout<GUI::VerticalBoxLayout>();
tab_modals.layout()->set_margins({ 8, 8, 8, 8 });
tab_modals.layout()->set_spacing(8);
GUI::MessageBox::Type msg_box_type = GUI::MessageBox::Type::Error;
auto& msgbox_group_container = tab_modals.add<GUI::GroupBox>("Message boxes");
msgbox_group_container.set_layout<GUI::VerticalBoxLayout>();
msgbox_group_container.layout()->set_margins({ 4, 12, 4, 2 });
auto& msgbox_radio_container = msgbox_group_container.add<GUI::Widget>();
msgbox_radio_container.set_layout<GUI::HorizontalBoxLayout>();
msgbox_radio_container.layout()->set_margins({ 4, 12, 4, 4 });
auto& icon_group_box = msgbox_radio_container.add<GUI::GroupBox>("Icon");
icon_group_box.set_layout<GUI::VerticalBoxLayout>();
icon_group_box.layout()->set_margins({ 4, 16, 4, 4 });
auto& radio_none = icon_group_box.add<GUI::RadioButton>("None");
radio_none.on_checked = [&](bool) {
msg_box_type = GUI::MessageBox::Type::None;
};
auto& radio_information = icon_group_box.add<GUI::RadioButton>("\xE2\x84\xB9 Information");
radio_information.on_checked = [&](bool) {
msg_box_type = GUI::MessageBox::Type::Information;
};
auto& question_information = icon_group_box.add<GUI::RadioButton>("\xF0\x9F\xA4\x94 Question");
question_information.on_checked = [&](bool) {
msg_box_type = GUI::MessageBox::Type::Question;
};
auto& radio_warning = icon_group_box.add<GUI::RadioButton>("\xE2\x9A\xA0 Warning");
radio_warning.on_checked = [&](bool) {
msg_box_type = GUI::MessageBox::Type::Warning;
};
auto& radio_error = icon_group_box.add<GUI::RadioButton>("\xE2\x9D\x8C Error");
radio_error.set_checked(true);
radio_error.on_checked = [&](bool) {
msg_box_type = GUI::MessageBox::Type::Error;
};
auto& button_group_box = msgbox_radio_container.add<GUI::GroupBox>("Buttons");
button_group_box.set_layout<GUI::VerticalBoxLayout>();
button_group_box.layout()->set_margins({ 4, 16, 4, 4 });
GUI::MessageBox::InputType msg_box_input_type = GUI::MessageBox::InputType::OKCancel;
auto& radio_ok = button_group_box.add<GUI::RadioButton>("OK");
radio_ok.on_checked = [&](bool) {
msg_box_input_type = GUI::MessageBox::InputType::OK;
};
auto& radio_ok_cancel = button_group_box.add<GUI::RadioButton>("OK & Cancel");
radio_ok_cancel.set_checked(true);
radio_ok_cancel.on_checked = [&](bool) {
msg_box_input_type = GUI::MessageBox::InputType::OKCancel;
};
auto& radio_yes_no = button_group_box.add<GUI::RadioButton>("Yes & No");
radio_yes_no.on_checked = [&](bool) {
msg_box_input_type = GUI::MessageBox::InputType::YesNo;
};
auto& radio_yes_no_cancel = button_group_box.add<GUI::RadioButton>("Yes & No & Cancel");
radio_yes_no_cancel.on_checked = [&](bool) {
msg_box_input_type = GUI::MessageBox::InputType::YesNoCancel;
};
auto& msgbox_text_container = msgbox_group_container.add<GUI::Widget>();
msgbox_text_container.set_layout<GUI::VerticalBoxLayout>();
msgbox_text_container.set_fixed_height(100);
msgbox_text_container.layout()->set_margins({ 4, 8, 4, 8 });
auto& title_textbox = msgbox_text_container.add<GUI::TextBox>();
title_textbox.set_fixed_height(24);
title_textbox.set_text("Demo Title");
auto& content_textbox = msgbox_text_container.add<GUI::TextBox>();
content_textbox.set_fixed_height(24);
content_textbox.set_text("Demo text for message box.");
auto& msgbox_button = msgbox_text_container.add<GUI::Button>("Create");
msgbox_button.on_click = [&](auto) {
GUI::MessageBox::show(window, content_textbox.text(), title_textbox.text(), msg_box_type, msg_box_input_type);
};
auto& input_group_box = tab_modals.add<GUI::GroupBox>("Input boxes");
input_group_box.set_layout<GUI::VerticalBoxLayout>();
input_group_box.layout()->set_margins({ 4, 12, 4, 4 });
input_group_box.set_fixed_height(140);
input_group_box.layout()->add_spacer();
auto& input_label = input_group_box.add<GUI::Label>("Valued user input goes here.");
input_label.set_font(Gfx::FontDatabase::default_bold_font());
input_group_box.layout()->add_spacer();
auto& input_button_container = input_group_box.add<GUI::Widget>();
input_button_container.set_layout<GUI::VerticalBoxLayout>();
input_button_container.layout()->set_margins({ 4, 0, 4, 0 });
auto& input_button = input_button_container.add<GUI::Button>("Input...");
String value;
input_button.on_click = [&](auto) {
if (GUI::InputBox::show(window, value, "Enter input:", "Input Box") == GUI::InputBox::ExecOK && !value.is_empty())
input_label.set_text(value);
};
auto& tab_wizards = tab_widget.add_tab<GUI::Widget>("Wizards");
tab_wizards.set_layout<GUI::VerticalBoxLayout>();
tab_wizards.layout()->set_margins({ 8, 8, 8, 8 });
tab_wizards.layout()->set_spacing(8);
auto& start_wizard_button = tab_wizards.add<GUI::Button>("Start wizard");
auto& wizard_output_box = tab_wizards.add<GUI::TextEditor>();
wizard_output_box.set_text("Output from the demo wizard will appear here :^)");
wizard_output_box.set_mode(GUI::TextEditor::DisplayOnly);
wizard_output_box.set_font(Gfx::FontDatabase::the().default_font());
start_wizard_button.on_click = [&]() {
wizard_output_box.set_text("Wizard started.");
auto wizard = DemoWizardDialog::construct(window);
int result = wizard->exec();
StringBuilder sb;
sb.append(String::formatted("Wizard execution complete.\nDialog ExecResult code: {}", result));
if (result == GUI::Dialog::ExecResult::ExecOK)
sb.append(String::formatted(" (ExecOK)\n'Installation' location: \"{}\"", wizard->page_1_location()));
wizard_output_box.set_text(sb.string_view());
};
auto& tab_image = tab_widget.add_tab<GUI::Widget>("Images");
tab_image.set_layout<GUI::VerticalBoxLayout>();
tab_image.layout()->set_margins({ 8, 8, 8, 8 });
tab_image.layout()->set_spacing(8);
auto& banner_image = tab_image.add<GUI::ImageWidget>();
banner_image.set_frame_thickness(2);
banner_image.load_from_file("/res/graphics/brand-banner.png");
auto& gif_animation_image = tab_image.add<GUI::ImageWidget>();
gif_animation_image.load_from_file("/res/graphics/download-animation.gif");
auto& tab_cursors = tab_widget.add_tab<GUI::Widget>("Cursors");
tab_cursors.set_layout<GUI::VerticalBoxLayout>();
tab_cursors.layout()->set_margins({ 8, 8, 8, 8 });
tab_cursors.layout()->set_spacing(8);
auto& cursor_group_box = tab_cursors.add<GUI::GroupBox>("Cursor");
cursor_group_box.set_layout<GUI::VerticalBoxLayout>();
cursor_group_box.layout()->set_margins({ 4, 12, 4, 4 });
auto& radio_cursor_none = cursor_group_box.add<GUI::RadioButton>("None");
radio_cursor_none.set_checked(true);
radio_cursor_none.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::None);
};
auto& radio_cursor_arrow = cursor_group_box.add<GUI::RadioButton>("Arrow");
radio_cursor_arrow.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Arrow);
};
auto& radio_crosshair_arrow = cursor_group_box.add<GUI::RadioButton>("Crosshair");
radio_crosshair_arrow.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Crosshair);
};
auto& radio_cursor_i_beam = cursor_group_box.add<GUI::RadioButton>("IBeam");
radio_cursor_i_beam.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::IBeam);
};
auto& radio_cursor_resize_horizontal = cursor_group_box.add<GUI::RadioButton>("ResizeHorizontal");
radio_cursor_resize_horizontal.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::ResizeHorizontal);
};
auto& radio_cursor_resize_vertical = cursor_group_box.add<GUI::RadioButton>("ResizeVertical");
radio_cursor_resize_vertical.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::ResizeVertical);
};
auto& radio_cursor_resize_diagonal_tlbr = cursor_group_box.add<GUI::RadioButton>("ResizeDiagonalTLBR");
radio_cursor_resize_diagonal_tlbr.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::ResizeDiagonalTLBR);
};
auto& radio_cursor_resize_diagonal_bltr = cursor_group_box.add<GUI::RadioButton>("ResizeDiagonalBLTR");
radio_cursor_resize_diagonal_bltr.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::ResizeDiagonalBLTR);
};
auto& radio_cursor_resize_column = cursor_group_box.add<GUI::RadioButton>("ResizeColumn");
radio_cursor_resize_column.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::ResizeColumn);
};
auto& radio_cursor_resize_row = cursor_group_box.add<GUI::RadioButton>("ResizeRow");
radio_cursor_resize_row.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::ResizeRow);
};
auto& radio_cursor_hand = cursor_group_box.add<GUI::RadioButton>("Hand");
radio_cursor_hand.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Hand);
};
auto& radio_cursor_help = cursor_group_box.add<GUI::RadioButton>("Help");
radio_cursor_help.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Help);
};
auto& radio_cursor_drag = cursor_group_box.add<GUI::RadioButton>("Drag");
radio_cursor_drag.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Drag);
};
auto& radio_cursor_move = cursor_group_box.add<GUI::RadioButton>("Move");
radio_cursor_move.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Move);
};
auto& radio_cursor_wait = cursor_group_box.add<GUI::RadioButton>("Wait");
radio_cursor_wait.on_checked = [&](bool) {
window->set_cursor(Gfx::StandardCursor::Wait);
};
app->set_menubar(move(menubar));
window->show();