ProgressIndicatorRecipe::ProgressIndicatorRecipe(Container *parent) :
CustomControl(parent)
{
// The recipe Container.
Container *recipeContainer = new Container();
StackLayout *recipeLayout = new StackLayout();
recipeLayout->setLeftPadding(20.0);
recipeLayout->setRightPadding(20.0);
recipeContainer->setLayout(recipeLayout);
// The introduction text.
TextArea *introText = new TextArea();
introText->setText((const QString) "Drag the slider to change the ProgressIndicator");
introText->setEditable(false);
introText->textStyle()->setColor(Color::Gray);
introText->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
introText->setBottomMargin(100);
mProgressIndicator = new ProgressIndicator();
mProgressIndicator->setFromValue(0);
mProgressIndicator->setToValue(100);
connect(mProgressIndicator, SIGNAL(valueChanged(float)), this, SLOT(onValueChanged(float)));
// Create a Slider and connect a slot to the signal for Slider value changing.
Slider *slider = new Slider();
slider->setTopMargin(100);
slider->setFromValue(0);
slider->setToValue(100);
// Connect the Slider value directly to the value property of the ProgressIndicator.
QObject::connect(slider, SIGNAL(valueChanging(float)), mProgressIndicator, SLOT(setValue(float)));
// Create a Slider and connect a slot to the signal for Slider value changing.
mButton = new Button();
mButton->setText((const QString) "Pause");
connect(mButton, SIGNAL(clicked()), this, SLOT(onClicked()));
// Add the controls to the recipe Container and set it as root.
recipeContainer->add(introText);
recipeContainer->add(mProgressIndicator);
recipeContainer->add(slider);
recipeContainer->add(mButton);
setRoot(recipeContainer);
}
Container *AnimationRecipe::setUpControllerContainer()
{
// The Controller Container is the bottom part of the animation recipe.
// It is where the descriptive text and a toggle button for triggering the
// animations is kept.
Container *controllerContainer = new Container();
DockLayout *controllerLayout = new DockLayout();
controllerLayout->setLeftPadding(30.0f);
controllerContainer->setLayout(controllerLayout);
controllerContainer->setBackground(Color::fromRGBA(0.84f, 0.84f, 0.84f));
controllerContainer->setPreferredSize(768.0f, 360.0f);
controllerContainer->setLayoutProperties(
DockLayoutProperties::create().vertical(VerticalAlignment::Bottom));
// A recipe text.
Container *descriptionContainer = new Container();
StackLayout *descriptionLayout = new StackLayout();
descriptionLayout->setTopPadding(42.0f);
descriptionContainer->setLayout(descriptionLayout);
descriptionContainer->setLayoutProperties(
DockLayoutProperties::create().vertical(VerticalAlignment::Top).horizontal(
HorizontalAlignment::Left));
// A Label is used for the header and a text area for the descriptive text.
Label *descriptionHeader = new Label();
descriptionHeader->textStyle()->setBase(SystemDefaults::TextStyles::bigText());
descriptionHeader->textStyle()->setColor(Color::Black);
descriptionHeader->setText("Scrambled eggs");
descriptionHeader->setBottomMargin(32.0f);
// Three labels for describing how to scramble the eggs.
Label *line1 = new Label();
line1->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
line1->setText("1. Take two eggs.");
line1->textStyle()->setColor(Color::Black);
Label *line2 = new Label();
line2->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
line2->setText("2. Scramble them.");
line2->textStyle()->setColor(Color::Black);
Label *line3 = new Label();
line3->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
line3->setText("3. Done.");
line3->textStyle()->setColor(Color::Black);
// Add the texts to the description Container.
descriptionContainer->add(descriptionHeader);
descriptionContainer->add(line1);
descriptionContainer->add(line2);
descriptionContainer->add(line3);
// The Controller is a toggle Button and it has a descriptive Label.
// They are stacked in a Container that is aligned to the bottom right corner.
Container *toggleContainer = new Container();
StackLayout *toggleLayout = new StackLayout();
toggleLayout->setBottomPadding(45.0f);
toggleLayout->setRightPadding(30.0f);
toggleContainer->setLayout(toggleLayout);
toggleContainer->setLayoutProperties(
DockLayoutProperties::create().vertical(VerticalAlignment::Bottom).horizontal(
HorizontalAlignment::Right));
// Set up of a Label with a descriptive text.
Label *actionLabel = new Label();
actionLabel->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Right));
actionLabel->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
actionLabel->setText("Super size");
actionLabel->textStyle()->setColor(Color::Black);
// Set up of a toggle Button and connect to its onChanged signal, its in
// the slot function onToggleChanged were animations are triggered.
ToggleButton *toggle = new ToggleButton();
toggle->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Right));
connect(toggle, SIGNAL(checkedChanged(bool)), this, SLOT(onToggleChanged(bool)));
// Add the Label and the toggle Button to the toggle Container then add
// that Container to the main controller Container.
toggleContainer->add(toggle);
toggleContainer->add(actionLabel);
// Add the description and the toggle button Container.
controllerContainer->add(descriptionContainer);
controllerContainer->add(toggleContainer);
return controllerContainer;
}
SelectionRecipe::SelectionRecipe(Container * parent) :
CustomControl(parent)
{
Container *recipeContainer = new Container();
StackLayout *recipeLayout = new StackLayout();
recipeLayout->setLeftPadding(80);
recipeLayout->setRightPadding(80);
recipeContainer->setLayout(recipeLayout);
Container *checkBoxContainer = new Container();
Label *typeLabel = new Label();
typeLabel->setText("Olive Type");
typeLabel->textStyle()->setBase(SystemDefaults::TextStyles::titleText());
typeLabel->textStyle()->setFontWeight(FontWeight::Bold);
typeLabel->setBottomMargin(0);
checkBoxContainer->add(typeLabel);
// Since we want the CheckBox Control to also have a colored box to represent the
// selection of which olives should be in the mix a CustomControl is used, see SelectionCheckBox.cpp.
SelectionCheckBox *limonCello = new SelectionCheckBox();
limonCello->setOliveColor(QVariant::fromValue<Color>(Color::fromARGB(0xff808000)));
limonCello->setTitle("Limoncello");
limonCello->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Fill));
SelectionCheckBox *greek = new SelectionCheckBox();
greek->setOliveColor(QVariant::fromValue<Color>(Color::fromARGB(0xff698B22)));
greek->setTitle("Greek");
SelectionCheckBox *kalamata = new SelectionCheckBox();
kalamata->setOliveColor(QVariant::fromValue<Color>(Color::fromARGB(0xff733D1A)));
kalamata->setTitle("Kalamata");
checkBoxContainer->add(limonCello);
checkBoxContainer->add(greek);
checkBoxContainer->add(kalamata);
// The two menu selections are separated by a Divider.
Divider *divider = new Divider();
divider->setBottomMargin(60);
Label *fillingLabel = new Label();
fillingLabel->setText("Filling");
fillingLabel->textStyle()->setBase(SystemDefaults::TextStyles::titleText());
fillingLabel->textStyle()->setFontWeight(FontWeight::Bold);
fillingLabel->setBottomMargin(9);
// The RadioGroup is a Control that one use if only one option can
// be selected at the time. RadioGroupOptions are added to the Control
// and by listening for the onSelectedOptionChanged signal its possible
// to keep track of what the current selection is.
RadioGroup *radioGroup = new RadioGroup();
radioGroup->setDividersVisible(false);
Option *stoneOption = new Option();
stoneOption->setText("Stone");
Option *pimentoOption = new Option();
pimentoOption->setText("Pimento");
radioGroup->add(stoneOption);
radioGroup->add(pimentoOption);
// We listen for changes in selected options on the RadioGroup.
connect(radioGroup, SIGNAL(selectedIndexChanged(int)), this,
SLOT(fillingSelectedOptionChanged(int)));
// Add the controls.
recipeContainer->add(checkBoxContainer);
recipeContainer->add(divider);
recipeContainer->add(fillingLabel);
recipeContainer->add(radioGroup);
setRoot(recipeContainer);
}
ActivityIndicatorRecipe::ActivityIndicatorRecipe(Container *parent) :
CustomControl(parent)
{
// The recipe Container.
Container *recipeContainer = new Container();
StackLayout *recipeLayout = new StackLayout();
recipeLayout->setLeftPadding(20.0);
recipeLayout->setRightPadding(20.0);
recipeContainer->setLayout(recipeLayout);
// The introduction text.
TextArea *introText = new TextArea();
introText->setText((const QString) "This is a milk boiling simulator recepie");
introText->setEditable(false);
introText->textStyle()->setColor(Color::Gray);
introText->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
introText->setBottomMargin(100);
Container* smashContainer = new Container();
smashContainer->setLayout(new DockLayout());
// This the big image that was taking during the night
// it's at the same position as the day one, but further from the viewer.
mUnbroken = ImageView::create("asset:///images/stockcurve/egg.png");
// Center it using dock layout info.
mUnbroken->setLayoutProperties( DockLayoutProperties::create()
.horizontal(HorizontalAlignment::Center)
.vertical(VerticalAlignment::Center));
// Since this image is on top of the night one, we can hide the
// night image with changing the opacity value of this image.
mBroken = ImageView::create("asset:///images/stockcurve/broken_egg.png").opacity(0.0);
// Center it using dock layout info.
mBroken->setLayoutProperties( DockLayoutProperties::create()
.horizontal(HorizontalAlignment::Center)
.vertical(VerticalAlignment::Center));
mActivityIndicator = new ActivityIndicator();
mActivityIndicator->setPreferredSize(130, 130);
smashContainer->add(mUnbroken);
smashContainer->add(mActivityIndicator);
smashContainer->add(mBroken);
mButton = new Button();
mButton->setTopMargin(100);
mButton->setText((const QString) "start cooking");
connect(mButton, SIGNAL(clicked()), this, SLOT(onClicked()));
// Add the controls to the recipe Container and set it as root.
recipeContainer->add(introText);
recipeContainer->add(smashContainer);
recipeContainer->add(mButton);
setRoot(recipeContainer);
}
InputRecipe::InputRecipe(Container *parent) :
CustomControl(parent)
{
Container *recipeContainer = new Container();
StackLayout *recipeLayout = new StackLayout();
recipeContainer->setLayout(recipeLayout);
recipeLayout->setLeftPadding(80);
recipeLayout->setRightPadding(80);
// Label used to display the entered text.
mInputLabel = new Label();
mInputLabel->setText((const QString) " ");
mInputLabel->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Fill));
mInputLabel->setBottomMargin(50.0);
mInputLabel->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
// A multi line text input.
TextArea *textArea = new TextArea();
textArea->setHintText("Enter text into multi-line TextArea");
textArea->setMinHeight(120.0f);
textArea->setMaxHeight(200.0f);
textArea->setPreferredHeight(0);
textArea->setBottomMargin(50.0);
textArea->textStyle()->setBase(SystemDefaults::TextStyles::bodyText());
textArea->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Fill));
// Connect to the textChanged (to update text).
connect(textArea, SIGNAL(textChanging(const QString &)), this,
SLOT(onTextChanging(const QString &)));
// A single line input field with a clear functionality.
TextField *textField = new TextField();
textField->setHintText("Enter text into a single line TextField");
textField->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Fill));
textField->setBottomMargin(50.0);
// Connect to the textChanged (to update text).
connect(textField, SIGNAL(textChanging(const QString &)), this,
SLOT(onTextChanging(const QString &)));
// A disabled text field.
TextField *disabledTextField = new TextField();
disabledTextField->setHintText("This is a disabled text field");
disabledTextField->setEnabled(false);
disabledTextField->setLayoutProperties(
StackLayoutProperties::create().horizontal(HorizontalAlignment::Fill));
disabledTextField->setBottomMargin(50.0);
// Add the controls to the recipe Container and set it as the CustomControl root.
recipeContainer->add(mInputLabel);
recipeContainer->add(textField);
recipeContainer->add(disabledTextField);
recipeContainer->add(textArea);
//recipeContainer->add(inputContainer);
setRoot(recipeContainer);
}
