TOPWAY reserves the right to update the functionality of the products without prior notice.

TOPWAY reserves the right to update the functionality of the products without prior notice.

TOPWAY reserves the right to update the functionality of the products without prior notice.

Quick Start Install TOPWAY SGTools Note: SGTools support Windows XP, Windows Vista, Win7, Win10(Administrator Mode) Design Interface Note: TML Graphics Editor support BMP(32bit), BMP(24bit), JPG, PNG, etc picture format Download to Smart LCD Note: Use High quality USB(A) to USB(mini) cable directly attach to the PC motherboard for better power and signaling Power on & display Note: Please refer to the user manual for connection polarity and voltage. Connect & Show data Note: RS-232C terminal is common grounded with the supply (some models providing logic level UART interface) Please also refer...

2 Basic Descriptions TOPWAY Smart LCDs provide a display engine with a versatile range of TFT display sizes and TouchPanels to support a wide range of industrial and instrumentation applications. The pre-loaded User Interface (UI) reduces the host system’s workload and provides a much faster interaction with the user. UI designs are implemented under usage of SGTools allowing designs with zero coding. It dramatically simplifies and speeds up the whole product design process. Smart LCD Highlight Standard RS232-C communication interface Reliable packet protocol ensures reliable communication Host...

3 Smart LCD Features and Functions 3.1 Basic Concept Page Elements Image Recourses Call Functions Each display interface is a PAGE. It could contain / link with all the predefined content (e.g. background image, page elements, etc. ) 29 type page elements could be use on screen 9 action type elements, 6 Character (Alpha Numeric) type elements, 6 image type elements, 8 graphics type elements Most of them are linked with VP variable to generate dynamic display content. Image Recourses include background images (IMG_BKG), icon images (IMG_ICO) and animation images (IMG_ANI). They could link by PAGE...

Page Elements Action Type Elements Mnemonic Name Descriptions Touch Key Element could place inside a page. It will be triggered by user touching on its assigned area Touch Key assigned area provides visual touch response (e.g. inverse color or show a icon, etc) TPK Touch Key It will also report to the host machine about its ID (Page_ID / Key_ID, operated VP_address and value, etc) Its call functions could provide various kinds of actions (e.g. keyboards, value operations, page jump, etc.) Virtual Key is a non-display element. It could be defined in a PAGE and trigged by a condition like "content...

Character (Alpha Numeric) Type Elements Mnemonic Name Static String Static String Element shows text string defined by its properties directly. String Element String Element is for displaying VP_STR content Display the VP_STR content in PAGE with alignment and formatting String Element will be updated correspondingly in real-time, if the VP_STR content changed. Scrolling String Elements is for displaying VP_STR content (similar as STR) which can provide scrolling effect Display the VP_STR content in PAGE with alignment and formatting Scrolling direction could be config as horizontal or vertical...

Graphics Type Elements Details Mnemonic Name Progress Bar Element links with VP_N16 and display a bar based on its value. The bar length is a percentage of the defined max/min value with the VP_N16 value. An ICON pointer could also be link with it as an option Progress Ring Progress Ring element links with VP_N16 or R32 and display a ring based on its value. The ring angle is a percentage of the defined max/min value with the VP value. An ICON pointer could also be link with it as an option Hand Tachometer Hand Tachometer Element link with VP_N16 or VP_N32 which show as a meter display accordingly....

Page, IMAGE Resource and VP Variables Page and IMAGE Resource Mnemonic Name PAGE Descriptions Page is the basic unit of display. It links to elements and background Image(background color) predefined in Editor IMG_BKG Background Image Background Image is one of the Picture Resources. Picture files could be imported into Editor as Background Image. It could also be used (automated crop) as TPK touch down effect image. Icon is one of the Picture Recourses. Icon files could be imported in to the Editor and linked by various elements. (e.g. TPK ,IDX ,I32/16 ,B16 , ICO, etc) Animation is one of the...

4 SGTools UI designs are implemented under usage of SGTools allowing designs with zero coding. It dramatically simplifies and speeds up the whole product design process. SGTools Layout Provide basic software operation, View options, tools options, etc There are four type of tools - file tools for project open, save, compile output, etc - alignment and display filter tools - display elements tools - compile and download tools Resource windows (right click on the resources) - built new page, - import pictures (IMG_BKG, IMG_ICO, IMG_ANI) - allocated VP variable (VP_N16, VP_N32, VP_N64) - user file,...

Editor Menu Start At the start up of the SGTools, It will pop up a Welcome interface for use to select the previous Edited Project, Create a New Project or Open Project somewhere else. New Project (Menu - File - New Project) For New Project, user can type in the project name and select the folder for that project. It is important to ensure to select the correct screen size that match the target Smart LCD. (0°/180°for landscape projects) (90°/270°for portrait projects) After click the OK button, SGTools will create two folders in to the Project Folder. In this case, it creates D:\TOPWAY_PROJECT\demo01...

Editor Options (Menu - Tools - Options) In this window, user can - fine adjust all the image color tone during compile by setting Image Gamma - Select Compile Options - Output Project Image File (see “Download the display project” section for details) - Open Output folder after compile - Compile Project before download - Save the project before compile Project Setting (Menu - Tools - Project Setting) In this window, user can set - "Start Page" to show at power on - power on "Backlight Brightness" level - select one of the "Screen Saver Mode" (*1) - set "Buzzer" beeping length (0=no sound) - set...