Research Of Model-Based User Interface Presentation And Layout Method

User interface (UI) is the most important component of the computer application system; it is the base of the user and system interaction, and the core of HCI. In today's software development process, the efficiency and quality of the user interface development has become an important factor that affects the entire quality of the software products. As people's increasingly high demands on the UI, users find it difficult to accept poor UI applications. However, the development of a good UI is a hard work. Research shows that about half of the code and run-time services for the UI. Therefore, the modeling and automatic generation of the UI gradually becomes a hot research.Recently, the model-based interface development approach calls pursuers attention. Model-driven, interface design pattern and interface layout thinking gradually infiltrated into the interface development process. In a model-based approach, the UI design is the process of creating and refining the user interface models, all aspects of a UI design are represented using declarative models. It can help designers focus on the concept in order to access user needs, avoiding premature for details of the design. At the same time, it makes the relationship between the different parts of an interface and the roles they played become clearer. But, most models obtain the necessary interface through the decomposition of the interactive tasks, starting form requirement. They rarely involve the mapping from the model analysis to the automatic generation of the interface elements, and lack of the processing information of the interface layout, so it is difficult to meet the complexity and diversity of the UI.This article is base on the in-depth study of the interface model and layout, it propose interface layout model, thus improving the FMP model. The interface description model include abstract model (functional model, object model, interactive model) and specific model (present model, layout model), it describe different levels of information of the UI. On the basis, the paper establishes the mapping from interface abstract model to specific model, guiding the development of the prototype user interface.This article focuses on the modeling of the present model and layout model, and designs the structure of the visual objects in detail. At the same time, it accomplish the generation of the visual objects according to the model mapping mechanism, achieve the automatic layout of the visual objects employing a variety of layout strategy, complete the development of the platform-independent UI effectively.In order to enhance the participation of users in UI development and reuse of interface knowledge, the paper uses the method of user interface design pattern. It defines the parameterized interface design pattern, classify and design the existing present style. For the different present style, we design the corresponding visual objects collection and layout them.Differing from traditional UI development, the paper combines the model-based UI development approach with the UI design pattern. Giving full consideration to the needs of users about UI, it design and implement a platform-independent interface prototype, reflecting a high degree of user customization, and supporting the automatic generation of interface.