EVE Screen Designer (ESD) 4.0

The EVE Screen Designer (ESD) 4.0 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 4.0 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, ESD 4.0 has the capability to work seamlessly with Bridgetek’s FT9XX tool chain. Users can compile and link the generated source code with the FT9XX tool chain and upload it to the targeted platform without leaving ESD.

In addition to the existing features of ESD 3.x, ESD 4.0 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. In addition, ESD 4.0 dramatically enhances the functionality of logic nodes editor, layout editor and project browser, for better user experience.

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 (with FT9XX Toolchain installed)

New features:

  • Introduced layout type widget to manage the widget’s layout effectively
  • Support for platform configuration when creating a new project
  • Switch platforms when multiple platforms are supported in the current project
  • Added a resource folder in the project browser when adding images into the project
  • Enable creating subfolders in the project browser for better resource management
  • Added more built-in logic nodes to ease the logic creation
  • Added default theme file in newly created project
  • Added optimization in the FT9XX tool chain configuration script to reduce code size
  • Enable string find/replace functionality in the C file editor
  • Support group selection and area selection in logic node editor and layout editor
  • Support cut/copy/paste operation on nodes level
  • Support screen resolution specific widget properties configuration
  • Support PALETTED8,DXT1, PNG, JPEG format in ESD Image widget

The latest version is ESD4.0 which can be downloaded from here. The user guide is available within the ‘Help’ menu following installation. Alternatively, the user guide can also be downloaded from here.

The platform porting guides for exported project will be available soon.

EVE Screen Designer (ESD) 4.0 Video Tutorials

A range of video tutorials demonstrating applications made possible utilising the EVE Screen Designer (ESD) 4.0 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.0 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.