Embedded Graphics User Interface Visual Designer Project And Implementation Based On MVVM Pattern

With the development of embedded device performance and increasing number of the embedded devices with a Graphical User Interface(GUI) features, graphical user interface of beautiful appearance and ease of command degree demand growing made to develop a good graphical user interface which is to fit user needs regarding of the whole product importance to be more pronounced and led to occupy increasing amounts of resources throughout the project cycle. Using middle ware pattern to quickly develop own product’s graphical user interface is now the choice of many manufacturers, also will be the future development trend of embedded devices.In the case of embedded device performance has exceeded the demand that is embedded software development as the same as PC software,for developing efficiency requirements have exceeded execution for efficiency, and using visual tools aided design and highly reusable components to fast development is the trend.After analyzed on a variety of hardware and software of platforms development ways and features, this paper using Visual Studio 2010 as a development environment and c # as a programming language to designed and presented a highly reusable quick WYSIWYG(What You See Is What You Get) mode to realize the free configuration graphical interface application and design a CAGUI Designer(Configure Application GUI, configurable graphical interface designer)which is used a MVVM framework based on the WPF platform, which has applied for national computer software copyright certification. The CAGUI Designer put the past in the embedded display device manually add drawing instruction mode into a simple way for control, bitmap,text and other visual elements to add and modify directly to make developing efficiency is greatly improved. Developers can use the mouse to the existing graphics to free configuration on the design window, establish the picture layout. The design of the graphical interface attribute automatically generated and stored in XML file and according to the agreement output for the embedded devices to use,so that can make the user can at any time to view and modify the design effect.This CAGUI Designer in addition to the common designer most of the functions,such as draganddrop controls, modify the control properties, project management,also has some original function:custom controls, custom protocol output, XML automatic code generation. Compared with traditional designer, the CAGUI of the module independence higher and lower coupling, can achieve a reasonable allocation of resources, rapid satisfy the different customer experience of creative needs. In this paper in respect of realization of this CAGUI Design system framework:WPF(Windows Presentation Foundation) as well as using the MVVM pattern(Model View View Model)to detailing describes, focused on the issues about the high reusability of code, separation of interface and logic code,etc.