Building a GUI with VGDD
Contents
1. VIRTUALFAB VGDD Visual Graphics Display Designer Lab Project 1 Building a GUI with VGDD 2015 VirtualFab All rights reserved Version 2 0 2015 07 04 e Index HATO CGUCUION sionen i aaaea aa aii esac 3 PRElCQUISINGS ccccesisceiewetaaaicneeeetinreheetceaceueaus desawtennanimensewes case tuswaaeeundaetieesneewenents 3 eg RUT GAT eh SEPS i ne oe es eee eer eee E aa 3 CIMOOSING ao OAO as cec ert cere cesn cn ecneun E E ET 3 F216 Be 2 gt IDE ce ee eee ere eee eee eee eee eer 4 Install and configure the VGDD LINK PlUG IN cece ccc ec cece eee eee eeeeeeees 4 Create an empty MPLAB X project cccceccececeeceeeseseceeeceecaseceeeceesaeeees 4 Start the VGDD LINK PIUG IN ccc ccccceccceecseeceeeceeeeeeceeeeeaueceeaeeeeseesuesaes 5 Running VGDD the first time Configure frameworkS cccceeeeeeeeees 5 Setting project PrOPEItieS cc cecceccsecceecseeseeceeeeeceeeeeceeeteeseeeseeeeeteeseenaes 6 1 Create a new VGDD Proj Cloison easa 7 1 1 Saving the screen and creating the Project ccccccccecseeeeeeeeeeeeeeees T t2 AGGING a Rectang aeoaea E duce ceestciamouti T To DUPICAUNG ODJECIS arns asesan AERA ra EEANN 8 1 4 Adding the top and bottom texts cc cccceccecceeceeseeseeeeeeeeeeeeeeeeaeeees 8 1 9 Creating a NCW Scheme side ee ogbiesdsteateeeetaniveveceeeneceidebepletns 9 1 6 Applying new scheme to all Static Texts cccccccceccseeceeeceeeaeee2. Download and install Current MLA At the time of writing the latest MLA is v2015 05 _ 15 Once installed MLA go back to the Select Framework panel and click on Add Framework then navigate to the Doc subfolder where you installed MLA and select the module_versions xml file This way the framework will be identified and added to the available Frameworks list To use the Framework click on Use Framework Building a GUI with VGDD Page 5 of 19 Setting project properties select the default screen size and set it to 480x272 You can do this also by selecting WQWGA2 from the Quick Settings dropdown select the Compiler for your PIC24 XC16 GRC is the Graphics Conversion Tool that comes with the selected Framework GRC path can be viewed changed by clicking on the GRC Path button Java and GRC integration can be tested by clicking on the Test button If you succeeded in running MPLAB X this means that on your PC Java Runtime Environment is already installed so the following dialog should appear GRE and Java JRE configuration test GRC integration test PASSED If you instead installed a different runtime JRE then you have to change the Java command in Global Preferences and repeat this test until it passes Notice On 64 bit PCs the installed JRE may not be runnable from the command line In these cases please download and install also an x86 JRE Click on OK button to save the set
3. available event for the StaticText GFX_GOL_STATICTEXT ACTION is already selected in the Event dropdown In the Objects dropdown select the Menu SCREEN object In the Actions dropdown select the Go To Screen action Then click on Insert Code button This will insert a SsCrecnotale CREAIE MENU Event Code Insert Code Cancel screenState CREATE MENU Event GFX_GOL_STATICTEXT_ACTION Objects Menu SCREEN Actons Go to Screen z Repeat these steps on the Menu screen for both the left and right arrows in the bottom band to go back to Main screen and to go to Menu2 screen respectively Then go to Menu2 screen and repeat the same steps to go to Menu when the left arrow is pressed and to go to Main screen when the Home icon is pressed 4 2 Testing GUI navigation by Simulating it on the Player Click on the Play Now toolbar button This will bring up the Player where you can verify by clicking on the GUI than screens are displayed in the correct sequence td VGDD Player 2 3 o E E Menu Sunday 17 May 2015 22 45 00 Room Temperature 21 3 VYVGDD Demo e gt amp 3 amp 2 Warmer Building a GUI with VGDD Page 17 of 19 5 GUI development round trip 5 1 Run modified GUI At any moment during the development of the GUI you can click the Generate Code toolbar button Fe In the Code Generation Window the Don t Convert Graphics Resources checkbox will be checked only if
4. to the main screen and select upper band lower band and the date Static Text by clicking them while holding the CTRL key Then Copy them with CTRL C Go back to Menu screen and paste the three objects Change the Date text to Menu and shrink its width Add two arrow pictures on the bottom band for navigation 3 4 Duplicating a Screen Select all Widgets on current Screen with CTRL A and copy them to clipboard with CTRL C Then add a new Screen to the Project name it Menu2 and paste the Widgets in it with CTRL V Change the band title to Menu 2 and button Texts and Bitmaps with new descriptions and icons Complete this sample GUI by replacing the lower band right arrow bitmap with a Home one 4 Designing GUI Navigation Events Handling Now that we have a Multi Screen GUI we have to build the navigation logic between screens 4 1 Connecting Screens Go on the Main Screen and select the Menu StaticText Click on the Event tab Events for Widge This will display the Event Editor window Events for Widget MainStaticTet Event Code Event GFX_GOL_STATICTEXT_ACTION v Objects Y Actions EF Project Explorer Aipu 0 Widgetinfo Simay 1 Events ora HTML Ector Since you are going to make several event handling it s convenient to pin it by clicking on the M button in the upper right corner of the window Building a GUI with VGDD Page 16 of 19 The only
5. D OK 6 Sending IPC command to Add File VGDD_Thermo1_Screens h to folder Header Files VGDD OK 7 Sending IPC command to Add File VGDD_Thermo1_ScreenStates h to folder Header Files VGDD OK 8 Sending IPC command to Add File vgdd_thermo1_intemal_resource h to folder Header Files VGDD OK Sending IPC command to Add File VGDDmain c to folder Source Files VGDD OK 10 Sending IPC command to Add File VGDDmain h to folder Header Files VGDD OK 11 Sending IPC command to Add File system c to folder Source Files OK 12 Sending IPC command to Add File system h to folder Header Files OK 13 Sending IPC command to Add File gfx_config h to folder Header Files OK 14 Sending IPC command to Add File system_config h to folder Header Files OK 15 Sending IPC command to Add File pic Software Pic Microchip Solutions v2014 07 22 framework driver gfx drv _gfx_displayh to folder Header Files framework driver gfx OK 16 Sending IPC command to Add File pic Software Pic Microchip Solutions v2014 07 22Aramework driver gfx drv_afx_da210h to folder Header Files framework driver gfx OK 4 mm p Insert Debug Info in injected lines Modify Project 5 Finish on the last tab for your convenience there s a last button to click Generate Code which is completely equivalent to the one in the toolbar The Generate Code panel will be displayed g Code Generation Generate Source F
6. DD Page 9 of 19 1 8 Creating a Big Font scheme Go to the Scheme Control and click New Change the scheme s name to BigFont and then go to font selection by clicking on the a button This opens up the Font Chooser A Font Chooser Add 24 El WEDD Name GentiumBasicRegularl 1 Gentium Basic Regular 1 Referenced True Bin FileName Bin Size 1 Charset RANGE EndChar 126 Font Gentium Basic 11 25pt IsGOLFont Default False j StartChar 32 Name Intemal name for this Font Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod tincidunt ut laoreet dolc Click on the Add button and choose a Gentium 72 points The new font is added to the sample list on the left To limit Flash font size change the Charset property from RANGE default to SELECTION We need all the numeric symbols from 0 to 9 the minus the dot and the degree chars for our temperature so add to the CharsIncluded property the needed characters 0123456789 Then double click on the font in the sample list on the left to select and assign it to the newly created scheme Complete the scheme definition by setting the commonbgcolor property to white the same as the screen Set the txtTemperature text i e to 21 3 and change its Scheme property to BigFont Sunday 17 May 2015 22 45 00 21 3 VGDD Demo Building a GUI with VGDD Page 10 of 19 1 9 Defining Widget s Text as RAM
7. buffer The application needs to change the temperature text so this statictext s text shouldn t be declared as CONST XCHAR but as a normal XCHART This is accomplished by changing its CdeclType property from the default ConstXcharArray to RamXcharArray RamXcharArray 1 10 Adding a Picture Drag and drop a Picture Widget and click on its Bitmap property This opens up the Resource Bitmap Chooser Click on the Add button and select the fan3 bmp bitmap This adds the bitmap to the available bitmaps set Then double click on the newly added bitmap to assign it to the Picture Widget which will be scaled up to fill the default picture size Resize the picture to suit your desired appearance style Change the name for the Picture to picFan Position the fan bitmap under the txtlemperature Sunday 17 May 2015 22 45 00 VGDD Demo Building a GUI with VGDD Page 11 of 19 1 11 Adding Buttons Add two buttons named TempUp and TempDown and create their respective schemes to have them in different colours Sunday 17 May 2015 22 45 00 Room Temperature ase Warmer 2 Running the GUI on the Development Board 2 1 Running the Wizard Run the Wizard by clicking on the a button on the toolbar Go through each Wizard s step 1 Set MPLAB X project All data should be already correctly filled in by the plug in and you shouldn t have anything to modify MPLABX Wizard e Start 1 Set MplabX P
8. duscesetdedeheasaeecinantiontehosastanesatebehsertaeseendacis 18 5 3 Using Events to change variable ValU S cccccceecceeceeeeeeseeeeeeeees 19 O ENG OTE al EXCICIS O rea EE Aaa 19 Building a GUI with VGDD Page 2 of 19 Introduction In this laboratory exercise you will learn how to use VGDD to develop a Graphical User Interface for an example application a thermostat Disclaimer no real thermostatic function will be implemented The exercise will focus on GUI development only Points covered in this exercise e Multiple screens GUI design e Event Handling e MPLAB X Wizard e Hand made code implementations e GUI development round trip Note this exercise is based on the use of the PIC24FJ256DA210 Development Board with a Powertip 480x272 WQVGA 4 3 TFT display but it can be easily adapted for other hardware configurations Prerequisites This exercise needs 1 MPLAB X IDE version 3 0 and above 2 XC16 Compiler version 1 24 and above 3 VGDD version 9 0 and above 4 VGDD Link MPLAB X plug in 5 The Lab1Resources zip contents VGDD VGDD Link and Lab1Resources zip are all available for download from VirtualFab site You can have MPLAB X installed on any supported OS Windows Linux MacOs while VGDD needs a Windows PC to run This can be a physical PC or a Virtual Machine VirtualBox Parallels etc This document refers to a Windows installation Preliminary steps Choosing a Folder The Lab Exerci
9. e display driver needs a place where to store calibration data so check NVM Use SST25VF016 Flash chip which is the one provided on the development board Start 1 SetMplabX Project 2 Select Hardware 3 Set Options 4 Modify MplabX Project Generate Skeleton files Modify Skeleton files VGDDmain c amp VGDDmain h VGDDmain c amp VGDDmain h Heap Size bytes 3000 Generate gfx_config h Modify gfx_config h Generate system h system_config h Modify system h system_config h VGDD Files Available Options Graphics Object support Flash Memory Programmer support NVM Use the SST25VF016 SPI Flash chip NVM Use DEE Data Eeprom Emulation support RICC Real Time Clock and Calendar support Building a GUI with VGDD Page 13 of 19 4 Modify MPLAB X Project simply click on Modify Project button You can switch to MPLAB X to see module files being added in real time by the VGDD Link plug in i MPLABX Wizard gt eE Start 1 Set MplabX Project 2 Select Hardware 3 Set Options 4 Modify MplabX Project 5 Finish Step Result 1 Loading Templates OK 2 Checking Templates OK 3 Sending IPC command to Add File VGDD_Thermo1_Screens c to folder Source Files VGDD OK 4 Sending IPC command to Add File vgdd_thermo1_intemal_resource S to folder Source Files VGDD OK 5 Sending IPC command to Add File vgdd_thermo 1_intemal_resource_reference c to folder Source Files VGD
10. eeeeeees 9 1 7 Adding the Temperature iSplay cccccccceecceeceeeeeeeseeeeeeeaeeseeeeaeeaes 9 1 8 Creating a Big Font SCNEME cccccccc cece ceecseeceeeceeeaeeeeeeeaeeaeeneeness 10 1 9 Defining Widget s Text as RAM Dbuffer cc cecceccceeceeeeeeeeeeeeeeeeeees 11 Ns NO AAG GIING A FICUTI E 11 We TVPNGUCUNNG ES OOS sce ers terest ee een eins eneee cee etme dee 12 2 Running the GUI on the Development Board ccsccseeeeeeeeeeeeees 12 Z FRUITING NO WIZ ONO sons ctoest tied fed ecto a arenes 12 2 2 Compiling the MPLAB X project and running it on the DevBoard 15 3 Modifying the Gece 2 acacensecectassaeasecacecsaeeieesneccteceuceeesccsesvecneneeeecaessessecuece 15 3 1 Adding a DULLOMS MONU sessie EETA 15 3 2 Adding button s DItMADS ec cec cece eee eeceee eee eceeaeeeeseeeeeeeaeeeeeeeaes 15 3 3 Copying selected Widgets between SCIEENS ccseceeeeeeeeeeeeeeeees 16 34 Duplicating a SCE CNszsciae cane Tne eos cuteesanedeadieaenuineteemeedeade 16 4 Designing GUI Navigation Events Handling sccssseeseeeeeeeeeeees 16 4 1 Connecting SCIECNS iscsictece teh eecellad lds etait bdecuuieddncet vveGedouiaddtowsenubtedde 16 4 2 Testing GUI navigation by Simulating it on the Player 0 17 5 GUI development rOUNC tIip c cceceeeeeeeeeeeeeeeseeeeeeseeensesensesensaeeneneeees 18 S PUI WN OCIS d GY eE terete deter oe 18 92 Handing OGG ices astaonazts
11. iles Oi In MPLABX Project s Parent Folder suggested In VGDD Project s Folder Ci In MPLABX Project s Folder C Other Code will be generated in D Temp Lab1 A oc n Ean MplabX VGDDLink Flugin Connect to MplabX IDE running on PC with IP address 127 0 0 1 Port 4242 Plugin connection status Connected to VGDDLink version 0 2 MplabX Project Data from VDDLink plugin Selected MPLABX Project D Temp Lab1 A Lab1 Ax Selected Config default Language Toolchain XC16 VGDD Language settings Here you can revise the options and finally click on Generate Code Again a lot of modules will be added to the MPLAB X project through the VGDD Link plug in at least one for each Widget used in your project GOL needs a default font to be declared so the first time you generate the code a warning will be displayed Warning Mo GOL Default Font defined None of the used fonts is marked as GOL DefaultFont GentiumBasicRegularll has been elected as GOL default font If you wish a different font to be used please set its IsGOLDefaultFont to true and restart CodeGen Building a GUI with VGDD Page 14 of 19 2 2 Compiling the MPLAB X project and running it on the DevBoard Switch to MPLAB X and click on the Run Project P button The project should correctly compile and the connected board get flashed with the firmware The screen you designed on PC will appear on the display You will notice that but
12. ine 93 and insert the following declaration uinte TempOitser 0 Last thing to do is to make the TempOffset variable visible to the VGDD events code Open the VGDDmain h header file and at the bottom locate the vOlatile extern SCREEN STATES screenstate and insert the following extern declarations below it SxLeri Ulnte Temporiset Sxter Vobavile anelof aceror Building a GUI with VGDD Page 18 of 19 Building and running the project now will display a simulated Temperature value which can be modified via the potentiometer Playing around the 20 0 threshold will turn on off the fan icon 5 3 Using Events to change variable values Go back to VGDD and on the Main screen select the Warmer button Open the Event Editor in the Events dropdown select the GFX_GOL_BUTTON ACTION_RELEASE event and add the following code Do the same with the Cooler button but with the following line of code Now Generate Code as usual switch to MPLAB X and run the project the temperature can now be adjusted both with the potentiometer where applicable and by touching the two buttons up and down by 0 1 6 End of Lab Exercise Thank you Building a GUI with VGDD Page 19 of 19
13. ject Thermo1 and as project location navigate to the folder you created for your exercise Notice using VGDD you are free of placing the MPLAB X project wherever you want Once you created the empty MPLAB X project Start the VGDD Link plug in by clicking on the m button This will launch VGDD which will automatically connect to the running MPLAB X If you instead are working with MPLAB X on a different OS you ll have to start VGDD manually as described in the VGDD Link User s manual Running VGDD the first time Configure frameworks When launched for the first time VGDD will ask for configuration In particular paths to the frameworks MLA Legacy MLA or Harmony that will be used are to be configured You can re run this phase whenever needed by clicking on the Project Settings toolbar button p4 Select Frameworktouse button and then clicking on the This will display the Select Framework panel AN Select Framework Select Framework MLA MLA Legacy Harmmony MLA MLA v2014 07 22 on D pic Software Pic Microchip Solutions v2014 07 22 Harmony MLA v0x0400 on D pic Software Pic harmony w1_04_01 MLA MLA v2014 07 22 on D pic Software Pic Microchip Solutions v This Lab exercise is focused on the PIC24FJ256DA210 Development board so we will use MLA If you don t have MLA yet you can click on Get Frameworks from Microchip site and the browser will open on the right pages
14. rmo1 vdp containing project settings In this file screens are saved only by storing their file names 2 Main vds containing the screen properties along with its widgets 1 2 Adding a Rectangle Drag a rectangle from the left GPL Toolbox and drop it on the screen Double click on its Fill property to make it solid occ o Change its colour to Gray by clicking on the CT E o button in its colour property Building a GUI with VGDD Page 7 of 19 This will bring up the ColourChooser from which you can select the desired colour Resize and place the rectangle on top of the screen by grabbing its design handles To precisely place the rectangle change its properties as follows Top 0 Left 0 Height 25 Width 480 1 3 Duplicating objects Copy and paste the rectangle by selecting it and then hitting CTRL C and CTRL V and position it on the screen bottom To precisely place the rectangle you can move it with the keyboard arrows until its properties are as follows Top 247 Left 0 Height 25 Width 480 1 4 Adding the top and bottom texts From the GOL Toolbox click on the StaticText Widget Then click on the screen on the upper gray band The new StaticText will be added Change its text to today s date long format i e Sunday 17 May 2015 then resize it for its text to be correctly displayed and finally finely place it on the upper band Repeat these steps or Copy amp Paste for the hour StaticText
15. roject 2 Select Hardware 3 Set Options 4 Modify MplabX Project 5 Finish MPLABX Project Generate Source Files MplabX VGDDLink Plugin In MPLABX Project s Parent Folder suggested Connect to MplabX IDE running on PC with IP address 127 0 0 1 4242 In VGDD Project s Folder Plugin connection status Connected to VGDDLink version 0 2 In MPLABX Project s Folder MplabX Project Data from VGDDLink plugin Other Selected MPLABX Project D Temp Lab1 A Lab1 A X Selected Config default Code will be generated in Language Toolchain XC16 D Temp Lab1 A VGDD Language settings XC16 pic V Update MplabX Source folders Select Framework to use GRC Path Building a GUI with VGDD Page 12 of 19 2 Select Hardware select PIC24FJ256DA210 Development board and the 4 3 Powertip display 1 SetMplabXProject 2 SelectHardware Development Board Explorer 16 Development Board DM240001 je PIC24FJ256DA210 Development Board DM240312 i Display NewHaven NHD 3 5 320240MF ATXL T 1 ND 3 5in Graphics Display Powertip 4 3in 480x272 Board Graphics Display Truly 3 2in 320x240 Board Graphics Display Truly 7in 800x480 Board AC164127 9 e z Click here to open the Tested Hardware page Double click on images to open Intemet Page 3 Set Options be sure the Graphics Objact Layer support is checked this enables GOL support to use the Widgets Th
16. se needs a folder to store e VGDD project e MPLAB X project e Bitmaps So let s choose a location on the drive may be a network folder as well and create a Folder for the Exercise called for example VGDDLab1 In this folder you can unzip the Bitmaps you found in the zip for the exercise Building a GUI with VGDD Page 3 of 19 Start MPLAB X IDE Install and configure the VGDD Link plug in as described in VGDD Link plug in for MPLAB X User s Manual Create an empty MPLAB X project Click on the w button and proceed with the creation of a Standalone project Choose Project Q Filter Categories Projects UL Microchip Embedded ea MPLAB Harmony Project JB Other Embedded BStandalone Project H Samples Ga Existing MPLAB IDE v8 Project Prebuilt Hex Loadable Image Project E User Makefile Project E Library Project Description Creates a new standalone application project It uses an IDE generated makefile to bui Select PIC24 family and choose PIC24FJ256DA210 device B New Project Steps Select Device 1 Choose Project 2 Select Device 3 Select Header Family 16 bit MCUs PIC24 4 Select Tool 5 Select Plugin Board i 6 Select Compiler Device id 7 Select Project Name and Folder lt Back Finish Cancel Help Building a GUI with VGDD Page 4 of 19 Select your PIC programmer tool ReallCE PicKit3 etc and select the compiler to use XC16 Give a name to the Pro
17. tings Building a GUI with VGDD Page 6 of 19 1 Create a new VGDD project Click on New Project The Project Settings dialog will appear again Verify that the selected values are those you specified in the previous steps and confirm with OK VGDD will switch to design mode and a new empty Screen will be created Ef VGDD Visual Graphics Display Designer 9 0 0 DEBUG eE fae File Edit View Tools Help LV DHT Ox lt xHa Thi gt pE Widget Properties i FileName Name Screenl ObjectTyp Screen BackColor White GolFree True Group Height 272 IsMasterSa False Tet ListBox Locked False ES Picture MasterScre Collection m ProgressBar __ Name Screenl Schemes E J Slider Overlay False Default ShowMaste False r N pe Transparen Zd ___New e 2 VGDDEvent Collection Width 480 Name Default AlphaValue 0 BackgroundImagel BarkoraundTune GFE RACK Name Name Name for this Widget Nome for this Scheme Change its name to Main by going on the Name tab in Widget Properties 1 1 Saving the screen and creating the project Click on the Save Toolbar button navigate to the project folder you created for the exercise and give a name to this VGDD Project Thermo Then VGDD asks for a filename for the Main screen Leave the Main vds default and save in the same folder of the project for convenience Two different files will be created 1 The
18. tons are clickable but nothing happens We have to add some actions to them Let s modify the basic GUI we just created 3 Modifying the GUI 3 1 Adding a Buttons Menu Go back to VGDD close the Wizard if you still haven t do so and click on the o Add Screen button to add a second screen Name it Menu Add a button set its VertAlign property to bottom and its scheme to a new Scheme named Buttons Choose the desired colours for the button face is color0 Then copy amp paste the button and replicate it in order to obtain a three buttons menu row Center the buttons on the screen Then select all three buttons by surrounding them with the mouse and duplicate the row with copy amp paste Align the second row under the first one to obtain the following result 3 2 Adding button s bitmaps One after the other edit the Bitmap property of each button and add an icon see step 1 10 on page 11 Be sure to set each bitmap s AllowScaling to false otherwise they will completely fill the buttons faces When setting button s bitmap for the first time with a bitmap whose AllowScaling is set to false the button itself get resized to the bitmap s original size For this reason you ll have to manually resize the button back to the desired dimensions Finally change button s Texts to obtain a result like the one up above Building a GUI with VGDD Page 15 of 19 3 3 Copying selected Widgets between screens Go
19. upper band right and for the product name lower band left The final result should look like this Sunday 17 May 2015 22 45 00 3 V VGDD Demo Building a GUI with VGDD Page 8 of 19 1 5 Creating a new Scheme Schemes To change StaticText background color a new a Apply scheme must be created new Delete Click on the New button in the Schemes Control Name ae change its name to Bands and adjust colours AlphaValue 0 accordingly at least commonbkcolor to be the BackgroundType GFX_BACKGROUND COLOR same as the bands ae B32 168 224 Color 1 B 16 132 168 Colordisabled 208 224 240 CS 224 22628 C 1 6 Applying new scheme to all comet Static Texts Embossdkcolor D 248 204 0 ae Embossltcola 24 116 184 Select the three StaticTexts by clicking on them while holding the CTRL key FillStyle GFX_FILL_STYLE_COLOR Font GentiumBasicRegular11 Then go on the Schemes Control verify that the Textual WM 24 24 24 selected scheme is the Bands scheme just Textcolor 1 _ 248 252 248 created and click on the Apply button Textcolordisabled E 128 128 128 Commonbkcolor Colour for Commonbkcolor The final result should be like this Sunday 17 May 2015 1 7 Adding the Temperature display Select the StaticText Widget from the ToolBox on the left go on the screen and draw a big rectangle covering the left centre part of it Give it the name txtTemperature Building a GUI with VG
20. you haven t done any addition modification to the resources used in your project This will skip the GRC phase reducing development time You can now switch to MPLAB X and Run the modified GUI on the hardware 5 2 Hand Writing Code Let s add the code needed to read the DevBoard potentiometer and display it as Temperature Switch to MPLAB X and open the VGDDmain c source file Near line 134 locate the comment Application background code goes here and insert the following code below tt WIG E porval ClArPSrVval uinto2 ELCkKeOL IE eee w CICkPOEN ae LiekPor tick fie Seine AC Por potVal TempOiiset adePot gt gt 1 else potVal TempOffset endif if potVal OldPotVal OldPotVal potVal Main Exelenperdeure Texel porval Ss 10 0x23 potVal 10 Mali e lemperacure Textil porvyal 2 10 Oees potVal 10 Main EXtlemperature Texaclt potval gt 10 0x23 potVal 10 GFX GOL ObjectStateSet GFX_GOL ObjectFind ID Main txtTemperature GFX GOL STATICTEXT DRAW STATE Lt Ober or val 200 4 GPx GOL Objectetave Cl leari Grx GOly ObjeclPrind ID Main piclan GFX GOL PICTURBCONTROL HIDE STATE else GPX GOL Db SCrStalreset Grx Gol Objectbind 1D Main pichan Grex GOl PICTURECONTROL HIDE Stare GFX_GOL ObjectStateSet GFX_GOL ObjectFind ID Main picFan GFX COL PICTURECONTROL DRAW STATE Then go up and locate the GLOBAL VARIABLES FOR APPLICATION near l
Download Pdf Manuals
Related Search