manualshive.com logo in svg

Cypress FM4 S6E2DH GAT-D, Getting Started, Page: 9 / 44

Share
Download
Cypress FM4 S6E2DH GAT-D Getting Started Download Page 9

 

Getting Started for FM4 S6E2DH (GAT-D) 

www.cypress.com

 

Document No. 002-04388 Rev. *B 

8 

3.3.3

 

Ad d   W i n d o w   t o   P a g e  

Step1: Select window from drawn tool bar, left click to work area, window is added as follow. 

If want to add several window to a layer, you have to set the layer option to multi-window layer, otherwise could only 
add one window to a layer 

Figure 13. Add Window 

 

Step2: Double click window in work area, window configuration window will displays. Configure them. 

Figure 14. Window Property 

 

 

 

Summary of Contents for FM4 S6E2DH GAT-D

Page 1: ...ers as part of the Infineon product portfolio Continuity of document content The fact that Infineon offers the following product as part of the Infineon product portfolio does not lead to any changes to this document Future revisions will occur when appropriate and any changes will be set out on the document history page Continuity of ordering part numbers Infineon continues to support existing pa...

Page 2: ... 4 5 Touch Panel Resolution 31 4 6 Source Generate Option 32 5 GAT D API 34 5 1 Interface Description 35 5 2 Join with Source 37 6 Program 38 6 1 Debugging Mode 38 6 2 Product Mode 39 7 Sample Project Instruction 39 7 1 Construction 39 7 2 Function Overview 41 Document History 42 1 Preface 1 1 About This Guide The purpose of this guide is to provide a brief introduction of the graphics resolution ...

Page 3: ... use GAT D Tool to arrange a video a series of frame to display on S6E2DH Series based LCD device 1 Create a new project 2 Import images 3 Page creation 4 Flow Design Table creation 5 Source generation 6 Add generated source to IAR project 7 Download and run after build Also assumed conditions 1 GAT D Tool installed 2 IAR Embedded Workbench installed ver 7 10 or upper 3 Image material prepared 4 A...

Page 4: ...ocument No 002 04388 Rev B 3 3 1 Create a New Project Step1 Open GAT D Tool the tool will open as follow Figure 2 Opened GAT D Tool Window Step2 Click Project menu and click new as follows Figure 3 New Project Menu Step3 Input the name and select LCD Size ...

Page 5: ...2DH GAT D www cypress com Document No 002 04388 Rev B 4 Figure 4 New Project Step 1 of 2 Step4 Click Next and then click Finish a new project will create as follow Figure 5 New Project 3 2 Import Images Step1 Click Image Library ...

Page 6: ...B 5 Figure 6 Image Library Tab Step2 Right click Stencil in Image Library and Click Add New Image in the menu Figure 7 Add New Image Menu Step3 Go to the path and select images image will list as follow Note Image s file type support bmp png jpeg gif psd Figure 8 Added Image List ...

Page 7: ...D www cypress com Document No 002 04388 Rev B 6 3 3 Page Creation 3 3 1 Create a new Page Step1 Right click Page folder and click New Page in the menu Figure 9 New Page Menu Then a new page is created as follow Figure 10 Created New Page ...

Page 8: ...3 3 2 Page Configuration Step1 Right Click Page1 and click Properties in menu Figure 11 Page Property Menu Step2 Check Enable the background color of page could be changed Select RGB Color if there is nothing on the page LCD will display background color Figure 12 Page Property Window ...

Page 9: ...ol bar left click to work area window is added as follow If want to add several window to a layer you have to set the layer option to multi window layer otherwise could only add one window to a layer Figure 13 Add Window Step2 Double click window in work area window configuration window will displays Configure them Figure 14 Window Property ...

