ESD

EVE Screen Designer (ESD) 4.18.0

The EVE Screen Designer (ESD) is the next generation of smart IDE for EVE, making EVE-based GUI development much easier to accomplish. 

This tool enables users to build a GUI application using a visual programming method without needing to know any EVE-specific display list commands.
ESD provides a WYSIWYG (“What You See Is What You Get”) environment for editing graphics, designing visual effects, and defining GUI application user logic, generating ANSI C code for the targeted hardware platform. 

Users can also choose to simulate the whole design to experience the UI before compiling and downloading the generated source code. 

Furthermore, from version 4.13.0, ESD has the capability to work seamlessly with Bridgetek’s FT9XX and Raspberry Pi’s RPi2040 tool chain. 

Users can compile, link the generated source code and upload the binary to the targeted platform without leaving ESD.

In addition to the existing features of ESD 3.x, ESD 4.x introduces a new layout mechanism to manage widgets and pages in a more generic way. The layout mechanism will enable users to create more dynamic UI much easier than before. 

Key features:

  • WYSIWYG GUI
  • High level widgets
  • No EVE display list knowledge required
  • Widget based GUI construction
  • Drag and drop widgets to create screen layout
  • Inter widget communication
  • Screen logic creation without coding
  • Simulation of screen logic and user touch input using a mouse
  • Building and downloading the generated “C” code 
 

 

The latest version is ESD 4.18.0 which can be downloaded from here.  You may find the release note here.  The user guide is available within the ‘Help’ menu following installation.  Alternatively, the user guide can also be downloaded from here

For ESD 4.13 which can be downloaded from here
For ESD 4.14 which can be downloaded from here.
For ESD 4.15.0 which can be downloaded from here.
For ESD 4.15.1 which can be downloaded from here.
For ESD 4.16 which can be downloaded from here.
For ESD 4.17.0 which can be downloaded from here.

The platform porting guides for exported project can be downloaded here

You may find the updated source code mentioned in porting guide from this Github public repository: https://github.com/Bridgetek/BRT_AN_073-ESD-exported-Project-Porting-Guide

Video Tutorials

A range of video tutorials demonstrating applications made possible utilising the EVE Screen Designer (ESD) integrated development environment (IDE) are available below. The tutorials are categorised into three separate groups based on their simplicity of use – Basic, Intermediate and Advanced. Please click on the screenshots or hyperlinks below to view videos.

Please refer to the ESD3.X tutorials page for additional video tutorials.

Basic Video Tutorials

Tutorial : Bitmap Formats:

Six pages with multiple “ESD Image” and “ESD Push Button” widgets to show all the EVE format bitmaps. This project has been upgraded from the previous version of ESD 3.X. In this project, the original render functions (“ESD Bitmap”) are changed to “ESD Image” (widgets).

Tutorial : Switch Case:

This tutorial demonstrates a new Logic Flow node, named “Switch”. This logic flow node works as switch case functionality which is common in most of the programming languages. It works like a digital de-multiplexer; the selected output logic flow will be determined by the input value. However, do take note that the input value to the switch is always integer type; only the output type is configurable.

Tutorial :  Switch Value:

This tutorial demonstrates a new Logic Flow node, named “Switch Value”. This logic flow node works as value look up list. It work like a digital input multiplexer, the selected output value will be selected based on the input value, like getting a value for a lookup table with an index. However, do take note that the input value to the switch is always integer type; only the output type is configurable.

Intermediate Video Tutorials

Tutorial :  Screen Resolution:

ESD 4.5 supports multiple platforms. This tutorial demonstrates the ESD project ability to detect platform specific screen resolution. This allows users to define multiple platform coordinates in one ESD project.

Tutorial : Scrollable Image Widget Pt 1:

This tutorial demonstrates the ESD project’s ability to provide scrollable image widget both in touch mode and slider mode.

Tutorial :  Scrollable Image Widget Pt 2:

This tutorial demonstrates the ESD project’s ability to provide scrollable image widget both in touch mode and slider mode.

Advanced Video Tutorials

Tutorial :  Window Layout (Pt 1):

This tutorial demonstrates the ESD layout features. This tutorial also demonstrates building a custom layout widget and how to utilize them in the projects.

Tutorial : Window Layout (Pt 2):

This tutorial demonstrates the ESD layout features. This tutorial also demonstrates building a custom layout widget and how to utilize them in the projects.

Tutorial : Window Layout (Pt 3):

This tutorial demonstrates the ESD layout features. This tutorial also demonstrates building a custom layout widget and how to utilize them in the projects.