starling好夥伴~~Feathers

聽到了狗語訊息
為了在Starling上放上UI組件去估狗廟餵狗狗
那就是---Feathers

Starling對Feathers的介紹
http://www.starlinglib.com/wiki/News:Starling_Feathers

等等來研究
---------------------------------
官網有例子
可是每個例子都用4~5個組件作成
想各別使用還要一一拆解
看哪個部位是哪個@@


List
清單
東西要放在這裡面才能給別的物件使用
dataProvider: ListCollection 例如下面這個
const collection:ListCollection = new ListCollection(
            [
                { label: "Facebook", texture: this._iconAtlas.getTexture("facebook") ,event: "ooo"},
                { label: "Twitter", texture: this._iconAtlas.getTexture("twitter") ,event: "ooo"},
            ]);
layout:顯示的物件 這個有點複雜 例子是用TiledRowsLayout     移到下面再看

scrollerProperties.snapToPages: true;
scrollerProperties.scrollBarDisplayMode: Scroller.SCROLL_BAR_DISPLAY_MODE_FLOAT;
scrollerProperties.horizontalScrollPolicy: Scroller.SCROLL_POLICY_ON;
itemRendererFactory:function 建立list裡的物件時都會執行的function


TiledRowsLayout
paging:換頁的方式 :
             PAGING_HORIZONTAL:左右換頁
             PAGING_NONE :全部成一頁
             PAGING_VERTICAL:上下捲動

useSquareTiles:每個Tile是否用正方形

tileHorizontalAlign: tile各自的排列位置  
             TILE_HORIZONTAL_ALIGN_RIGHT:靠右對齊
             TILE_HORIZONTAL_ALIGN_CENTER:置中對齊
             TILE_HORIZONTAL_ALIGN_JUSTIFY
             TILE_HORIZONTAL_ALIGN_LEFT:靠左對齊


horizontalAlign: 整體排列位置 有左 中 右可選
             HORIZONTAL_ALIGN_CENTER:置中對齊          
             HORIZONTAL_ALIGN_RIGHT:靠右對齊
             HORIZONTAL_ALIGN_LEFT:靠左對齊

PageIndicator
滾動頁面下的點點
提示現在是第幾頁

normalSymbolFactory = function():Image          建立非選擇中的點時執行的function
selectedSymbolFactory = function():Image       建立選擇中的點時執行的function
direction = PageIndicator.                                    對齊方式
gap:Number                                                           點點中間的間距

pageCount: int                                                       值如為2~~顯示2個點點
paddingTop:Number                                            上面留白
paddingRight:Number                                         右邊留白
paddingBottom:Nnumber                                    下面留白
paddingLeft:Number                                            左邊留白


LEFT
雖然可以改圖
CENTER
可是還是不知道哪邊修改 按下圖片時 改變圖片內容
看來只能之後再研究了Orz