mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-22 23:50:19 +00:00
WidgetGallery: add a simple Wizard demo :^)
The sample Wizard subclasses WizardDialog and demonstrates a front and back cover, as well as extracting user input from a Wizard page to display in the interface which spawned the Wizard.
This commit is contained in:
Nick Vella
Andreas Kling
parent
e241dba8d3
commit
2b9098f540
Notes:
sideshowbarker
2024-07-18 21:53:21 +09:00
Author: https://github.com/nvella Commit: https://github.com/SerenityOS/serenity/commit/2b9098f5400 Pull-request: https://github.com/SerenityOS/serenity/pull/5534
6 changed files with 239 additions and 0 deletions
|
|
@ -1,5 +1,11 @@
|
|||
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
|
||||
DemoWizardDialog.cpp
|
||||
DemoWizardPage1GML.h
|
||||
DemoWizardPage2GML.h
|
||||
)
|
||||
|
||||
serenity_app(WidgetGallery ICON app-widget-gallery)
|
||||
|
|
|
|||
91
Userland/Demos/WidgetGallery/DemoWizardDialog.cpp
Normal file
91
Userland/Demos/WidgetGallery/DemoWizardDialog.cpp
Normal file
|
|
@ -0,0 +1,91 @@
|
|||
/*
|
||||
* Copyright (c) 2021, Nick Vella <nick@nxk.io>
|
||||
* 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 "DemoWizardDialog.h"
|
||||
#include <Demos/WidgetGallery/DemoWizardPage1GML.h>
|
||||
#include <Demos/WidgetGallery/DemoWizardPage2GML.h>
|
||||
#include <LibGUI/BoxLayout.h>
|
||||
#include <LibGUI/Button.h>
|
||||
#include <LibGUI/TextBox.h>
|
||||
#include <LibGUI/Wizards/WizardDialog.h>
|
||||
|
||||
DemoWizardDialog::DemoWizardDialog(GUI::Window* parent_window)
|
||||
: GUI::WizardDialog(parent_window)
|
||||
{
|
||||
// Create the front cover
|
||||
m_front_page = GUI::CoverWizardPage::construct();
|
||||
m_front_page->set_header_text("Welcome to the SerenityOS demo wizard!");
|
||||
m_front_page->set_body_text("This wizard demonstrates the amazing wizardry\ncapabilities of LibGUI :^)");
|
||||
m_front_page->on_next_page = [&]() {
|
||||
return m_page_1;
|
||||
};
|
||||
|
||||
// Create Page 1
|
||||
m_page_1 = GUI::WizardPage::construct(
|
||||
"Installation location",
|
||||
"Choose where Demo Application is installed on your computer.");
|
||||
m_page_1->body_widget().load_from_gml(demo_wizard_page_1_gml);
|
||||
m_page_1_location_text_box = m_page_1->body_widget().find_descendant_of_type_named<GUI::TextBox>("page_1_location_text_box");
|
||||
m_page_1->on_next_page = [&]() {
|
||||
return m_page_2;
|
||||
};
|
||||
|
||||
// Create Page 2 with a progress bar :^)
|
||||
m_page_2 = GUI::WizardPage::construct(
|
||||
"Installation in progress...",
|
||||
"Please wait. Do not turn off your computer.");
|
||||
m_page_2->body_widget().load_from_gml(demo_wizard_page_2_gml);
|
||||
m_page_2_progress_bar = m_page_2->body_widget().find_descendant_of_type_named<GUI::ProgressBar>("page_2_progress_bar");
|
||||
m_page_2_timer = Core::Timer::construct(this);
|
||||
m_page_2->on_page_enter = [&]() {
|
||||
m_page_2_progress_value = 0;
|
||||
m_page_2_timer->restart(100);
|
||||
};
|
||||
m_page_2->on_page_leave = [&]() {
|
||||
m_page_2_progress_value = 0;
|
||||
m_page_2_timer->stop();
|
||||
};
|
||||
m_page_2_timer->on_timeout = [&]() {
|
||||
if (m_page_2_progress_value < 100)
|
||||
m_page_2_progress_value++;
|
||||
m_page_2_progress_bar->set_value(m_page_2_progress_value);
|
||||
|
||||
// Go to final page on progress completion
|
||||
if (m_page_2_progress_value == 100) {
|
||||
m_page_2_progress_value = 0;
|
||||
replace_page(*m_back_page);
|
||||
}
|
||||
};
|
||||
// Don't set a on_next_page handler for page 2 as we automatically navigate to the final page on progress completion
|
||||
|
||||
// Create the back cover
|
||||
m_back_page = GUI::CoverWizardPage::construct();
|
||||
m_back_page->set_header_text("Wizard complete.");
|
||||
m_back_page->set_body_text("That concludes the SerenityOS demo wizard :^)");
|
||||
m_back_page->set_is_final_page(true);
|
||||
|
||||
push_page(*m_front_page);
|
||||
}
|
||||
55
Userland/Demos/WidgetGallery/DemoWizardDialog.h
Normal file
55
Userland/Demos/WidgetGallery/DemoWizardDialog.h
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
/*
|
||||
* Copyright (c) 2021, Nick Vella <nick@nxk.io>
|
||||
* 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/ProgressBar.h>
|
||||
#include <LibGUI/TextBox.h>
|
||||
#include <LibGUI/Window.h>
|
||||
#include <LibGUI/Wizards/CoverWizardPage.h>
|
||||
#include <LibGUI/Wizards/WizardDialog.h>
|
||||
#include <LibGUI/Wizards/WizardPage.h>
|
||||
|
||||
class DemoWizardDialog : public GUI::WizardDialog {
|
||||
C_OBJECT(DemoWizardDialog);
|
||||
|
||||
public:
|
||||
String page_1_location() { return m_page_1_location_text_box->get_text(); }
|
||||
|
||||
private:
|
||||
DemoWizardDialog(GUI::Window* parent_window);
|
||||
|
||||
RefPtr<GUI::CoverWizardPage> m_front_page;
|
||||
RefPtr<GUI::WizardPage> m_page_1;
|
||||
RefPtr<GUI::TextBox> m_page_1_location_text_box;
|
||||
|
||||
RefPtr<GUI::WizardPage> m_page_2;
|
||||
RefPtr<GUI::ProgressBar> m_page_2_progress_bar;
|
||||
int m_page_2_progress_value { 0 };
|
||||
RefPtr<Core::Timer> m_page_2_timer;
|
||||
|
||||
RefPtr<GUI::CoverWizardPage> m_back_page;
|
||||
};
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
@GUI::Widget {
|
||||
layout: @GUI::VerticalBoxLayout {
|
||||
margins: [20, 20, 20, 20]
|
||||
}
|
||||
|
||||
@GUI::Label {
|
||||
text: "Please select an installation directory."
|
||||
text_alignment: "TopLeft"
|
||||
fixed_height: 32
|
||||
}
|
||||
|
||||
@GUI::Widget {
|
||||
fixed_height: 25
|
||||
|
||||
layout: @GUI::HorizontalBoxLayout {
|
||||
}
|
||||
|
||||
@GUI::Label {
|
||||
text: "Location: "
|
||||
autosize: true
|
||||
}
|
||||
|
||||
@GUI::TextBox {
|
||||
name: "page_1_location_text_box"
|
||||
}
|
||||
|
||||
@GUI::Button {
|
||||
text: "Browse"
|
||||
fixed_width: 75
|
||||
}
|
||||
}
|
||||
|
||||
// Spacer
|
||||
@GUI::Widget {
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
@GUI::Widget {
|
||||
layout: @GUI::VerticalBoxLayout {
|
||||
margins: [20, 20, 20, 20]
|
||||
}
|
||||
|
||||
@GUI::Label {
|
||||
text: "Please wait..."
|
||||
text_alignment: "TopLeft"
|
||||
fixed_height: 32
|
||||
}
|
||||
|
||||
@GUI::ProgressBar {
|
||||
name: "page_2_progress_bar"
|
||||
fixed_height: 28
|
||||
}
|
||||
|
||||
// Spacer
|
||||
@GUI::Widget {
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -34,6 +34,7 @@
|
|||
#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>
|
||||
|
|
@ -55,8 +56,12 @@
|
|||
#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:
|
||||
|
|
@ -466,6 +471,30 @@ int main(int argc, char** argv)
|
|||
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 });
|
||||
|
|
|
|||
Loading…
Reference in a new issue