📜  Flex-自定义控件

📅  最后修改于: 2020-10-25 02:26:33             🧑  作者: Mango


Flex提供了两种创建自定义组件的方法。

  • 使用ActionScript
  • 使用MXML

使用ActionScript

您可以通过扩展现有组件来创建组件。要使用Flash Builder创建组件,请单击File> New> ActionScript Class

输入详细信息,如下所示-

Flex ActionScript组件

Flash Builder将创建以下CustomButton.as文件。

package com.tutorialspoint.client {
   import spark.components.Button;

   public class CustomButton extends Button {
      public function CustomButton() {
         super();
      }
   }
}

使用MXML

您可以通过扩展现有组件来创建组件。要使用Flash Builder创建组件,请单击File> New> MXML Component

输入如下所示的详细信息。

Flex MXML组件

Flash Builder将创建以下CustomLogin.mxml文件。




让我们按照以下步骤在Flex应用程序中测试自定义控件-

Step Description
1 Create a project with a name HelloWorld under a package com.tutorialspoint.client as explained in the Flex – Create Application chapter.
2 Modify HelloWorld.mxml as explained below. Keep rest of the files unchanged.
3 Create CustomLogin.mxml and CustomButton.as component as explained above. Modify these files as explained below. Keep rest of the files unchanged.
4 Compile and run the application to make sure business logic is working as per the requirements.

以下是修改后的mxml文件src / com.tutorialspoint / client / CustomLogin.mxml的内容



   
   

以下是修改后的mxml文件src / com.tutorialspoint / client / CustomButton.as的内容

package com.tutorialspoint.client {
   import spark.components.Button;

   public class CustomButton extends Button {
      
      public function CustomButton() {
         super();
         this.setStyle("color","green");
         this.label = "Submit";
      }
   }
}

以下是修改后的mxml文件src / com.tutorialspoint / client / HelloWorld.mxml的内容



   
   
   
   
   
      
         

         
                        
                    
         
         
         
            
            
         
      
   

准备好所有更改后,让我们像在“ Flex-创建应用程序”一章中一样,以正常模式编译和运行应用程序。如果您的应用程序一切正常,它将产生以下结果:[在线尝试]

Flex自定义控件