탭 뷰의 옵션 저장하고 불러오기

개요

튜토리얼

• TabNavigatorDemo 파일을 사용해서, 라이브러리 내 (SquareView 같은) 다른 뷰 중 하나를 복사해서 뷰를 새로 (MyView) 만듭니다. export for ActionScript (링키지 ID) 를 'MyView' 로 설정한 상태로요.
• 이 뷰에 인스턴스 이름이 'myToggleButton' 인 토글 버튼을 추가합니다.
• 또한 이 뷰의 타임라인 상에 다음과 같은 코드를 추가합니다:

myToggleButton.selected = _root.options.myToggleButton;
myToggleButton.addEventListener("select", this, "onSelect");

function onSelect()
{
  _root.options.myToggleButton = myToggleButton.selected;
}

• 메인 (_root) 타임라인으로 돌아가서, 'demoPanel' 레이어 상의 스테이지에다 첫 프레임 상의 인스턴스 이름이 'myButton' 인 보통 버튼을 추가합니다.
• 첫 키프레임 상에도 이 코드를 추가합니다:

myButton.addEventListener("press", this, "onPress");

function onPress()
{
  gotoAndStop(2);
}
stop();

• 'vars' 라는 레이어를, 전체 _root 타임라인을 키프레임 하나로 걸치게 해서 새로 만듭니다. 이 키프레임/레이어에는 어디서든 접근할 수 있는 글로벌 변수를 보관할 것입니다.
• 이 키프레임상에 다음 코드를 추가합니다:

if (!options)
{
  var options:Object = {};
}

• (vars 레이어는 제외한) 'demoPanel', 'demoComponents', 'background' 레이어상에 둘째 키프레임을 만듭니다. 그리고 이 키프레임, 'demoPanel' 레이어 상에서 인스턴스 이름이 'myButton' 인 버튼을 또하나 추가합니다.
• 그리고 키프레임 2 위의 'demoPanel' 레이어에 이 코드를 추가합니다:

myButton.addEventListener("press", this, "onPress");

function onPress()
{
  gotoAndStop(1);
}
stop();

• 이 (2번) 프레임 상의 탭 뷰 무비 클립('demoComponents')을 지워, 2번 프레임에만 버튼이 존재하도록 합니다.
• 이 코드가 (1번 프레임 상의) 'demoComponents' 무비클립 안에 있도록 합니다:

bb.dataProvider = [
    {label:"Polygon", data:"PolygonView"},
    {label:"Circle", data: "CircleView"},
    {label:"Square", data:"SquareView"},
    {label:"MyView", data:"MyView"}
];

Selection.setFocus(bb);
stop();

• 퍼블리시하고 테스트합니다. 모두 예상대로 돌아갈 것입니다.
• 버튼 바를 사용해서 MyView 뷰로 갑니다.
• 그런 다음 토글 버튼을 클릭하여 참인 상태로 설정합니다.
• 그리고 다른 뷰를 선택합니다.
• 그 후 MyView 를 다시 선택하면, 토글 버튼이 여전히 선택되어 있습니다.
• 탭 뷰 무비클립이 없는 2번 프레임으로 가기 위해 버튼을 누른 다음, 그 프레임에 있는 버튼으로 1번 프레임으로 돌아가서 MyView 를 선택하면, 토글 버튼이 지난 상태를 기억하고 있을 것입니다.