EVE Screen Designer (ESD) 4.16.0

The EVE Screen Designer (ESD) 4.16.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.16.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.16.0 has the capability to work seamlessly with Bridgetek’s FT9XX tool chain. Users can compile, 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.16.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.16.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 
 

New features:

  • Added legacy font format support in ESD
  • Created a soft keyboard UI example
  • Created example project for LittleFS
  • Added new demo project change themes
  • Improved color picker example and widget
  • Added “Border Width” and “Border Color” for ESD Rectangle Widget
  • Supported file system for the assets added to Eve-flash
  • Enabled the alpha of backcolor in ESD web outline button
  • Added the property of Widget Interface instance
  • Added highlight the connection lines in the logic node editor when they are selected in the project browser
  • Enabled the preview of the platform for the non-native ESD target
  • Updated animation in EVChargePoint
  • Generated the flash image in UF2 format when Pico platform is built
  • Enabled users to select a picture for new target platform
  • Added additional feature for QR code widget
  • Added loop back mode in video example project
  • Improved optimize memory allocation by preferring static memory allocation
  • Added the memory pool module as an option to optimize memory management
  • Changed the cursor color in the C source file editor

The latest version is ESD 4.16.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.

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

EVE Screen Designer (ESD) 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.