步骤:
1:新建一个module类型的mxml文件module.mxml
2:新建一个运用程序文件moduleLoader.mxml
module.mxml文件内容如下
<?xml version="1.0" encoding="utf-8"?>
<mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">
<mx:Script>
<![CDATA[
import mx.controls.*;
private function showModule():void{
Alert.show("单击模块了");
}
]]>
</mx:Script>
<mx:Button x="133" y="145" label="Button" click="showModule()"/>
</mx:Module>
moduleLoader.mxml文件内容如下
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
private function loadModule(url:String):void{
//指定加载模块URL
currentModule.url=url;
//进行外部的加载
currentModule.loadModule();
}
]]>
</mx:Script>
<mx:ModuleLoader x="233" y="109" width="400" height="300" id="currentModule" click='loadModule("module.swf")'>
</mx:ModuleLoader>
</mx:Application>
注意:点击事件的单引号和双引号
分享到:
相关推荐
在Flex开发中,`ModuleLoader` 是一个关键组件,它允许开发者动态地加载MX模块(即Flex模块,独立的SWF文件)。`ModuleLoader` 的主要功能是将模块的加载过程与应用程序的其余部分分离,这有助于实现代码的模块化和...
flex 页面布局教程 详细介绍了页面的各个组件
在网页设计领域,Flex布局(Flexible Box Layout,也称为CSS3 Flexbox)是一种强大的工具,它使得构建响应式、动态调整的布局变得简单易行。本教程将带你深入理解Flex布局,并通过实例演示如何利用HTML和CSS搭建一个...
小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 Flex...
1. Flex容器:在Flex布局中,父元素被称为Flex容器,它决定了子元素如何布局。通过设置`display`属性为`flex`或`inline-flex`,可以将一个元素转变为Flex容器。 2. Flex项目:容器内的子元素称为Flex项目,它们是被...
Flex开发中最基础的也是初学比较模糊的就是页面的布局,而这几张图片就能精妙透彻的解释Flex中页面布局的精华!
1. **Flex布局简介** Flex布局是CSS3的一种布局模式,它允许容器对其子元素进行更精细的控制,调整它们的大小、顺序和位置,以适应不同的设备和屏幕尺寸。这使得开发者能够轻松地创建响应式设计,无需复杂的定位...
这个"基本布局_flex基本布局模板_flex_"项目旨在介绍和提供一个基础的Flex布局模板,帮助开发者理解和应用Flex布局。 首先,我们要了解Flex布局的核心概念。Flex布局是CSS3中引入的一种新的布局模式,它使得容器...
了解和掌握Flex布局技术,对于进行响应式网页设计、高效地布局页面元素、优化不同屏幕和分辨率下的页面展示非常有帮助。Flexbox通过简化对齐、分布和排序操作,大大提高了布局的灵活性和控制力。
Flex 弹性布局基本语法 ...Flex 弹性布局是一种强大的布局方式,可以帮助开发者快速实现响应式的页面布局。但是,在使用 Flex 布局时,需要注意其优点和缺点,并且需要根据实际情况进行灵活的布局和排列。
微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小...
网页布局(layout)是CSS的一个重点应用。... 2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
微信小程序界面设计实例,是一种流布局的实现例子,而不是大家熟悉的盒子式布局,据说即使需要深层的嵌套,FlexLayout布局的响应速度也不会超过1ms,可谓是非常之快了,而且这是Google为android系统重新设计的布局...
这个"FlexLayout"压缩包文件很可能是包含了一系列使用Flex布局的微信小程序页面示例。通过查看和学习这些源代码,开发者可以更好地理解如何在微信小程序中应用Flex布局,解决各种页面布局问题,提升用户体验。 总之...
在用了Flex布局会发现,当水平排列后,会发现所有子项的高度都变成一样的了。 这是因为Flex 布局会默认: 把所有子项变成水平排列。 默认不自动换行。 让子项与其内容等宽,并把所有子项的高度变为最高子项的...
Flex布局是一种弹性布局方式,可以简便、完整、响应式地实现各种页面布局。它可以定义一个容器,并控制子盒子的位置和排列方式。在 Flex 容器中,默认存在两条轴:水平主轴(main axis)和垂直的交叉轴(cross axis...
flex 弹性布局,最后一行数量不足一行 列表项目左对齐的解决办法,经过实际测试,亲自有效,一行的数量可以随意设置。非常有用!
微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip 微信小程序 - FlexLayout布局【源码】.zip ...
微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 FlexLayout布局(学习版)微信小程序源码 ...
此时,Flex布局(Flexible Box布局,简称flex布局)应运而生,它提供了一种更为灵活、强大且易于控制的盒状模型布局方式。本教程将深入探讨携程网首页如何利用Flex布局实现,以及Flex布局的基本概念和使用技巧。 ...