Ticket #107 (closed enhancement: fixed)

Opened 2 years ago

Last modified 6 months ago

flex.designview

Reported by: mb0 Owned by: asdt.org
Priority: major Milestone: AXDT 0.1.0
Component: editor Version:
Keywords: mxml Cc: flex.designview@…

Description (last modified by mb0) (diff)

from flex.designview Just wondering if anyone would be interested in integration of the mxml designview into axdt project? The url of the current designview:  http://designview.sourceforge.net

Attachments

screenshot.png Download (52.3 KB) - added by mb0 2 years ago.
flex designview editor
screenshot.2.png Download (106.0 KB) - added by mb0 2 years ago.
the text editor is a colored wst xml editor with mxml schema comletion, the design view is not the default editor so use the context menu to open

Change History

Changed 2 years ago by mb0

i just took a look at the app. its already nice. one can already open the view in an eclipse browser view or the axdt swf view.

for tighter integration with axdt i see a few points we would need to work on together.

the ideal integration would be a multi part editor with an browser widget showing the flex design view and another to show the mxml source in an eclipse text editor (and maybe a preview tab at some point).

that implies a customized flex design view without menu bar (file menu, source view) and a way to synchronize with the eclipse editor content.

my part of work would cover the communication with the design view, the multipart editor and the synchronization of the editor content.

your part would be customization of the view to match the requirements.

any ideas or comments are welcome.

Changed 2 years ago by max

Thats sounds great!

Here is an example of designview without control bar:  http://designview.sourceforge.net/externalinterface/

file designview.swf currently has only two external methods: "BuildMXML" and "ReadMXML", and it also calls designviewIsReady in the external container after it loaded and initialized all the data.

apart of designview.swf file there is two files: components.xml and rootComponents.xml which are used for the components description.

and here is the source files included in FlashDevelop? project:  http://designview.sourceforge.net/externalinterface/designview.zip

Once you will finish with inegration we will see what next should be done.

Changed 2 years ago by mb0

wow thats great! i found a nice  swt browser javascript example. that looks easy enough.

Changed 2 years ago by mb0

flex designview editor

Changed 2 years ago by mb0

the first time the view will be activated and on every save the view will import the editor input. for export to editor and manual import use the buttons.

Changed 2 years ago by mb0

the text editor is a colored wst xml editor with mxml schema comletion, the design view is not the default editor so use the context menu to open

Changed 2 years ago by max

Cool!

As there is own outline for mxml, may be it would be better to have it connected to designview. And for this layout I probably will have to move properties/components part to the right side.

Are these screenshots made under linux? I see that borders are cutting edges of the components - linux flash player draws stuff differently.

Changed 2 years ago by mb0

the outline is part of the wst xml editor used. that said we can not connect it to the design view. communication with the design view is very ugly so we should keep integration at a minimum. eclipse uses the browser status bar of the xulrunner to communicate with the swf in javascript. big text will already be a problem. (and i have to remember to escape single quotes...)

and yes it is on linux - even 64 bit. its also quite memory hungry because of it. it loads xulrunner, the ndiswrapper for 32 bit plugins and the flash plugin. anyway its a nice feature and i am a bit proud of our frictionless open source collaboration.

well done !

Changed 2 years ago by anonymous

I've updated source files at the same location with properties/components on the right side. And just in case added an example of external outline interaction :)

Changed 2 years ago by mb0

  • status changed from new to closed
  • resolution set to fixed
  • description modified (diff)

you can select the flex designview in the context menu of any mxml file in axdt 0.0.5.

i close this ticket but have to add some info/documentation.

Note: See TracTickets for help on using tickets.