2013-03-01 3 views
1

나는 TileList와 UILoader를 사용하여 사진 갤러리를 가지고 있습니다. 완벽하게 잘 작동합니다. TileList에서 축소판을 클릭하면 전체 그림이 UILoader에 표시되지만 다음 및 이전 단추를 추가하여 그림을 탐색 할 수 있습니다. 함수를 작성하는 방법/코드를 작성하는 방법을 잘 모르겠습니다. 루프를 사용해야합니까? 이것이 가능한가?? Google을 통해 검색했으며 답변을 찾을 수 없습니다. 나는 [이] [1] 뭔가를 가까이에서 찾았지만 어떤 코드도 제공되지 않았고 그 질문은 플렉스를위한 것이다. 여기 버튼을 사용하여 플래시 AS3.0에서 타일리스트를 탐색하려면 어떻게해야합니까?

지금까지 내 코드입니다 : 당신은 그냥 선택한 사진과 증가의 현재 인덱스 인 검색의 TileList 클래스의 selectedIndex 속성을 사용할 필요가

import flash.display.Loader; 
import flash.net.URLLoader; 
import flash.net.URLRequest; 
import flash.events.Event; 
import flash.events.MouseEvent; 
import fl.data.DataProvider; 
import fl.controls.TileList; 
import fl.controls.ScrollBarDirection; 
import fl.transitions.Tween; 
import fl.transitions.easing.None; 

var XMLgallery:XML = <items>   
     <item source="img/DSC_0.jpg" /> 
     <item source="img/DSC_1.jpg" /> 
     <item source="img/DSC_2.jpg" /> 
     <item source="img/DSC_3.jpg" /> 
     <item source="img/DSC_4.jpg" /> 
     <item source="img/DSC_5.jpg" /> 
     <item source="img/DSC_6.jpg" /> 
     <item source="img/DSC_7.jpg" /> 
     <item source="img/DSC_8.jpg" /> 
     <item source="img/DSC_9.jpg" /> 
     <item source="img/DSC_10.jpg" /> 
     <item source="img/DSC_11.jpg" /> 
     <item source="img/DSC_12.jpg" /> 
     <item source="img/DSC_13.jpg" /> 
     <item source="img/DSC_14.jpg" /> 
     <item source="img/DSC_15.jpg" /> 
    </items>; 
tileList.dataProvider = new DataProvider(XMLgallery); 
tileList.setSize(795, 130); 
tileList.columnWidth = 195; 
tileList.rowHeight = 130; 
tileList.direction = ScrollBarDirection.HORIZONTAL; 
tileList.addEventListener(Event.CHANGE, imageChanger); 
progressBar.visible = false; 

mainLoader.load(new URLRequest("img/DSC_0.jpg")); 

function imageChanger(event:Event):void{ 
    progressBar.visible = true; 
    mainLoader.source = tileList.selectedItem.source; 
    var myTween:Tween = new Tween(mainLoader, "alpha", None.easeNone,.3,1,18,false); 
} 

mainLoader.addEventListener(Event.COMPLETE, completeHandler); 

function completeHandler(event:Event):void{ 
    progressBar.visible = false; 
} 
prev_mc.addEventListener(MouseEvent.CLICK, prevF); 
next_mc.addEventListener(MouseEvent.CLICK, nextF); 
+0

기본 이미지 또는 축소판 이미지 스크롤을위한 다음/이전 버튼을 원하십니까 ?? – Vipul

답변

0

/하나하여 감소하여 다음/이전 함수.

첫 번째 사진을 선택하면 이전 버튼을 비활성화하고 마지막 사진을 선택하면 다음 버튼을 비활성화하고 필요시 둘 다 활성화 할 수있는 로직이 필요합니다. 이 같은

뭔가 작업을해야합니다 :

function prevF(e:Event):void 
{ 
    if(tileList.selectedIndex >0) 
    { 
    tileList.selectedIndex = tileList.selectedIndex-1; 

    //trigger image change 
    //(no event is dispatched on selectedIndex set) 
    imageChanger(null); 

    //reenable next button 
    next_mc.enabled=true; 
    } 

    //disable prev button if first 
    if(tileList.selectedIndex==0) 
    { 
    prev_mc.enabled=false; 
    } 
} 

function prevF(e:Event):void 
{ 
    if(tileList.selectedIndex < (tileList.length-1)) 
    { 
    tileList.selectedIndex = tileList.selectedIndex+1; 

    //trigger image change 
    //(no event is dispatched on selectedIndex set) 
    imageChanger(null); 

    //reenable prev button 
    prev_mc.enabled=true; 
    } 

    //disable next button if last 
    if(tileList.selectedIndex==(tileList.length-1)) 
    { 
    next_mc.enabled=false; 
    } 
} 

희망이 도움이!

+0

그것은 도움이되고 일한다! 정말 고맙습니다!! ... 나는 두 번째 함수가 nextF가되어야한다고 생각했지만 – stephuhnee8708