attribute_panel

2016-04-19 11:34:02   0  举报





attribute_panel是一个用于管理和展示对象属性的面板。它通常用于图形用户界面（GUI）中，以便于用户查看和编辑对象的各种属性，如颜色、大小、位置等。在attribute_panel中，用户可以方便地对对象的属性进行修改，而无需编写复杂的代码。此外，attribute_panel还可以根据需要添加或删除属性，以满足不同场景的需求。总之，attribute_panel是一个功能强大且易于使用的工具，可以帮助用户更高效地操作和管理对象属性。

作者其他创作

大纲/内容

Init()

User

Attribute

1. 左图描述Core层Element-Attribute-FormPanel的类图。2. 每个类均继承自一个对应抽象类，这里省略。抽象类里主要定义接口。3. Element和Attribute之间相互引用，图中省略4. Attribute持有FormField的一个引用，方便对于非双向绑定的方式进行消息的传递（采用事件监听）。5. 某一个具体的Element包含哪些AttrGroup，每个AttrGroup包含哪些Attribute，是在具体的Extension中指定。注：这里的每个类id是一个固定的枚举字符传，仅用来区分类。如果采用非双向绑定的方式的话，需要持有对方的引用。

Element

callback()

Extension

BaseField

- id- name

Edit

FormField

getHtml()

AttributeGroup

- id- name- attrs{}

- addAttr()- removeAttr()- getAttrs()

FieldGroup

- id- name- fields{}

- attrGroups{}- cssClass

- addGroup()- getGroups()

setValue()

AttrGroup

FieldWrapper

wrapperClass

- getWrapperHtml()

Application

整体目标：以web工具的形式展现给最终用户，用户通过可视化编辑的方式，搭建web应用。左图为attribute-editor部分结构图。1. Core: 核心层。框架本身的核心类，以及扩展接口。同时提供支撑应用能够运行的基本能力。这一层和具体的技术、开发语言无关。2. Extension：扩展层。第三方开发者可以根据具体的开发环境和语言进行扩展。3. Application：应用层。提供与用户交互的能力，UI展示、事件处理。

- typeName- attrs- fieldClass- id

- onChange()

onChange()

sendMessage()

Form

generateHtml()

Core

- attrs- class- name- id- fields{}

- getFormHtml(formModel)

DragDrop()

- id- name- value- fieldType- field

- getValue()- setValue()- registAttr2Field()- on/before/afterSetValue()