基于MVVM模式的嵌入式GUI可视化设计器的设计与实现

发布时间：2018-01-28 08:43

本文关键词： 嵌入式图形用户界面可视化设计器 WPF MVVM模式　出处：《湖南科技大学》2015年硕士论文　论文类型：学位论文

【摘要】：随着嵌入式设备性能的发展,带有图形用户界面(GUI)功能的嵌入式设备越来越多,用户对图形界面美观、操作的难易程度要求不断增加,一套良好的、贴合用户需求的图形用户界面对整个产品的重要性越来越显著,导致了嵌入式的图形用户界面设计在整个项目周期中占有的资源越来越多。利用中间件工具来快速开发适合自己产品的图形用户界面是如今很多厂商的选择,也将是未来嵌入式设备的发展方向。在嵌入式设备的性能已经超过需求的情况下,嵌入式软件开发已经和PC软件开发一样,对开发效率的要求已经超过对执行效率的要求,利用可视化工具辅助设计和高可复用性组件来快速开发是大趋势。在全面分析了各种软硬件平台结构中图形用户界面的开发方式、特点后,本文利用Visual Studio 2010作为开发环境,采用C#编程语言,提出了一种所见即所得的高可复用性快速可视化开发方式,实现界面图形开发的自由配置应用,设计出基于WPF平台MVVM架构的CAGUI设计器(Configure Application GUI,可配置的图形界面设计器),并已申请获得国家计算机软件著作权认证。该CAGUI设计器把以往在嵌入式显示设备中手工添加绘图指令的开发模式变成简单的对控件、位图、文字等可视化元素的直接添加和修改,使得开发效率得到极大的提升。开发人员可以通过鼠标对现有图元在设计窗口中自由配置,布局建立画面。设计的图形界面属性自动生成并保存在XML文件中并按照协议输出供嵌入式设备使用,使得用户可以随时查看和修改设计效果。本设计器除了具有普通界面设计器中的大部分功能,如拖放控件,修改控件属性,项目管理等,还具备独创的自定义控件,自定义协议输出,XML自动代码生成等功能。相较于传统模式下的设计器,其模块独立性更强、耦合度更低,能合理的实现资源配置,快速满足不同客户体验的创意需求。本文还针对实现本CAGUI设计器系统的框架:WPF视窗演示基础(Windows Presentation Foundation)以及所使用的设计模式MVVM(Model View View Model)模式进行了详细描述,对程序的高可复用性、界面与逻辑代码分离等问题进行了探讨。
[Abstract]:With the development of the performance of embedded devices, more and more embedded devices with graphical user interface (GUI) function, users of the graphical interface beautiful, easy to operate the requirements of increasing, a set of good. The importance of a graphical user interface that meets the needs of the user is becoming more and more significant for the entire product. As a result, embedded graphical user interface design occupies more and more resources in the whole project cycle. Using middleware tools to quickly develop graphical user interface suitable for their own products is the choice of many manufacturers nowadays. It will also be the development direction of embedded devices in the future. When the performance of embedded devices has exceeded the demand, embedded software development has been the same as PC software development. The requirements for development efficiency have outweighed the requirements for execution efficiency. It is a trend to use visual tool aided design and high reusable components to develop quickly. After analyzing the development methods and characteristics of graphical user interface in various hardware and software platform structures. In this paper, Visual Studio 2010 is used as the development environment, and C # programming language is used to develop a fast visual development method with high reusability of WYSIWYG (WYSIWYG). Realize the free configuration application of interface graphic development, design the CAGUI designer based on MVVM architecture of WPF platform and configure Application GUI. Configurable graphical interface designer. And has applied to obtain the national computer software copyright certification. The CAGUI designer in the past in embedded display devices manually add drawing instructions into a simple control bitmap. With the direct addition and modification of visual elements such as text, the development efficiency is greatly improved. Developers can freely configure the existing elements in the design window through the mouse. Layout setup screen. The designed graphical interface attributes are automatically generated and saved in XML files and output according to the protocol for embedded devices. This designer not only has most of the functions in the common interface designer, such as drag-and-drop control, modify control properties, project management and so on. Also has the original custom control, the custom protocol output XML automatic code generation and so on function. Compared with the traditional mode designer, its module independence is stronger, the coupling degree is lower. Can reasonably achieve the allocation of resources. Quickly meet the creative needs of different customer experiences. This article also aims at the framework of the implementation of this CAGUI designer system: WPF Windows Demo Foundation (. Windows Presentation Foundation) and the design pattern used by the MVVM(Model View View Model). The pattern is described in detail. The high reusability of the program and the separation of interface from logical code are discussed.
【学位授予单位】：湖南科技大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP311.52

【相似文献】