Page 10: ...f image in windows that are set to Blend Operator or not Figure 15 Blend Operator The setting of Alpha blending will effects blend result of image on the window with background Figure 16 Window Alpha Blend Illustrations Illustrations A External Flash Image in window set to Blend Operator Image in window not set to Blend Operator S6E2DH MCU GDC Blend Engine VRAM GDC Display Engine LC D ...

Page 11: ...Getting Started for FM4 S6E2DH GAT D www cypress com Document No 002 04388 Rev B 10 Illustrations B Illustrations C Illustrations D ...

Page 12: ...m page1 of sample in S6E2DH Graphics resolution Ver1 0 03 Sample 01 GAT D_Tool 01 Training Training zip 3 3 4 Add Images to Window Step1 Select image from Image Library drag it to a selected window and drop image is added as follow Figure 17 Added Image to Window Step2 Double click image image configuration window will displays Configure them ...

Page 13: ...ww cypress com Document No 002 04388 Rev B 12 Figure 18 Image Property Window For behavior of Alpha Blend configuration refer to following illustrations Figure 19 Alpha Blend Illustrations Image used Illustration A RGBA 255 255 255 0 Opaque ...

Page 14: ...Getting Started for FM4 S6E2DH GAT D www cypress com Document No 002 04388 Rev B 13 Illustration B Illustration C ...

Page 15: ...Getting Started for FM4 S6E2DH GAT D www cypress com Document No 002 04388 Rev B 14 Illustration D Illustration E Illustration F Illustration G ...

Page 16: ...Getting Started for FM4 S6E2DH GAT D www cypress com Document No 002 04388 Rev B 15 Illustration H Illustration I Illustration J Illustration K ...

Page 17: ...DH GAT D www cypress com Document No 002 04388 Rev B 16 Illustration L Illustration M Illustration N Above illustration are from page4 of sample in S6E2DH Graphics resolution Ver1 0 03 Sample 01 GAT D_Tool 01 Training Training zip ...

Page 18: ...m Note After configuration of a page could preview it from View Page Preview Window Figure 20 Edited Page View 3 3 5 Create All Pages Create more pages if needs Figure 21 Edited All Pages View 3 4 Flow Design Table Creation 3 4 1 Add a Flow Design Step1 Right click FlowDesignTable folder and click New Flow Design in the menu ...

Page 19: ...enu Step2 Double click the new Flow Design window displays as follow click Action Table directly because don t use event if display startup only Figure 23 Flow Design Window Action Table Tab Step3 Click to add actions and select page for action to display Note Action is something like a small video a series of frame ...

Page 20: ...artup Action which to decide the action to be displayed after power on Step5 Click Object Timeline Editor Timeline Editor window will display Figure 25 Timeline Editor Window Step6 Select the frames where want to display the image double click then select Frame Insert Note The head number is frames Figure 26 Frame Insert Menu ...

Page 21: ...is frames Figure 27 Frame Insert Menu Step7 Insert frame for each image If display each image 5 frames and then next the time line is as follow Figure 28 Inserted Frame View Step8 Check Display is Clear in Final Frame if display nothing after action play over Change Frame Rate to 60fps because frame rate of S6E2DH series is 60fps Click can simulate action in Display window Figure 29 Display Option...

Page 22: ...Compile and then click Resource to open Operation Code and Data Library Generation window Figure 30 Source Generation Menu Step2 Click Browse to select path where source generated to Select Flow Design if there are any Click OK to generate source with other options default Figure 31 Source Generation Option Window Step3 Follow window means source generation success and generated source could be fo...

Page 23: ...ated Source to IAR project Step1 Get Graphics Driver package S6E2D 2DGraphicsDriver v1 00 798 IAR zip extract it to any path Find the S6E2DH Graphics resolution Ver1 0 IAR 03 Sample 02 IAR GAT D Proj zip and extract it to 04_sample of Graphics Driver s extracted path Figure 33 Sample Path Step2 Open IAR project Figure 34 Sample Project File ...

