2013年9月17日 星期二

PullToRefresh

PullToRefresh 是作者製作的類別, 目的在Adobe AIR mobile 提供用戶下拉刷新動作, 建基於Feathers 的兩個元件(GroupedListList). 當用戶在目錄向下拉和放手, 會產生更新事件, 然後把目錄內容更新.

用戶把目錄向下拉 [範例]
   
用戶放手後, 目錄等待更新

以下是編寫的簡單步驟:

  1. 引入(Import) 相關的類別
    import feathers.controls.PullToRefreshList;
    import feathers.controls.List;
    
    
  2. 建立目錄內容
    var data:Array =
      [
        { text: "Aardvark" },
        { text: "Alligator" },
        { text: "Alpaca" },
        { text: "Anteater" },
      ];
    
    
  3. 建立目錄和添加事件監聽 (PULL_TO_REFRESH_EVENT)
    var list:List = new PullToRefreshList();
    list.dataProvider = new ListCollection(data);
    list.addEventListener(PullToRefreshList.PULL_TO_REFRESH_EVENT, listPullToRefreshHandler);
    this.addChild(list);
    
    
  4. 當用戶產生下拉刷新事件, 我們可以呼叫伺服器來更新目錄內容
    private function listPullToRefreshHandler(event:Event):void{
      ...
      // call server to return some data
      ...
    }
大家可以 [下載] 範例試試看.