基于IFML的移动用户界面建模及到Flutter平台模型转换研究

Research on IFML based mobile user interface modeling and model transformation to Flutter platform

为了在提高软件开发效率的同时确保前端有绚丽的用户界面(UI),采用模型驱动的工程方法,用交互流建模语言(IFML)对移动用户界面平台无关模型(PIM)建模;通过设计模型转换的映射规则,实现对Flutter的平台相关模型(PSM)建模。在实例验证中,通过映射规则实现交互动画从PIM到PSM的转换,以及使用PSM到代码转换过程中用到的模板,然后用Acceleo转换工具自动生成目标代码,最后通过交互动画的登录页面进行验证,结果表明该方法节省了开发时间,同时能提供较为绚丽的用户界面。

In order to improve the efficiency of software development and ensure a beautiful user interface(UI)at the front end,this paper adopts model-driven engineering method,and uses Interactive Flow Modeling Language(IFML)to model the mobile user interface platform-independent model(PIM).By designing mapping rules of model transformation,Flutter’s platform-dependent model(PSM)was modeled.Through mapping rules,the example tries to realize interactive animation of PIM to PSM transformation and PSM to use template code conversion process,then automatically generates the target code with Acceleo conversion tools.Finally,through interactive animation of the login page,it proves this method can save development time,while providing more gorgeous user interface.