Slide Navigation

Slide Navigation

Slide navigation is one of the projects that utilizes the touch capabilities of the gen4 uLCD-43DT. It allows the user to switch pages by swiping left or right. The LCD also uses its built - in SD card slot to store the GCI images which is act as background images that can be moved or swiped.

The project also implements basic 4D widget functionality such as LedDigits, UserImages, and StaticTexts.

How It Works

Implementation

Step 1: Build

The Slider Navigation is a stand-alone project and does not require any other external components.

If you are using gen4-interface board and uUSB PA-5, connect the display to the PC like the image below.

Step 2: Program

Download the project file here.

You can download Workshop 4 IDE and the complete code for this project from our website.

Open the project using Workshop 4. This project uses the Visi Environment.

You can modify the properties of each widget.

Step 3: Compile

Click on the “Compile” button.

Note: This step could be skipped. However, compiling is essential for debugging purposes.

Step 4: Comp n' Load

Connect the display to the PC using uUSB-PA5 and a mini USB cable. Make sure that you are connected to the right port. Red Button indicates that the device is not connected, Blue Button indicates that the device is connected to the right port.

Now click on the “Comp n' Load” button.

Workshop 4 will prompt you to select a drive to copy the image files to a uSD Card. After selecting the correct drive, click OK.

Step 5: Mount uSD Card

The module will prompt you to insert the uSD card.

Properly unmount the uSD Card from the PC and insert it to the uSD Card slot of the display module. The image below must appear on your display after completing the steps above.

Demonstration

You can now use the Slide Navigation and navigate to difference pages by sliding the current image left or right. The display can also be mounted in a bezel.

Flowchart