Page 24: ...00 798 IAR zip 04_sample GAT D Proj source Demeter GenCode then copy all new generated source the path Figure 36 Source Generate Path Step5 Add all new generated sources c files only are OK from S6E2D 2DGraphicsDriver v1 00 798 IAR 04_sample GAT D Proj source Demeter GenCode to IAR project Figure 37 New Source Add Menu Note The minimum call of API is implemented in main c ...

Page 25: ...inimum Call of API 3 7 Download and Run after Build Step1 Right click IAR project group select Rebuild All in the menu to build project Figure 39 Rebuild Menu Step2 Confirm no errors Figure 40 Build Result Step3 Click Download and Debug button on IAR EW IDE to down program Figure 41 Debug Button ...

Page 26: ...or FM4 S6E2DH GAT D www cypress com Document No 002 04388 Rev B 25 Step4 Click Go button to run Figure 42 Run Button Step5 Confirm display on LCD is the same action selected on Action Table Figure 43 Startup Action View ...

Page 27: ...utomatically instead of work in embedded side With this in embedded side only need to implement event confirmation if one event is triggered Call GAT D API GhcProject_sendEvent_Ex eGEN_xxxx the referenced action will be displayed xxxx event name See 5 1 6 also for details Follows are the sample Figure 45 Sample of Action Table Embedded software model Page1 Page2 Page3 Page4 Even1 Action2 Event3 Ac...

Page 28: ... of sample in S6E2DH Graphics resolution Ver1 0 03 Sample 01 GAT D_Tool 01 Training Training zip For event type there are three kinds System Hardware and Object In PC side there is no difference actually 4 2 User s Source Code Beside with event management GAT D provides a place for user to input standard C source code As follows Figure 47 User s Code View ...

Page 29: ...will display Input any standard C code as follow Figure 48 User s Code Edit Window Inputted code will be automatically added with Figure 49 Edited Code View With the Sequence selected Code Action the code will be implemented before action display If want to implement after action display could select Action Code like ...

Page 30: ...der 4 3 Display Simulation After edited event table and action table the behavior can be simulated in GAT D Click Simulate to display Flow Design Simulator window Figure 51 Simulate Button Click will play Startup Action then select event click Send action will be played according to description of event table ...

Page 31: ... Rev B 30 Figure 52 Simulation Window 4 4 Sprite Special Effect GAT D V01 support sprite special effect follow figure show where to set it Figure 53 Sprite Special Effect 4 4 1 Blink After set special sprite effect mode the special effect could be set according follow figure ...

Page 32: ...T D could give out the coordinates of a certain button Besides GAT D also could give out the currently displayed page so function software doesn t need manage a state transition of display If a push event happened get current displayed page firstly and get coordinate of button on the page then with the pushed coordinate whether it is a true button push could be cleared If the push event is a displ...

Page 33: ... page name so name of page must apply to standard C expression See 5 1 9 also for details Figure 56 Page Name 4 6 Source Generate Option S6E2DH series supply USB Direct Programmer to program flash image to internal flash and external flash with this can program GAT D s image data to external flash directly GAT D can generate image data to flash image file which apply to USB Direct Programmer Check...

Page 34: ...eneration Option Image Data Offset Hex is the start address of external flash Value is set to 0xC0000000 by default which is the start address of external flash used by Graphics Driver The start address must same with setting of USB Direct Programmer while download Figure 58 Setting View of Programme r ...

Page 35: ...hcProject_setStartupAction Refer to 4 1 3 4 TGhcBool GhcProject_RunAction Refer to 4 1 4 5 TGhcBool GhcProject_StopRuningAction void Refer to 4 1 5 6 void GhcProject_sendEvent_Ex EGhcEventName eEventName Refer to 4 1 6 7 TGhcInteger GhcFunc_getButtonAreaByIndex TGhcInteger a_Index TGhcS32 a_pBtnTpLft_X TGhcS32 a_pBtnTpLft_Y TGhcS32 a_pBtnBtmRt_X TGhcS32 a_pBtnBtmRt_Y Refer to 4 1 7 8 TGhcInteger G...

