FLex组件之滚动条(ScrollBar)CSS美化
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*划动块图片皮肤*/
thumbDownSkin: Embed(source="scrollBar/thumb.gif",
scaleGridTop=2,
scaleGridLeft=2,
scaleGridBottom=4,
scaleGridRight=4
);
thumbOverSkin: Embed(source="scrollBar/thumb.gif",
scaleGridTop=2,
scaleGridLeft=2,
scaleGridBottom=4,
scaleGridRight=4
);
thumbUpSkin: Embed(source="scrollBar/thumb.gif",
scaleGridTop=2,
scaleGridLeft=2,
scaleGridBottom=4,
scaleGridRight=4
);
/*划动块中间图片(翻页图片)皮肤*/
thumbIcon: Embed("scrollBar/thumbIcon.gif");
/*轨迹图片(划动路径图片)皮肤*/
trackSkin: Embed("scrollBar/trackBack.jpg");
相关文档:
如果灵活应用CSS各种滤镜的特点并加以组合,我们可以得到许多意想不到的效果。这是一些效果示范,供各位参考。
网页特效Abc
用blur滤镜做出的效果,代码如下:
FILTER: blur(direction=135,strength=8)
网页特效Abc
用dropshadow滤镜做出的效果,代码如下:
FILTER: dropshadow(color=#B4BBCF,offx=6,offy=6,positi ......
虽然CSS样式的学习需要我们动手多实践,需要多做案例,思致思考,但有时候注意资料的收集与整理也是非常重要的,在实际开发中往往会起到事半功倍的效果。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。
一、按钮样式
.buttoncss {
font-family: "tahoma", "宋体" ......
在Flex应用中常常需要以一定的格式来显示时间,以下是一种做法。
首先创建一个DateFormatter 控件
<mx:DateFormatter id="df" formatString="YYYY-MM-DD JJ:NN:SS"/>
formatString="YYYY-MM-DD JJ:NN:SS"指定了时间的格式为2009-6-20 19:02:27,这里可以设置成自己需要的格式。
然后写个函数
......
1. 开发工具 : MyEclipse5.5, FlexBuilder3, Tomcat6.
2. 开发过程 :
第一步 : 下载BlazeDS, 地址:http://opensource.adobe.com/wiki/display/blazeds/Release+Builds, 解压缩。
第二步 : 在MyEclipse中新建WEB工程,导入依赖库:
  ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" layout="absolute" creationComplete="initApp()">
<mx:Script>
<![CDATA[
public var pageRecordes:uint = 8;
public var totalPages:ui ......