Flex中如何通过horizontalScrollBarStyleName,verticalScrollBarStyleName,downArrowSkin和upArrowSkin样式改变一个容器横/竖方向滚动条上下箭头Skin的例子

By Minidxer | March 29, 2009

接下来的例子演示了Flex中如何通过horizontalScrollBarStyleName,verticalScrollBarStyleName,downArrowSkin和upArrowSkin样式，改变一个容器横/竖方向滚动条上下箭头Skin。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         Container {
  9.             verticalScrollBarStyleName: myVScrollBarStyleName;
  10.             horizontalScrollBarStyleName: myHScrollBarStyleName;
  11.         }
  12.  
  13.         .myVScrollBarStyleName {
  14.             downArrowSkin: Embed("assets/bullet_add.png");
  15.             upArrowSkin: Embed("assets/bullet_delete.png");
  16.         }
  17.  
  18.         .myHScrollBarStyleName {
  19.             downArrowSkin: Embed("assets/bullet_add.png");
  20.             upArrowSkin: Embed("assets/bullet_delete.png");
  21.         }
  22.     </mx:Style>
  23.  
  24.     <mx:String id="lorem" source="lorem.txt" />
  25.  
  26.     <mx:Box clipContent="true"
  27.             backgroundColor="haloSilver"
  28.             horizontalScrollPolicy="on"
  29.             verticalScrollPolicy="on"
  30.             width="320"
  31.             height="240">
  32.         <mx:Text text="{lorem}" width="550" />
  33.     </mx:Box>
  34.  
  35. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Other | 2 Comments » | 514 views Tags: , , ,

你可能还对下列文章感兴趣:

2 comments | Add One

  1. 刚 - 03/30/2009 at 8:34 am

    哈哈
    这个功能正需要!thx

  2. Minidxer - 03/30/2009 at 8:40 am

    :)

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll