Part 1: Smart Importer

This section describes creating a new Solution and how to proceed importing IVI_Sample.psd file via Smart Importer. Specially about how to assign Controls to each image parts.

---

Create a new Solution

The first step is to create a new Solution for Scene Composer.

Double-click on the Empty template under Samples and Templates.
* Selecting “Empty” template creates a new solution based on the template.

Select "Render Targets" panel and click "Display". Change the resolution setting as the below.

Click save icon in the menu bar.

A dialog box appears, allowing you to select an appropriate location. Input any name as a solution file name.

---

Smart Importer

As an example, here describ the actual import procedure using Smart Impoter. We will use IVI_Sample.psd for this explanation. From the menu bar, click Import > Smart Importer... and select the Photoshop file "IVI_Sample.psd".

The Smart Importer dialog box appears.

First, click on the left-most triangle button to extend the Header layer tree. Check the checkbox to the left of the Header and make sure that all items under the Header are checked. Click on DigitalCrock in the tree. From the Control List, click on the Apply button to the right side of the DigitalCrock control.

Click on “Basic Properties” tab and check “ShowFull24Hours” checkbox. This will make the display show 24 hours. Similarly, uncheck “ShowSeconds”. This will prevent the seconds from being displayed.

If a Control is set and imported with layers and properties that do not match when imported, the original group will not reflect the Control, and another new group node with Control applied will be added.

Following the previous operation, similar operations are performed on each item.

Header Tree

---

Menu_button tree

---

Music Tree

 

 

 

---

Comfort Tree

 

Target Layer		Control List
Seat_Left	Icon_Button_+	IconButton
	Icon_Button_-	IconButton

Target Layer		Control List	Basic Properties
Seat_Left	ProgressBar	ProgressBar	Value	23
			Minimum	16
			Maximum	28

Target Layer		Control List	Basic Properties
Seat_Left	SeatHeating_Left(*)	CheckBox	Text	(blank space)

(*)The image is treated like a checkbox. So there is no additional rectangle for that.

Target Layer		Control List
Seat_Right	Icon_Button_+	IconButton
	Icon_Button_-

Target Layer		Control List	Basic Properties
Seat_Right	ProgressBar	ProgressBar	Value	23
			Minimum	16
			Maximum	28

Target Layer		Control List	Basic Properties
Seat_Right	SeatHeating_Right(*)	CheckBox	Text	(blank space)

(*)The image is treated like a checkbox. So there is no additional rectangle for that.

Target Layer		Control List
Fan	slider	slider

Target Layer		Control List	Basic Properties
Air	RadioButton_Outside Air	RadioButton	Text	(blank space)
	RadioButton_Inside Air	RadioButton	Text	(blank space)
	RadioButton_AUTO	RadioButton	Text	(blank space)

Target Layer		Configuration details
Air	RadioButton_Outside Air/Control_Background	disable
	RadioButton_Inside Air/Control_Background	disable
	RadioButton_AUTO Air/Control_Background	disable

Navigation Tree

Since this tree is unchecked, check it. There is no need to apply the control in ControlList since it only imports Navigation image. After completing the settings up to this point, press OK button to perform the import. Now you can import while setting controls on each layer. On Scene Tree, you can confirm that the settings made in Smart Importer have been applied at the time of import.

After you finish importing, select Navigation below Navigation group in Scene Tree and unselect "Node Rendering Enabled”. Then this element will be not displayed by default.

---