How to use an MXML component in my as3 code?

Question

I have made a lot of research on this topic but I could not find any helping answer to my issue. I currently have a 100% as3 application. I would like to add a spark component to my stage eg a datagrid (because it is way more simple and clean to create it with mxml).

FileName : MXMLPractice.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:DataGrid x="0" y="0" width="50" height="50"
            xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:columns>
        <s:ArrayList>
            <s:GridColumn dataField="dataField1" headerText="ColumnName1"></s:GridColumn>
            <s:GridColumn dataField="dataField2" headerText="ColumnName2"></s:GridColumn>
            <s:GridColumn dataField="dataField3" headerText="ColumnName3"></s:GridColumn>
        </s:ArrayList>
    </s:columns>
</s:DataGrid>

How can I add this component to the stage in my as3 code? Given my difficulties to find a matching answer, I guess I might be trying to do something not recommended. If that is the case, could you please advise me what to do instead?

My tests so far (compiling but not displaying anything) :

package  
{
    import flash.display.Sprite;
    import mx.events.FlexEvent;

    public class Main extends Sprite
    {
        private var practice:MXMLPractice;
        public function Main() 
        {
            practice = new MXMLPractice();
            stage.addChild(practice);
        }

    }

}

Nicolas Siver · Accepted Answer · 2014-03-09 11:22:07Z

1

In pure AS3 project, you should use AS3 components, that also extend UIComponent as flex components, but designed for pure as3 project. For this task, you will need fl.controls package. You can copy/past ui classes from the installation directory of Flash Professional:

c:\Program Files\Adobe\Adobe Flash CC\Common\Configuration\Component Source\ActionScript 3.0\User Interface\

Next step will be export view representation of ui components to the library in Flash IDE from components window CTRL+F7

edited Mar 9, 2014 at 11:22

answered Mar 9, 2014 at 11:14

Nicolas Siver

2,8853 gold badges19 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user3392029 · Accepted Answer · 2014-03-10 16:25:16Z

1

It's really hard task. If you want to use some simple class from Flex SDK like ObjectUtil just copy it to your classes. It will work fine because doesn't have imports. But visual components are linked with many other classes. For components like grid you have to copy dozens of classes. Each of them also have dependencies and so on. Probably it's better to modify Flash component or find open source solution.

answered Mar 10, 2014 at 16:25

user3392029

Collectives™ on Stack Overflow

How to use an MXML component in my as3 code?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related