組件 ScrollPane 載入圖檔

ScrollPane 物件是為了在一個可捲動的限制區域內顯示圖片 (jpg, png, gif) 、 swf 檔、顯示物件；圖片或 swf 檔可由外部載入。 ScrollPane 類別是 BaseScrollPane 類別的擴充類別。

ScrollPane 及 BaseScrollPane 類別與物件 - fl.containers 套件

建構 ScrollPane 物件

從組件視窗將 ScrollPane 組件加入元件庫，
  1. import fl.containers.*;
  2. var container:ScrollPane=new ScrollPane();
  3. container.scrollDrag=true;
  4. container.source=物件實體參考或載入檔位址的字串;
  5. addChild(container);
另外，也可從組件視窗將 ScrollPane 組件放入舞台，為 ScrollPane 實體命名，並在組件檢測器視窗的參數標籤中指定屬性。

BaseScrollPane 的屬性與方法

BaseScrollPane 繼承 UIComponent
[屬性]
horizontalLineScrollSize
  • 指出按一下水平捲軸方向鈕，內容會捲動的距離。
  • horizontalLineScrollSize:Number [讀寫]，單位為像素，預設值為 4 。
  • con.horizontalLineScrollSize=10 //指定 con 物件按一下水平捲軸方向鈕的捲動距離為 10 px 。
horizontalPageScrollSize
  • 指出按一下水平捲軸軌道，內容會捲動的距離。數值為 0 時，會取組件的可用寬度。
  • horizontalPageScrollSize:Number [讀寫]，單位為像素，預設值為 0 。
  • con.horizontalPageScrollSize=50 //指定 con 物件按一下水平捲軸軌道的捲動距離為 50 px 。
verticalLineScrollSize
  • 指出按一下垂直捲軸方向鈕，內容會捲動的距離。
  • verticalLineScrollSize:Number [讀寫]，單位為像素，預設值為 4 。
  • con.verticalLineScrollSize=10 //指定 con 物件按一下垂直捲軸方向鈕的捲動距離為 10 px 。
verticalPageScrollSize
  • 指出按一下垂直捲軸軌道，內容會捲動的距離。數值為 0 時，會取組件的可用高度。
  • verticalPageScrollSize:Number [讀寫]，單位為像素，預設值為 0 。
  • con.verticalPageScrollSize=50 //指定 con 物件按一下垂直捲軸軌道的捲動距離為 50 px 。
[事件]
scroll
  • 代表捲動捲軸或滾動滑鼠滾輪的事件。
  • 建議使用 ScrollEvent.SCROLL 靜態常數代表。

ScrollPane 的屬性與方法

ScrollPane 繼承 BaseScrollPane
[屬性]
source
  • SWF 或影像檔案位址 (uri) 字串、元件庫中影片片段的擴充類別名稱、顯示物件的參考、或同輩的影片片段實體參考。
  • source:Object [讀寫] ，預設值為 null 。
  • con.source="images/sample.jpg" //指定 con 物件載入來源檔為 sample.jpg 。
scrollDrag
  • 指出是否能直接拖移內容。
  • scrollDrag:Boolean [讀寫]，預設值為 false 。
  • con.scrollDrag=true //指定 con 物件的內容可被拖移。
percentLoaded
  • 表示載入外部檔時，已載入的百分比數 0 ~ 100 ；載入如為非外部資源，屬性值保持為 0 。
  • percentLoaded:Number [唯讀] ，預設值為 0 。
  • lb.text=Math.floor(con.percentLoaded)+"%" // lb 物件顯示 con 物件載入進行的百分比進度。
content
  • 表示載入內容的根顯示物件，當然在載入完成後才會產生。
  • content:DisplayObject [唯讀] ，預設值為 null 。
  • con.content.alpha=.5 // 將 con 物件載入的內容指定為半透明。
[方法]
load()
  • 執行下載指定的內容，如果未指定 request 參數，則使用 source 屬性的定義。
  • public function load(request:URLRequest = null, context:LoaderContext = null):void
  • con.load(uriAt) // con 物件載入 uriAt 物件取得的位址檔。
[事件]
complete
  • 代表內容載入完成時的事件。
  • 建議使用 Event.COMPLETE 靜態常數代表。
progress
  • 代表內容正在進行載入時的事件。
  • 建議使用 ProgressEvent.PROGRESS 靜態常數代表。
scroll
  • 代表捲動捲軸或滾動滑鼠滾輪的事件。
  • 建議使用 ScrollEvent.SCROLL 靜態常數代表。