Using DomExplorer - kaisu1986/ATF GitHub Wiki

DomExplorer, in the Sce.Atf.Dom namespace, is a MEF component you can use to visualize the contents of a DomNode tree in a tree view. The ATF DOM Tree Editor Sample imports DomExplorer, whose window is shown in this figure:

The left pane of DOM explorer shows a tree view of all the nodes in the application data's DomNode tree. DomNodes are listed by name, taken from the DomNodeType.Name property. All the node's DOM adapters are listed as its children, along with all the interfaces that node implements, in parentheses after the adapter name. For example, the "Package" node has two adapters:

• UIPackage, the primary DOM adapter for this node.
• CustomTypeDescriptorNodeAdapter, a DOM adapter added to all nodes to manage property descriptors.

In addition to these adapters, the "Package" node contains a "Form" child node (with its corresponding UIForm and CustomTypeDescriptorNodeAdapter adapters), which in turn contains a "Control" node (with UISprite and CustomTypeDescriptorNodeAdapter adapters).

The right pane of DOM explorer contains a property editor that enables you to view the DomNode type's attributes and their types, if any. The property grid is for information only; you cannot edit attribute values. In the figure, the selected "Transform" node has three attributes: "Rotate", "Scale", and "Translate", all arrays of type Single.

To learn more about the DOM Tree Editor sample and its DOM adapters, see DOM Tree Editor Programming Discussion.

You can add DOM Explorer to an application by adding the DomExplorer component to the TypeCatalog of the application, as you would any other MEF component.