Page 36: ... Note 5 1 3 GhcProject_setStartupAction Function Set action which will be played at startup Parameter Type Name Description Void Return TGhcBool True success False fail Note The action to set is selected in GAT D Tool Refer to user s manual of GAT D for details Call GhcProject_RunAction to display 5 1 4 GhcProject_RunAction Function Play the startup action Parameter Type Name Description Void Retu...

Page 37: ...r TGhcS32 a_pBtnBtmRt_X Address to save x coordinate of bottom right corner TGhcS32 a_pBtnBtmRt_Y Address to save y coordinate of bottom right corner Return TGhcBool True success False fail Note 1 TGhcS32 is typedef of signed int 2 Same with inputted name while set object s button option 5 1 8 GhcFunc_ getPageOfButtonByIndex Function Get the page id which button on by given button name Parameter T...

Page 38: ...s calling Ghcproject_StopRuningAction in an interrupt routine 2 Assume it is operation in touch panel detection routine 3 These sources are implemented by GAT D user Embedded software GhcProject_load Startu p Calling Main routine Calling Calling Calling Graphics GhcIrisInitialize GhcProject_setStartupA ction GhcProject_RunActi on GhcProject_sendEv ent_Ex GhcFunc_getCurrentPa ge GhcFunc_getButtonAr...

Page 39: ... Program Method B of Debug GAT D Tool to generate bin file or not could be selected in tool Refer to user s manual of GAT D for details PC environment GAT D Tool IAR EW IDE Generated source Others Flash image mhx Embedded device S6E2DH internal flash Build Program Use debugger Note Images generate to C source also be programed to external flash External flash PC environment GAT D Tool IAR EW IDE G...

Page 40: ...d find it in 00_s6e2dh_demeter_sw_framework progtool of S6E2D 2DGraphicsDriver v1 00 798 IAR zip 7 Sample Project Instruction 7 1 Construction Sample project is at 03 Sample 02 IAR 02 S6E2DH_Demo_Washmachine S6E2DH_Demo_Washmachine Project zip but the compiling will not success unless put it to 04_sample of S6E2D 2DGraphicsDriver v1 00 798 IAR zip s extract path Follow figure shows construction of...

Page 41: ...gure 4 Sample Project Construction 1 Include or not include image to external flash is OK PC environment GAT D Tool IAR EW IDE Generated source 1 GAT D API a a GAT D API Library Graphics Driver basic_graphics a util a Other function source User edited Sample project Compile Link source a ...

Page 42: ...n of these samples is as follows Figure 5 Sample Function Spansion logo Next event is Touch Spansion logo Setting Back event is press Back button on LCD Next event is press Next button on LCD Selection Back event is press Back button on LCD Next event is press Next button on LCD Washing Next event is press Stop button on LCD S6E2DH Wash machine Spansion logo Action1 final frame Setting Action2 fin...

Page 43: ...04388 Getting Started for FM4 S6E2DH GAT D Document Number 002 04388 Revision ECN Orig of Change Submission Date Description of Change TOAO 07 01 2015 Initial release A 5028487 TOAO 12 04 2015 Migrated Spansion Application Note S6E2DH_AN709 00024 to Cypress format B 5873566 AESATP12 09 06 2017 Updated logo and copyright ...

Page 44: ...ts that are infringed by the Software as provided by Cypress unmodified to make use distribute and import the Software solely for use with Cypress hardware products Any other use reproduction modification translation or compilation of the Software is prohibited TO THE EXTENT PERMITTED BY APPLICABLE LAW CYPRESS MAKES NO WARRANTY OF ANY KIND EXPRESS OR IMPLIED WITH REGARD TO THIS DOCUMENT OR ANY SOF...

Reviews:

No comments