SOFTWARE – GUI DESIGN
CONTENT
1 BASIC GUI PROGRAMMING WITH VISUAL C++
2 COMMUNICATION WITH EMBEDDED DEVICE
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ MFC Dialog project in VS2019
File → New Project
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ MFC Dialog project in VS2019
 Application Type Tab
• Application Type → Dialog Base
• Use of MFC → Use MFC in a shared dll
 Generated Class Tab
• Generateb tab → Dlg
• Finish to creat new project
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ MFC Dialog project in VS2019
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ Project Overview
 Default Dialog and Tool box
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ Project Overview
 File Tree
 Resource View
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ Project Overview
 Object-oriented inside VC ++
programming
• Function create inside MFCDemoDlg.h
class
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ Project Overview
 Object-oriented inside VC ++
programming
• Implement in MFCDemoDlg.cpp
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Create Receive Data Group
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Create Receive Data Group
Control ID
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Create Receive Data Group
Control Variable
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Create Serial Control Group
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Name - Combo Box Objects
Control ID
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Name - Combo Box Objects
Control Event
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Name - Combo Box Objects
Changed in files MFCDemoDlg.h and MFCDemoDlg.cpp
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Name - Combo Box Objects
Changed in files MFCDemoDlg.h and MFCDemoDlg.cpp
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Name - Combo Box Objects
Control Variable
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Name - Combo Box Objects
Control Code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Baudrate - Combo Box Objects
Control ID
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Baudrate - Combo Box Objects
Control Variable
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Baudrate - Combo Box Objects
Control Code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Open Button – Button Objects
Control ID
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Open Button – Button Objects
Control Variable
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Open Button – Button Objects
Control Event
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Open Button – Button Objects
Control Code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 SerialCtrl Library
Copy SerialCtrl file into project
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 SerialCtrl Library
Add SerialCtrl into project
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 SerialCtrl Library
SerialCtrl file tree
Drag SerialCtrl.cpp down to Source files
to easier management
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 SerialCtrl Library
• Include SerialCtrl
• Inheritance SerialCtrl
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 SerialCtrl Library
• Inheritance SerialCtrl
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 SerialCtrl library
• Implement inheritance
function in DemoDlg.cpp
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Create Serial Send Data Group
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Text Command - Edit Text Objects
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Text Command - Edit Text Objects
Control ID
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Text Command - Edit Text Objects
Control Variable
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Button Send Command - ButtonObjects
Control ID
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Button Send Command - ButtonObjects
Control Variable
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Button Send Command - ButtonObjects
Control Event
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Port Button Send Command - ButtonObjects
Control Code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Static Data Group
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Static Data Group
Object Control infomation
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Static Data Group
Add sample code in top file MFCDemoDlg.cpp
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Static Data Group
• POS Button –
Control Code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Receive Data
• Create Process
Data function
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Receive Data
Call ProcessData in CMFCDemoDlg::OnEventRead
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Data by Timer
• Enable Timer
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Data by Timer
• Enable Timer
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Serial Send Data by Timer
• Add sample code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Control Timer by Radio Button
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Control Timer by Radio Button
• Control ID
• Control Event
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Control Timer by Radio Button
• Control Code
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Hardware Status with GUI and Protocol
• Hardware Status Group
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Hardware Status with GUI and Protocol
•
LED1 Status – Check Box Object
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Hardware Status with GUI and Protocol
•
Sample Protocol
1 BASIC GUI PROGRAMMING WITH VISUAL C++
■ GUI DESIGN
 Hardware Status with GUI and Protocol
•
Sample Protocol