代码拉取完成,页面将自动刷新
ObjectView是feng3d中实现由数据对象自动生成界面的一套框架。
减少了绝大多数的界面逻辑代码编写,解决了数据对象与界面同步问题,极大的提升了UI开发效率。
/**
* 获取对象界面
* @param object 用于生成界面的对象
* @param param 参数
*/
feng3d.ObjectView.getObjectView(object: Object, param?: GetObjectViewParam): IObjectView
ObjectView框架初始化后仅仅需要调用一下代码便可以实现从数据对象到界面的转换。
var view = feng3d.ObjectView.getObjectView(object);
// 对默认界面进行配置
feng3d.objectview.defaultBaseObjectViewClass = "OVBaseDefault";
feng3d.objectview.defaultObjectViewClass = "OVDefault";
feng3d.objectview.defaultObjectAttributeViewClass = "OAVDefault";
feng3d.objectview.defaultObjectAttributeBlockView = "OBVDefault";
// 对自定义属性进行指定显示OAV组件
feng3d.objectview.setDefaultTypeAttributeView("Boolean", { component: "OAVBoolean" });
feng3d.objectview.setDefaultTypeAttributeView("String", { component: "OAVString" });
feng3d.objectview.setDefaultTypeAttributeView("number", { component: "OAVNumber" });
只处理数据对象与界面的对应关系,并不会实际去处理具体的OAV、OBV、OV的实现与数据绑定逻辑,更是与具体的UI框架无关。也就意味着可以运用到HTMLElement、egret、layabox等任意的UI框架中去,甚至可以轻松翻译为其他语言以及其他语言UI框架中去。
https://gitee.com/feng3d/feng3d/blob/master/modules/objectview/src/ObjectView.ts
https://github.com/wardenfeng/ObjectView-as
https://github.com/wardenfeng/ObjectView-ts
https://gitee.com/feng3d/feng3d/blob/master/modules/watcher/src/Watcher.ts
https://gitee.com/feng3d_admin/objectview-jqueryui
下图中feng3d编辑器的右侧红框部分Inspector模块所有显示均使用ObjectView进行构建。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。