1
.Flex4中全屏:
- 在页面中(比方头部页面)中添加creationComplete事件处理:creationComplete="init();"
[Bindable]
private var fullScreenBtnLabel:String = "全屏";
private function init():void{
stage.addEventListener(FullScreenEvent.FULL_SCREEN,function(event:FullScreenEvent):void {
fullScreenBtnLabel = event.fullScreen ? "普通" : "全屏";
});
}
<mx:LinkButton label="{fullScreenBtnLabel}" click="changeScreen(event)" textDecoration="underline"/>
private function changeScreen(event:MouseEvent):void{
stage.displayState = stage.displayState == StageDisplayState.FULL_SCREEN ? StageDisplayState.NORMAL : StageDisplayState.FULL_SCREEN;
}
完成,这样就可以实现页面在“全屏”和“普通”之间切换了。
注意: (1).flex3 中使用mx.core.Application.application.stage.displayState=StageDisplayState.FULL_SCREEN;来实现全屏的切换。
(2) 全屏时,不能使用键盘。
2.
默认情况下,在使用Flex生成的包装html来访问swf文件时,即使在页面的creationComplete事件中使用focusManager.setFocu让某个输入框获得焦点,但由于整个swf没有获取焦点,也是无法在页面载入完成时直接输入的。 解决方法:修改工程目录下的html-template\index.template.html,在<head>标签中添加onload事件
<script type="text/javascript">
function doload() {
try {
document.getElementById('${application}').focus();
document.getElementById('${application}').select();
} catch (ex) {
}
}
</script>
<!-- ---------- html ----------- -->
<body onload="doload()">
3.
ViewStack中报 “Halo 导航器的子代必须实现 INavigatorContent。”错误。
解决方法:嵌套一层NavigatorContent
4.
ViewStack中creationPolicy="none"时,手动创建组件:
mainViewStack.createComponentFromDescriptor(mainViewStack.childDescriptors[index],false);
mainViewStack.validateNow();
代码如下:
<?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" creationComplete="init();">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.core.INavigatorContent;
import mx.core.UIComponent;
private function init():void {
selectChildViewByIndex(panel1,0);
}
//创建ViewStack中的子View并显示
private function selectChildViewByIndex(view:UIComponent,index:int):void {
if(view == null){
mainViewStack.createComponentFromDescriptor(mainViewStack.childDescriptors[index],false);
mainViewStack.validateNow();
}
mainViewStack.selectedIndex = index;
}
]]>
</fx:Script>
<mx:ViewStack id="mainViewStack" creationPolicy="none">
<s:NavigatorContent>
<s:Panel id="panel1" title="panel1"/>
</s:NavigatorContent>
<s:NavigatorContent>
<s:Panel id="panel2" title="panel2"/>
</s:NavigatorContent>
<s:NavigatorContent>
<s:Panel id="panel3" title="panel3"/>
</s:NavigatorContent>
</mx:ViewStack>
<s:HGroup>
<s:Button label="show panel1" click="selectChildViewByIndex(panel1,0)"/>
<s:Button label="show panel2" click="selectChildViewByIndex(panel2,1)"/>
<s:Button label="show panel3" click="selectChildViewByIndex(panel3,2)"/>
</s:HGroup>
</s:Application>
分享到:
相关推荐
3. **Spark组件**:Flex4引入了全新的Spark组件集,相比以前的 Halo组件,Spark组件更注重可定制性、性能和视觉效果。开发者可以深入了解各种组件的属性、事件和样式,并根据需求进行自定义。 4. **States和...
不过,Flex4仍然保留了Flex3的Halo主题,可以通过设置编译参数来恢复Flex3的外观。 ### 总结 Flex4与Flex3之间的主要区别在于其引入的新组件和外观架构——Spark,以及在布局管理、状态使用、效果实现等方面的改进...
1. **Spark组件架构**:Flex 4引入了全新的Spark组件集,相较于先前的 Halo 组件,Spark组件更加灵活、可定制化,并且支持皮肤和样式分离,这极大地提升了UI设计的自由度和效率。 2. **图形和动画**:Flex 4 引入了...
Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多关键变化以提升RIA(Rich Internet Applications)的开发效率和用户体验。以下是Flex 4中的十大变化的详细说明: 1. **Adobe Catalyst集成**...
3. **Spark组件库**:Flex4引入的新组件集,相比Flex3的 Halo 组件,Spark组件具有更好的可定制性和性能,且更符合设计模式。 4. **skins和styles**:Flex4中的皮肤(skins)和样式(styles)系统允许开发者自定义...
Flex4引入了ActionScript4的一些概念,虽然最终发布的Flex SDK仍然基于ActionScript3,但AS3的类库和语法得到了扩展,支持了元数据、强类型和更丰富的错误处理机制。这使得代码更易于维护和调试,也提高了开发效率。...
这个"flex4.5.1.chm"文件是一个完整的Flex 4 API文档,它是开发人员的重要参考资料,包含了大量的类库、函数、事件和接口的详细说明。 1. **Flex SDK**:Flex Software Development Kit (SDK) 是一个免费的开放源...
首先,Flex4 API引入了全新的Spark组件架构,相较于Flex3的 Halo 组件,Spark组件更加灵活且性能更优。Spark组件包括一系列基础组件,如Button、Label、Container等,以及更复杂的组件如ListView、Accordion等。这些...
3. **Spark组件架构**:Flex 4引入了Spark组件集,与先前的 Halo 组件相比,提供了更好的性能和更丰富的视觉效果。资料中可能包含如何创建和自定义Spark组件的教程。 4. **States和Effects**:Flex 4允许开发者轻松...
1. **Spark组件库**:Flex4引入了全新的Spark组件库,相比于Flex3中的 Halo 组件库,Spark组件提供了更好的样式和布局能力。电视墙效果通常会利用Spark组件,如VGroup或HGroup进行布局。 2. **布局管理器**:在创建...
此外,Flex4引入了Spark组件模型,相比早期的 Halo组件,Spark提供了更好的可定制性和性能。书中会详细解释如何使用和自定义这些组件,以实现美观且功能丰富的用户界面。 Flex4还支持数据绑定和数据服务,让开发者...
- **Spark组件**:Flex4引入的新一代组件集,提供了更高的性能和更多的自定义选项,与以前的 Halo组件相比,Spark组件更注重设计和分离的UI组件模型。 2. **Flash Builder 4**: - **集成开发环境**:提供代码...
3. **Spark组件库**:Flex 4引入了全新的Spark组件集,相比之前的 Halo 组件,Spark组件提供了更丰富的视觉效果和更好的性能。Spark组件支持自定义样式和皮肤,让开发者能够创建具有独特外观的应用程序。 4. **...
### Flex4新特性展示 #### 一、Adobe Flex 4 SDK及Framework Adobe Flex 4 SDK及Framework作为Adobe公司的核心产品之一,在版本更新中引入了一系列革新性改进和技术优化,为开发者提供了更为强大的功能和更佳的...
3. **Spark组件**:Flex4引入了全新的Spark组件架构,相比Flex3的 Halo组件,Spark组件提供了更高级的外观和性能。在相册应用中,可能使用了`Image`组件来展示图片,`List`或`DataGrid`组件来显示图片列表。 4. **...
本资源为《FLEX4实战.pdf 中文完整版》,涵盖了Flex4的深度实践和详细教程,对于想要深入理解和掌握Flex4技术的开发者来说,是一份宝贵的参考资料。 在Flex4中,最重要的变化之一是对UI组件的革新。它引入了Spark...
1. **Spark组件架构**:Flex4引入了全新的Spark组件架构,与传统的 Halo 组件相比,Spark组件更加轻量级,具有更好的可定制性和性能。Spark组件基于MXML和ActionScript,允许开发者以声明式方式创建用户界面,同时...
1. **组件体系结构的改变**:Flex4引入了Spark组件架构,与之前的 Halo 组件架构并行存在。Spark组件更加模块化,允许开发者自定义组件样式和行为,提供了更好的性能和可扩展性。 2. **Skinning和Styling**:在Flex...
Flex 4 是 Adobe 开发的一款用于构建富互联网应用程序(RIA)的框架,它基于 ActionScript 3 和 Flex SDK。与 Java 的集成使得开发者能够利用 Flex 的强大可视化和交互能力,同时借助 Java 后端的强大计算和数据处理...
4. 使用`java -jar halo-latest.jar`命令启动Halo进行测试。如果一切正常,你可以在浏览器中访问`http://your_server_ip:8090`看到Halo的管理界面。 **四、开机自启动Halo** 为了使Halo在服务器启动时自动运行,...