- 浏览: 1560236 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (571)
- Flex (301)
- AIR (5)
- ComPiere (8)
- ExtJS (15)
- SAP (0)
- jBPM (3)
- Java-Hibernate (5)
- Java-Spring (10)
- XML (2)
- java-web (30)
- db2 (2)
- websphere (4)
- Google (5)
- 虚拟机 (10)
- eclipse (8)
- Win2003 (11)
- Ubuntu (27)
- VMware (4)
- CentOS (3)
- JSON (1)
- Oracle (15)
- SilverLight (1)
- 大事记 (6)
- VirtualBox (5)
- Solaris (10)
- AIX (6)
- 云计算 (10)
- MacOS (4)
- iOS (1)
- SQLite (1)
- Activiti (1)
- jdk (5)
- hadoop (8)
- Ant (4)
- PhoneGap (2)
- JavaScript (11)
- jQuery (1)
- FireFox (1)
- HBase (2)
- sqoop (0)
- ffmpeg (7)
- mencode (0)
- jdbc (1)
- SQLServer (1)
- 组件平台 (12)
- struts2 (4)
- intellj (4)
- android (1)
- ExtJS4 (1)
- 色卡司 (1)
- Linux (3)
- ExtJS5 (1)
- zookeeper (2)
- maven (1)
- Java (6)
- vpn (0)
- squid (1)
- MySQL (2)
- webpackage (1)
- antd (1)
- lucene (1)
最新评论
-
qq_24800465:
请问这里的库从哪下载啊
ffmpeg所有的编码器(encoders) -
neusoft_jerry:
貌似这里没用到StreamingAMFChannel哦,只是用 ...
Flex BlazeDS 推送技术 -
anyone:
感谢你的博文,看了受益匪浅
记住这个IntelliJ IDEA的编译设置 -
keren:
现在还有什么应用需要用flex来开发的?
flex tree的展开,关闭,添加、删除子节点 -
neusoft_jerry:
简洁明快,好贴好贴!楼主V5!
flex tree的展开,关闭,添加、删除子节点
转:http://riashanghai.com/zh-hant/node/7
Flex有着对CSS很好的支持,使得我们有更多的选择来进行背景贴图的操作。从而使程序变得更吸引人。在这里写下我常用得两个方法。
1. CSS法
CSS贴图方法,是在CSS的样式代码中,填入要做背景图片的路径。然后在AS3代码,或者MXML标签中去引用定义好的样式。
下面这段CSS代码利用的九宫格的原理来拉深背景图片 background.png,对背景进行了设置。
我们在AS3代码,或者MXML标签中再去引用这个样式,就会改变默认的背景去我们这个background.png图片。
2. AS3代码法
这里,我们定义了一个可以用作borderSkin的类,之后我们在MXML中引用,如下
也可以达到和CSS方法同样的效果。
但是我们可以看出区别,
1. CSS方法背景的边框,阴影的效果,要在绘图软件里面做好。而代码法不用,其背景图可以是很小的一个图片。边框,阴影效果可以用代码来实现。
2. CSS的方法要遵循九宫格拉深的原理,而代码法就不用。代码法有点像网页中的repeat-x, repeat-y的原理,这个方法不会拉伸原图。
3. 代码法实现的时候,如其名,代码量稍微多些。
Flex有着对CSS很好的支持,使得我们有更多的选择来进行背景贴图的操作。从而使程序变得更吸引人。在这里写下我常用得两个方法。
1. CSS法
CSS贴图方法,是在CSS的样式代码中,填入要做背景图片的路径。然后在AS3代码,或者MXML标签中去引用定义好的样式。
下面这段CSS代码利用的九宫格的原理来拉深背景图片 background.png,对背景进行了设置。
.loginWindow{ background-image: Embed("/assets/background.png", scaleGridLeft="10", scaleGridRight="300", scaleGridTop="20", scaleGridBottom="400"); background-size: "100%"; }
我们在AS3代码,或者MXML标签中再去引用这个样式,就会改变默认的背景去我们这个background.png图片。
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="370" height="222" styleName="loginWindow">
2. AS3代码法
package com.chestnut.view { import flash.display.Bitmap; import flash.display.BitmapData; import mx.skins.RectangularBorder; public class MetalBackground extends RectangularBorder { [Embed(source='./assets/background.png')] private var backgroundImageClass:Class; private var backgroundBitmapData:BitmapData; public function MetalBackground() { super(); var backgroundImage:Bitmap = new backgroundImageClass(); backgroundBitmapData = new BitmapData(backgroundImage.width,backgroundImage.height); backgroundBitmapData.draw(backgroundImage); } override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number ):void { super.updateDisplayList(unscaledWidth,unscaledHeight ); var cornerRadius:Number = getStyle("cornerRadius"); graphics.clear(); graphics.beginBitmapFill( backgroundBitmapData ); graphics.drawRoundRectComplex(0,0,unscaledWidth,unscaledHeight,cornerRadius,cornerRadius,cornerRadius,cornerRadius ); graphics.endFill(); } } }
这里,我们定义了一个可以用作borderSkin的类,之后我们在MXML中引用,如下
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="800" height="600" borderSkin="com.chestnut.view.MetalBackground">
也可以达到和CSS方法同样的效果。
但是我们可以看出区别,
1. CSS方法背景的边框,阴影的效果,要在绘图软件里面做好。而代码法不用,其背景图可以是很小的一个图片。边框,阴影效果可以用代码来实现。
2. CSS的方法要遵循九宫格拉深的原理,而代码法就不用。代码法有点像网页中的repeat-x, repeat-y的原理,这个方法不会拉伸原图。
3. 代码法实现的时候,如其名,代码量稍微多些。
发表评论
-
extjs结合flex(flash)的注意事项.
2014-01-02 17:11 2398//for fix bug //flash里使 ... -
flash(flex)crossdomain dtd规范
2013-12-27 13:38 953dtd文件位置: http://www.macromedia. ... -
flash内嵌在html里面的代码
2013-12-27 09:19 1195<!-- 除IE外都可识别 --> < ... -
FlashBuilder4.5 ADT命令详解(官方)
2011-12-16 17:45 1252http://help.adobe.com/en_US/air ... -
FlashBuilder4.5加入ADT插件
2011-12-16 17:24 1809参考: http://renaun.com/blog/2011 ... -
Flex as3commons log的简单使用
2011-11-28 20:26 1594http://www.as3commons.org/ &l ... -
Flex日志工具汇总
2011-11-27 16:29 1247巨兽 monster [能调试 mobile和web air] ... -
【转】[Flex]我经常使用的Flex Tools 和 Resource
2011-11-22 08:36 1308http://www.k-zone.cn/zblog/post ... -
[转]Flex Socket安全策略<policy-file-request/>及应对方法
2011-08-27 16:43 1726http://hi.baidu.com/dobodo/blog ... -
flash 安全策略文件
2011-08-27 16:31 2149<?xml version="1.0&qu ... -
Request请求头的格式
2011-08-27 15:38 2362每次提交http请求时,请求头是什么样的的格式呢? GET方 ... -
flash Tooltip类
2011-08-27 15:06 1137http://www.flepstudio.com/flash ... -
flash SQLite包装类
2011-08-27 15:00 2231[转]http://www.flepstudio.com/fl ... -
[转](原创)flex解决跨域问题的策略文件的写法
2011-08-04 09:59 1557http://hi.baidu.com/wosinmaiken ... -
[转](整理)flex常用验证控件
2011-08-04 08:30 1381http://hi.baidu.com/wosinmaiken ... -
Flex4.5 skin组建皮肤的应用
2011-07-28 08:52 2815http://www.iyoya.com/2011/06/04 ... -
如何成为一个合格的iOS开发者?
2011-07-17 14:59 1347转:http://www.adobe.com/cn/devne ... -
flex4.5移动设备开发-添加应用背景图片
2011-07-17 10:50 2292【转】http://spy6.blogspot.com/201 ... -
flex4.5移动设备开发-应用访问权限设置
2011-07-16 14:19 1361在构建flex4.5 mobile application的时 ... -
flex4.5移动设备开发-表格效果
2011-07-15 23:12 1804做了个实验,没想到做出表格的效果
相关推荐
简洁的实现了在flex中实现背景音乐的功能
flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐flex 设置背景音乐
flex三种实现滚动条方式,其实是两种,样式的以两种表现形式写出了。然后,自定了一个滚动条
FLEX 背景图片设置的方法,很实用的技巧
flex 图片浏览\放大\缩小,
sfapi 可以expose flex应用程序的控件,以便测试程序通过执行js方法调用而操作flex界面控件
学习Flex.flex源程序,很好的啊。
为flex的videodispaly添加背景图片很好的实例值得一看学习,很好的学习flex播放器的加载事件以及方法
NULL 博文链接:https://lqw.iteye.com/blog/537426
笨功能是基于Java+flex实现的WEB程序的聊天功能!可实现群聊、私聊!和多房间!包括两个文件!一个是java服务器端的文件另一个是flex的源文件,方便修改
微信小程序flex布局demo
有时候tree节点内容太长,就...用两种方式实现. 1.通过itemRollOver和itemRollOut,使用ToolTipManager自定义实现 2.树本身属性showDataTips,加了一些小优化。 http://www.zuidaima.com/share/1722980750003200.htm
Flex4中头部背景图片的Accordion实例。 案例。
小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 FlexLayout布局 (代码+截图)小程序源码 Flex...
这是一本入门级的Flex电子书,适合入门的朋友看!
Flex连接数据库的3种方式; Flex 3.0 + Java + SQL
微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小...
flex4出来一段时间了,去年看了一段时间flex3... 功能描述:分别用代码实现了三种flex4与Java通信 三种方式: 1 flex 与普通java类通信RemoteObject 2 flex 与服务器交互HTTPService 3 flex与webservice交互WebService
flex实现了图片的拖拽功能,包括,拖动图片不删除原来图片,和拖动图片删除原来图片