如何创建Apache Flex的组件

首先

使用Apache Flex来创建自定义组件(自定义组件)。
我们将创建一个简单的组件,只显示“Hello XXX”作为示例。
同时,我们将写下如何使用创建的组件的方法。

创建组件

<?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">
    <fx:Script>
        <![CDATA[
            [Bindable]
            public var yourName:String;
        ]]>
    </fx:Script>
    <s:Label text="Hello {yourName}" />
</s:Group>

创建一个组件,用于表示”Hello XXX”。
mxml文件名中的”HelloLabel”部分将成为组件的名称。
通过yourName属性指定的值,可以改变XXX部分的显示内容。

创建的组件的使用方法 le de

Screenshot from 2021-08-18 11-21-25.png
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:c="*"
                       width="400" height="300">

    <fx:Style>
        * { 
            font-family: "Meiryo";
        }
    </fx:Style>

    <!-- 作成したコンポーネント -->
    <c:HelloLabel left="10" top="10" yourName="World"/>

</s:WindowedApplication>

如果组件的mxml文件在同一个文件夹中,可以通过在s:WindowedApplication标签中指定xmlns:c=”*”来引用。
(如果在创建一个名为components的文件夹,并将组件的mxml文件存放在其中,可以通过指定xmlns:c=”components.*”来引用)。

在您想要使用的位置,通过添加c:HelloLabel标签,您可以使用所创建的组件。

这次,我选择了xmlns:c,其中的“c”部分可以任意指定为一个字符串。

广告
将在 10 秒后关闭
bannerAds