在进行前台显示的过程中,也即桌面应用程序开发过程中,我个有时候会用到一些效果,比如只要一个浮动的无状态栏,标题栏,最大,最小,半闭按钮,并且窗体还可以拖动的效果,为了实现这个效果,我们就要对其进行一系列处理,
1.首先在在家***-app.xml文件中,大概54左右加入,即在<initialWindow>标签内加入如下代码:
<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
<systemChrome>none</systemChrome>
<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
<transparent>true</transparent>
上面的代码用来隐藏标题栏,最大,最小,半闭按钮,
2.接下来在<s:WindowApplication>中加入
<s:WindowedApplication 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="1558"
height="740"
showStatusBar="false"
。。。。。。。。。。。。。。。。。。。。。。。
>
3.实现置顶和拖动效果,关键代码如下所示:
this.stage.nativeWindow.startMove();
this.stage.nativeWindow.alwaysInFront=true;
4.在这里,我用了一个定时器做特效效果,主要代码如下:
public var glowTimer:Timer=new Timer(5000);
protected function application1_initializeHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
glowTimer.addEventListener(TimerEvent.TIMER,GlowTimerFunc);
glowTimer.start();
}
public function GlowTimerFunc(event:TimerEvent):void{
Glow1.target=welcomeLeader;
Glow1.play();
}
5.这里附上所示代码,如下所示:
<?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:mx="library://ns.adobe.com/flex/mx"
width="1558"
height="740"
backgroundColor="#00244f"
showStatusBar="false"
backgroundAlpha="0"
creationComplete="windowedapplication1_creationCompleteHandler(event);"
initialize="application1_initializeHandler(event);"
>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<mx:Glow id="Glow1" alphaFrom="0" alphaTo="1" blurXFrom="1"
blurXTo="100" blurYFrom="1" blurYTo="100" duration="5000"
color="#00244f" inner="true" target="{welcomeLeader}"/>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
import flash.display.NativeWindow;
public var glowTimer:Timer=new Timer(5000);
protected function application1_initializeHandler(event:FlexEvent):void
{
// TODO Auto-generated method stub
glowTimer.addEventListener(TimerEvent.TIMER,GlowTimerFunc);
glowTimer.start();
}
public function GlowTimerFunc(event:TimerEvent):void{
Glow1.target=welcomeLeader;
Glow1.play();
}
protected function windowedapplication1_creationCompleteHandler(event:FlexEvent):void
{
// this.nativeWindow.startMove();
// this.stage.nativeWindow.alwaysInFront=false;
/**stage.nativeWindow
var window:NativeWindow = stage.nativeWindow;
window.alwaysInFront = true; //alwaysInFront 如果为 true,那么就表示这个AIR窗体始终置前!
**/
// window.alwaysInFront = true;
// TODO Auto-generated method stub
//http://hi.baidu.com/taotao5453/blog/item/29d97c8dcc768708b31bba93.html
//stage.window.alwaysInFront=!stage.window.alwaysInFront;
//stage.window.startMove();
}
import mx.graphics.ImageSnapshot;
import mx.controls.Image;
import mx.core.UIComponent;
public var uiComponent:Object;
public var targetImage:Image;
public var Ax:int = 0;
public var Ay:int = 0;
public function mouseDown(event:MouseEvent):void{
this.stage.nativeWindow.startMove();
this.stage.nativeWindow.alwaysInFront=true;
}
]]>
</fx:Script>
<!-- 欢迎词可配置, 添 -->
<s:Label id="welcomeLeader" x="4" y="9" width="1554" height="160" alpha="0.9"
backgroundColor="#00244f" color="yellow" fontFamily="中易黑体" fontSize="45"
fontWeight="bold" text=" 热烈欢迎*****************************一行莅临*********指导工作" textAlign="left"
verticalAlign="middle"
mouseDown="mouseDown(event)"
/>
</s:WindowedApplication>
特效如下所示:
(完,待续)
分享到:
相关推荐
支持在 Flex / Air 下播放 GIF 动画的控件
flex/air 护眼健康卫士源码
flex 窗体拖拽,可以自由拖拽,最大化,最小化,拖拽式有按钮提示,整个窗体也可自由拖拽。。。等等
Flex带最大化最小化按钮可拖动调整窗口大小的TitleWindow
flex4/4.5插件 包括 sourcemate 快速开发和重构的插件 OpenExplorer 快速打开当前文件在资源管理器的位置 htmleditor html插件,小巧方便,用flex的必备
flex 旋转/扫描/加载/效果图 用了都说好
实现flex4窗体最大化 最小话 和关闭功能
罗克韦尔自动化 Flex I/O 简介zip,罗克韦尔自动化 Flex I/O 简介
flex panel窗体有最小化最大化关闭可移动
一个完成的Flex4 Air 自定义窗口,可以缩小到托盘中,后台运行
罗克韦尔FLEX I/O 和FLEX EX选型指南zip,FLEX I/O 是一款可连接包括 EtherNet/IP、ControlNet 和 DeviceNet 在内的多种网络的分布式 I/O 系统。该 I/O 灵活性高、价格低且采用模块化设计,非常适合分布式应用。FLEX ...
NULL 博文链接:https://silentwu.iteye.com/blog/1606853
FLEX播放器 flex 开发AIR及Flex之mp3播放器教程 FLEX播放器 flex 开发AIR及Flex之mp3播放器教程
flex4 线上带点,并弹出窗体效果代码,分享给大家做个参考,不能运行,这个是需要我的后台代码(java)结合才能看到效果,大家下载下来自己修改就可以了。 这个是效果图 <img src="http://img.my.csdn.net/uploads/...
Flex3Air最小化到系统托盘 跨来下载吧,你会很高兴的哦。。。。。呵呵呵呵呵俄
flexair网页截图工具flexair网页截图工具flexair网页截图工具flexair网页截图工具
版本Flex4.6 Air3.1,项目下载下来就可以用。项目打包安装后,可以同时开多窗,也可以自动更新。本来有效果图的,但是传不上来
flex TitleWindow自定义最大最小化
Fzip library for flex3/4. no source code.
Flex自定义组件,带最大化、最小化、还原及关闭按钮。