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");    
    
    /*下/右翻图片皮肤*/
    downArrowDisabledSkin: Embed("scrollBar/btnDown.jpg");
    downArrowDownSkin: Embed("scrollBar/btnDown.jpg");
    downArrowOverSkin: Embed("scrollBar/btnDownOver.jpg");
    downArrowUpSkin: Embed("scrollBar/btnDown.jpg");
    /*上/左翻图片皮肤*/
    upArrowDisabledSkin: Embed("scrollBar/btnUp.jpg");
    upArrowDownSkin: Embed("scrollBar/btnUp.jpg");
    upArrowOverSkin: Embed("scrollBar/btnUpOver.jpg");
    upArrowUpSkin: Embed("scrollBar/btnUp.jpg");    
}
    
</mx:Style>
    <mx:Panel x="129" y="70" width="389" height="303" layout="absolute">
        <mx:Canvas x="10" y="10" width="349" height="234">
            <mx:Text x="61" y="24" text="Text"/>
            <mx:RadioButton x="61" y="50" width="500" label="Radio"/>
            <mx:CheckBox x="61" y="89" label="Checkbox"/>
            <mx:Button x="61" y="132" label="Button"/>
            <mx:Button x="61" y="171" label="Button"/>
            <mx:CheckBox x="61" y="199" label="Checkbox"/>
            <mx:Button x="61" y="222" label="Button"/>
            <mx:Button x="61" y="254" label="Button"/>
        </mx:Canvas>
    </mx:Panel>
</mx:Application>

转载地址http://www.gold98.net/blog/article.asp?id=876

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值