flex的image控件没有border属性。这困扰了我很久。毕竟,做特效后,图片如果光秃秃的,很难看。
google了半天,大家的说法中,我倾向于改写Image控件。找到一个东东,我修改并新增了代码。
共享如下:
页面代码:
<?xml version="1.0"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:marsImage="mars.display.*"
backgroundColor="#000000"
layout="absolute">
<marsImage:BorderImage
borderAlpha="{aBar.value}"
borderWidth="{wBar.value}"
borderColor="{colorTool.selectedColor}"
source="@Embed('../img/panda.jpg')"
width="258" height="229" x="180" y="62"/>
<mx:Label x="180" y="327" text="请选择边框颜色" color="#FDFDFD" fontSize="16"/>
<mx:Label x="180" y="391" text="请选择边框宽度" color="#FDFDFD" fontSize="16"/>
<mx:Label x="377" y="391" text="请选择边框透明度" color="#FDFDFD" fontSize="16"/>
<mx:ColorPicker x="305" y="327" color="#FDFDFD" id="colorTool"/>
<mx:VSlider x="525" y="255" minimum="0" maximum="1" id="aBar" />
<mx:HSlider x="180" y="423" minimum="0" maximum="6" id="wBar"/>
</mx:Application>
控件代码如下:
package mars.display
{
import mx.controls.Image;
//边框颜色
[Style(name="borderColor", type="uint", format="Color", inherit="no")]
//边框宽度
[Style(name="borderWidth", type="Number", format="Length", inherit="no")]
//边框透明度
[Style(name="borderAlpha", type="Number", format="Length", inherit="no")]
public class BorderImage extends Image
{
public function BorderImage()
{
super();
}
override protected function updateDisplayList(w:Number, h:Number):void{
super.updateDisplayList(w,h);
graphics.clear();
graphics.lineStyle(getStyle('borderWidth'),getStyle('borderColor'),getStyle('borderAlpha'),false);
var x:Number=-(getStyle('borderWidth')/2);
var y:Number=-(getStyle('borderWidth')/2);
var width:Number=contentWidth+getStyle('borderWidth');
var height:Number=contentHeight+getStyle('borderWidth');
graphics.drawRect(x,y,width,height);
}
}
}
ok,看疗效:
分享到:
相关推荐
felx和springHibernate整合传递二进制数据到表中并在flex的dataGrid控件中显示的实践
flex8表格控件,可以方便的实现表格的数据处理,并且里面附带了全面的例子,解决很多程序员的表格问题
flex拖拽树控件 添加 删除节点 拖拽生成节点
flex3.5时间控件(含时分秒),亲测能用!
FLEX控件
flex视频播放控件
flex 时间选择控件,提供了时间的选择。。。
在前面的例子中我们演示了Flex中如何通过CSS设置ComboBox控件下拉菜单阴影(Flex中通过CSS设置ComboBox控件下拉菜单阴影的例子)...接下来的例子演示了Flex中如何通过dropShadowEnabled样式,给List控件添加阴影效果。
flex控件事件flex控件事件flex控件事件flex控件事件
Flex 上传文件控件 (带java服务端) 可以设置多文件还是单文件 设置上传大小 显示上传进度条
java flex,flex通用分页控件
AS 类绘制边框 以及添加标题 标题框 中的文本
flex 控件 可与Vb6同行 flex 控件 可与Vb6同行 flex 控件 可与Vb6同行
flex开发自定义控件
可以实现缩入折叠,翻转折叠效果,很不错哦!
详解Flex4.0自定义控件的开发步骤以及注意事项
FLEX常用验证控件,flex的一些常用的验证
控件可直接使用,内附使用demo,有问题留言给我,我们共同进步。
实现了Flex与Java的互操作,包含Flex控件的使用方法,Flex与Java的通讯。
这是一个基于Adobe Flash Builder 4开发的Flex多文件上传控件,这个是Flex源码,asp.net调用Flex的源码在另一个附件里