- 浏览: 16654 次
最新评论
Flex AIR)创建“不规则形状”的Air透明窗体
2010年06月02日
重要提醒:系统检测到您的帐号可能存在被盗风险,请尽快查看风险提示,并立即修改密码。 | 关闭
网易博客安全提醒:系统检测到您当前密码的安全性较低,为了您的账号安全,建议您适时修改密码 立即修改 | 关闭
Adobe AIR 是使用Flash /Flex 编程方式开发桌面应用的一种方式,
由于Flash /Flex 快速构建界面、基于互动的编程api 等优点,越来越多的使用者选择使用Adobe AIR 开发桌面程序。目前国内很多网络游戏的启动/更新程序,也叫Launcher ,采用Adobe AIR来进行开发。这些程序界面往往非常富有创意,形状多式多样,而且结合flash 动画令整个程序异常漂亮。
比如:
(点击可查看大图)
这里将要讲的就是,如何使用Flex AIR 创建不规则的窗体,隐藏掉不需要的多余部分。以下内容均基于Flex AIR 2.0 SDK ,开发软件即IDE是Flash Builder 正式版 (Flex 3也适用),开发环境是Windows系统。
关于Adobe AIR 2.0 开发环境配置,SDK下载与使用,可参考这一篇:hi.baidu.com/taotao5453/blog/item/6dcb9c133ac8328c 6438dbfa.html
这里指的窗体可以是 mx:WindowApplication 、mx:Window 。
我们用下面这个球鞋的图,来做界面,这个图是png 格式的,背景色为透明:
(点击可查看大图)
-
步骤:
转载请附源:http://hi.baidu.com/taotao5453, 感谢
1、使用Flash Builder 创建一个“Flex 项目”,选择并使用AIR 2.0 SDK 。
应用程序类型我们选择“桌面”,如图:
Flex 项目结构如下,我们通过css 来将上面球鞋的图作为窗体背景:
-
-
2、为了实现我们的效果,需要更改的有三处:
1)style.css 文件
内部代码:
说明:
① backgroundColor : ""; 这一项是关键,将背景色置空,不设置的话,程序界面没有图像的部分会呈现默认的灰色。
-
2)AirTransparentExample.mxml 增加代码内容如下图,
代码如下:(红圈部分为我们添 加的代码,其他的是创建项目时默认代码)
说明:
①showStatusBar="false" showTitleBar="false" ,这两个属性是为了去除Air 窗口原有菜单、标题栏;
② borderStyle="none" ,是将Air 窗口边框线去除,否则程序运行时Air 窗口会有一个原大小的矩形边框;
③ 是设置项目的css 样式表为css文件夹下的style.css ;
④ styleName="application" 是指定本组件(AirTransparentExample.mxml)使用的css样式 是样式表style.css 中名称为application 的样式;
-
3)Air 的配置文件 AirTransparentExample-app.xml
比较传统的,网上很多资料都只是让我们设置这里,我们需要更改这里面的两项:
-->
-->
改为:
none
true
-
3、启动“运行”或 “调试”。
-
这样,我们就完成了我们要做的工作,创建出一个“不规则形状”的Air 透明窗体!!!
实际项目运行效果图:
-
其他窗体 ,比如mx:Window,属性设置的方式基本一样,只不过如果这个window 不是默认主程序,那么更改AIR 配置文件也是没用的。我们可以在弹出方法中设置 systemChrome 和transparent ,比如:
var window:ExampleWindow = new ExampleWindow(); //ExampleWindow 即是一个由mx:Window 创建的窗口
window.systemChrome = "none";
window.transparent = true;
window.open(true);
(本文完)
************************************************** **********
敬请关注下一篇:
Flex AIR)创建“不规则形状”的Air透明窗体(二)--使用Flex SDK4.5.1
http://hi.baidu.com/taotao5453/blog/item/29d97c8dc c768708b31bba93.html?timeStamp=1312284922255 -
转载请附源:http://hi.baidu.com/taotao5453,感谢
- 本篇完 -
发表评论
-
如何高效地进行远程大规模字符串比较问题
2012-07-06 09:52 676关键字 (keywords):大规模 字符串 匹配 远程 ... -
java 使用正则来过滤字符串中的特殊字符
2012-07-06 09:45 981Pattern pattern1 = Pattern.co ... -
正则表达式(初识笔记)
2012-07-06 09:38 644............................. ... -
ps画个矩形框,如何设置线宽
2012-07-06 09:30 1867i am now in university(HIT@We ... -
父页面iframe自适应子页面高度
2012-07-05 20:45 1355父页面有table,有tr,td。td中有iframe。页 ... -
ADF中组件无法显示问题
2012-07-03 13:44 781在ADF开发过程中,偶尔会遇到一些组件甚至页面无法显示到问 ... -
Flex 4 设置背景图片 Canvas backgroundImage BitmapFill fillMode
2012-07-02 12:45 964Flex 3中Canvas是可以设置backgroundI ... -
Flex中,跨List实现SHIFT多选的例子
2012-07-02 12:45 613最近工作中遇到的问题,客户要求做这么个东西。还是稍微 ... -
Flex中本地图片上传前的预览
2012-07-02 12:45 779height="345" h ... -
Flex Panel 拖动效果例子
2012-07-02 12:45 6202010-08-06 今天在flex下尝试了下panel ... -
Ext 4 概述(六)之Grid
2012-07-01 10:07 565这次升级Ext 4全部 ... -
也谈jQuery之学习
2012-07-01 10:07 665由于之前一直是做 ... -
Firefox/Chrome下flash的wmode参数设为opaque或transparent时输入文本框中无法输入中文汉字的解决方法
2012-07-01 10:07 778这段时间做个项目 ... -
深度剖析WinPcap之(十)――数据包的内核过滤(13)
2012-07-01 10:07 1387数据包到达网络接 ... -
Flash Builder 4-找不到所需的 Adobe Flash Player
2012-07-01 10:07 656比较懒,比较少上csdn的,如果发现留言给我没有回复,望见 ... -
Flex组件:Style的使用
2012-06-30 16:32 690Flex组件:Style的使用 2010 ... -
Flex中Bindable的原理
2012-06-30 16:32 586Flex中Bindable的原理 2011年11月01日 ... -
如何在flex当中使用swc
2012-06-30 16:32 759如何在flex当中使用swc 2 ... -
FLEX和Actionscript开发FLASH游戏7-3
2012-06-30 16:32 408FLEX和Actionscript开发FLASH游戏7-3 ...
相关推荐
flexair网页截图工具flexair网页截图工具flexair网页截图工具flexair网页截图工具
简单的文件读写程序,适合新手学习。可对导入的文本文件进行修改再导出
flex air 单机版俄罗斯方块 小游戏 flexbuilder项目文件
学习flex air的基础书,挺好用的,初学的可以下载来看看
flex air 导出excel表格(这个不支持中文)。。。。。。
是一个linux环境下运行的flex air例子,有源码.
费了好大力气才找到的,希望对大家有帮助。从安装等简单的东西,到使用本地数据库,网络,本地化等高级的功能。
Flex Air音乐播放器源码,使用的是Flex Builder3版本!!!
使用Flex SDK创建第一个桌面AIR应用程序
《flash+flex+air移动开发入门经典——适用于android、ios和blackberry》 第1章 flash、flex和air简介 1 1.1 adobe flash 1 1.2 actionscript 3.0 2 1.2.1 ecmascript 2 1.2.2 关键概念 3 1.3 flex框架 11 ...
主要是用于flex AIR工程远程自动检测新版本更新功能。 主要对比是<version>v4中version的版本,如v4
一本介绍富媒体软件开发的实用教程,详细地讲解了怎么用flex 来开发AIR应用程序,很实用的哦
程序缘 Flex AIR之旅-第六章 编写用户登录界面,用于学习借鉴的Flex Air的工程源码,导入flash builder4.6即可。已实现一般C/S结构展现界面的实现,如菜单、快捷工具栏、主窗口等。
通过flex air 程序,使用as3xls,直接在air程序中导入excel 2003 版本,自动生成列头并显示,界面操作后可以导出excel文件 也可以导入image 直接显示 本列子为自己写的一个demo
flex Air 打包,找了好久,才找到和大家共享一下。
Flex Air 学习资料\01.Flex概述.rar
对官方提供的对Excel读写功能进行修改,能读写中文的Excel,还能进行多页读写,在这边提供源码仅供给位参考。
一个完成的Flex4 Air 自定义窗口,可以缩小到托盘中,后台运行
Flex air 环境 adobe必备 AdobeAIRInstaller 无法远行图形化界面就 AdobeAIRInstaller.exe。
flex air 博客管理系统 学习用的例子