Research And Implementation Of User Interface Pattern Classification And Visualization Tools

User interface development usually includes two parts: interface design and interface implementation.Since the user interface pattern is regarded as the best interface design suggestion that has been verified,the pattern-based user interface design method and technology are widely used in the interface design phase.In the implementation phase,the current platform only provides interface widgets(such as button,edittext,etc.)to construct the interface,but does not provide support for the implementation of the pattern,thus requiring the programmer to implement the pattern on the widget layer to complete the interface development,such that there is a gap between design and implementation.The gap between design and implementation makes pattern-based interface development a cumbersome and time-consuming task.First,the existing interface pattern mainly provides design information to the designer in text or sketch form.This information shows how the pattern is applied to those scenes,how to solve the interaction design problem,and the programmer needs implementation information instead of design information.Second,the interface pattern is a two-dimensional design of the interface,and the programmer's implementation pattern on the widget layer is usually based on the layout model and the dialog model provided by the platform,thus causing difficulty in conversion between the two.Thirdly,from the perspective of implementation,the interface pattern is a structured organization of several widgets,which contains layout and dialog information.The layout information describes the layout structure between the constituent widgets.The dialog information describes the logical relationships between the constituent widgets,which are used for the implementation of the layout model and the dialog model.At present,the implementation information of the interface pattern lacks clear expression,which causes difficulties in understanding and implementing the pattern,thus affects the efficiency of the interface development.In order to solve the above problems and make up for the gap between interface design and interface implementation technology,it is necessary to seek a way which can transfer and learn implementation information to help programmers implement patterns.In order to let interface layout structure and dialog logic become a practical method that programmers can quickly master,this paper applies visualization technology to the realization of learning pattern.Firstly,proposing a user interface pattern classification method for programmers.The interface pattern is classified by layout feature.When visualizing pattern layout structure,according to the features of different category patterns,different visualization technologies are applied;Secondly,in order to make the interface pattern convenient for computer analysis and processing,the user interface pattern visual markup language is proposed to describe the layout and dialogue of the interface pattern.Based on this,a user interface pattern visualization tool has been designed and implemented,which provides a visualization framework to realize the visualization of the pattern layout structure and dialog logic.It aims to help programmers learn and understand the interface pattern layout structure and dialog logic,and improve the interface development efficiency.