Changing Images

You can view and change the image files stored in the folder.

Example Operation

Scene1: Image changes on the execution of Change Picture Display operation by clicking Switch object.

Scene2: Enter the image number in Numeric Display object assigned to ImageNumber property of Picture Display object.

Scene3: Change zoom percent of the image in Numeric Display object assigned to ZoomLevel property of Picture Display object.

Note:

For information on the models which support the Scroll gesture, see the following.
Supported Model/Feature

Setting Workflow

  1. Set up Parts
  2. Set up Scripts

Set up Parts

Project Explorer : [Screen Design] ➞ [Screens] ➞ [Screen1]

Drag and drop the following objects from the [Tool Chest] to the screen.

Picture Display object (Name: PictureDisplay1) properties:

Tab Sub Tab Property Value
[Function] [Basic] [Save in]

[Internal]

[Data Folder in PC] C:\Pictures
[Destination Folder] \images

Note: Store images in the folder defined at [Data Folder in PC].

Numeric Display object (Name: NumericDisplay1) properties:

Tab Sub Tab Property Value
[Function] [Basic] [Current Value] GraphicalObject [Source Object]: PictureDisplay1 [Source Property]: [DisplaySettings.ZoomLevel]
[Enable Input Mode]

Numeric Display object (Name: NumericDisplay2) properties:

Tab Sub Tab Property Value
[Function] [Basic] [Current Value] GraphicalObject [Source Object]: PictureDisplay1 [Source Property]: [ImageNumber]
[Enable Input Mode]

Switch object (Name: Switch1) properties: Previous

Default value

Switch object (Name: Switch2) properties: Next

Default value

Set up Scripts

Project Explorer : [Screen Design] ➞ [Screens] ➞ [Screen1]

Set the following script on the object.

From the [Tool Chest] drag and drop the script to the Script editor.

Switch object (Name: Switch1) script: Previous

Switch object (Name: Switch2) script: Next

Legend Block

1

[Triggers] [Touch] [Touch]

2

[Operations] ➞ [Screen/GraphicObject] ➞ [Change Picture Display]

3

[Values] [Screen Object]