Part 2: Set-up Scene

This section describesuses the stepsscene to prepare/configure a Scene Tree for the operationsimported in thePart following chapters.

---

Create a new Scene

After Importing, a new folder with the same name as the Photoshop file IVI_Sample is created below Solution > Resources in Solution Explorer.1. The newlysteps createddescribe scene IVI_Sample is located in that folder. Move that scene into Solution > Scenes by drag and drop operation.

After the above operation, IVI_Sample scene is selected in Scene Tree panel. If not, click IVI_Sample scene in Solution Explorer panel to display it in Scene Tree.

Configure a Node

The next step ishow to group the Air Conditioning RadioButtons together insidewith a GroupBox control.so Forthat this GroupBox Control we will configureonly one of the RadioButtons tocan be the default selected button.at a time.

Drag 

Activating the Imported Scene

In the Solution Explorer navigate to the imported IVI_Sample scene and move it to the solution's scene folder via drag and dropdrop. "Group"Please fromsee Nodethe 2Dorigin and destination paths in the Toolboxtable onbelow.

The IVI_Sample scene has been moved to the right,Solution's Scenes folder, where you can also find Scene2D and Scene3D.

Origin Path
Solution > Resources > IVI_Sample > Scenes > IVI_Sample
Destination Path
Solution > Scenes > IVI_Sample
Double-click the IVI_Sample scene to open it.

IVI_Sample scene is displayed in the Scene Editor. IVI_Sample scene is displayed in the Scene Tree panel.

In the Scene Tree panel expand to [IVI_Sample > IVI_Sample > Comfort > Air].

In the Scene Tree panel the air flow RadioButtons are visible.

From the Toolbox panel's [Nodes 2D] section drag a [Group] node into the SceneTreeScene Tree panel directly onto the [Air] Group node.

In the Scene Tree panel placinga itnew [Group] node has been created inside the [Air] Group node.

In the Scene Tree panel select the following RadioButtons and move them into the Airnewly Group.

Movecreated RadioButton_AUTO[Group], RadioButton_Insidenode Air,via drag and RadioButton_Outsidedrop. Air into The respective RadioButton nodes are grouped together in the placed[Group] Group.node.
RadioButtons
RadioButton_Outside air Drag and
dropRadioButton_Inside air
RadioButton_AUTO
From the Toolbox panel's [Controls] section under [Container] drag a GroupBox Control from the ToolBox into the SceneTreeScene belowTree panel directly onto the Air[Air] Group.Group Movenode. the A GroupGroupBox node that has beenis created and is visible in the previousScene stepTree intopanel thatas GroupBox.last entry Selectof the [Air] Group node.

In the Scene Tree panel click on the little triangle on the left of the newly created GroupBox node. The GroupBox node is expanded in the Scene Tree panel and a Content anchor gets visible.

In the Scene Tree panel drag the [Group] node with the RadioButtons onto the [GroupBox]'s Content anchor.

The RadioButtons are now grouped together. You can select only one of the grouped radio buttons at a time.

In the Scene Tree panel select the GroupBox node. In the Properties panel's [Control] section configure the properties according to the table below.

Enable Background is set to FALSE. The GroupBox node's background is disabled.

To easily configure the Default Selected Object lock the Properties panel to the GroupBox by clicking on the padlock in the SceneTreeProperties panel's top right corner. From the Scene Tree panel todrag configureRadioButton_AUTO onto the Default Selected Object property inand Controlrelease inas soon as the cursor changes. Unlock the Properties panel.panel Toby doclicking this, clickon the magnifyingpadlock glassagain.

iconand select RadioButton_AUTO.Default ThisSelected willObject
make the Radio Button_AUTO the object that will be selected by default. Additionally, uncheck the "Enable Background"checkboxBackground
below. This willIVI_Sample disable> theComfort group> background.Air > GroupBox > Content > Group > RadioButton_AUTO FALSE