分享

FLex组件之滚动条(ScrollBar)CSS美化

 1 = #D 2011-11-24

FLex组件之滚动条(ScrollBar)CSS美化

444人阅读 评论(2) 收藏 举报

<?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>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多