1.

新建 mxml组件

代码如下

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
    <fx:Script>
        <![CDATA[           
            [Bindable]
            private var textstr:String = "字符串按钮";
            public function set BTNtext(par_str:String):void
            {
                mystr = par_str;
            }
            public function get BTNtext():String
            {
                return mystr;
            }
        ]]>
    </fx:Script>
    <s:layout>
        <s:BasicLayout/>
    </s:layout>
    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
        <fx:String />
</s:Group>

2.

组件建好之后就会在开发环境

右下角的组件列表中显示出来

如图所示

flash/flex 之 自定义MXML组件

可以把此组件拖动到主mxml文件中

代码如下

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:Modules="Modules.*"
                xmlns:Component="Component.*">

    <fx:Script>
        <![CDATA[

        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- 将非可视元素(例如服务、值对象)放在此处 -->
    </fx:Declarations>
    <Component:componentMXML x="93" y="77" BTNtext="测试一下按钮文本">
    </Component:componentMXML>
</s:Application>

3.

运行程序

结果如下

flash/flex 之 自定义MXML组件

相关文章:

  • 2022-12-23
  • 2022-02-24
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-21
  • 2021-11-20
  • 2021-06-07
猜你喜欢
  • 2022-02-06
  • 2021-12-23
  • 2021-05-27
  • 2022-12-23
  • 2022-01-09
  • 2021-12-17
  • 2021-11-05
相关资源
相似解决方案