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); }
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); }
RecipeItem::RecipeItem(Container *parent) : CustomControl(parent) { // Dock layout with margins inside. Container *itemContainer = new Container(); DockLayout *itemLayout = new DockLayout(); itemContainer->setLayout(itemLayout); itemContainer->setPreferredWidth(768.0f); // A background Container that will hold a background image and a item content Container. Container *backgroundContainer = new Container(); DockLayout *backgroundLayout = new DockLayout(); backgroundContainer->setLayout(backgroundLayout); backgroundContainer->setLayoutProperties( DockLayoutProperties::create().horizontal(HorizontalAlignment::Center)); // The white background item image. ImageView *bkgImage = ImageView::create("asset:///images/white_photo.png").preferredSize(768.0f, 173.0f); // A Colored Container will be used to show if an item is highlighted. mHighlighContainer = new Container(); mHighlighContainer->setBackground(Color::fromARGB(0xff75b5d3)); mHighlighContainer->setLayoutProperties(DockLayoutProperties::create().horizontal(HorizontalAlignment::Center)); mHighlighContainer->setOpacity(0.0); mHighlighContainer->setPreferredWidth(760.0f); mHighlighContainer->setPreferredHeight(168.0f); // Content Container, Image + text with padding to get alignment on background image. Container *contentContainer = new Container(); StackLayout *contentLayout = new StackLayout(); contentLayout->setLayoutDirection(LayoutDirection::LeftToRight); contentLayout->setLeftPadding(3.0f); contentContainer->setLayout(contentLayout); // The list item image, docked to the top, the actual image is set in updateItem. mItemImage = ImageView::create("asset:///images/white_photo.png").preferredSize(250.0f, 168.0f).layoutProperties( StackLayoutProperties::create().vertical(VerticalAlignment::Top)); // A list item label, docked to the center, the text is set in updateItem. mItemLabel = Label::create().text(" ").layoutProperties( StackLayoutProperties::create().vertical(VerticalAlignment::Center)).leftMargin(30.0f); mItemLabel->textStyle()->setBase(SystemDefaults::TextStyles::titleText()); mItemLabel->textStyle()->setColor(Color::Black); // Add the Image and Label to the content. contentContainer->add(mItemImage); contentContainer->add(mItemLabel); // Add the background image and the content to the full item container. backgroundContainer->add(bkgImage); backgroundContainer->add(mHighlighContainer); backgroundContainer->add(contentContainer); // Finally add the background Container to the item Container. itemContainer->add(backgroundContainer); setRoot(itemContainer); }
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); }