- TabPage > TabIndex
탭은 가능하면 적절하게 사용하면 한 공간에서 여러 작업을 조정할 수 있는 장점이 있긴 하지만
접근성을 다룰때 어려움이 있고 다양한 디바이스에서 활용할때에도 어려움이 있을 수 있습니다.
단 엑스플랫폼에서는 일반적으로 탭 내부의 컨텐츠를 분리해서 관리하기 때문에
어려움은 없을겁니다.
탭에 대해 간단히 언급하고 넘어가겠습니다.
UX 스튜디오에서 탭 컴포넌트를 가져다 넣어주면
다음과 같은 화면과 코드가 생성됩니다.
<Tab id="Tab01" taborder="1" tabindex="0" scrollbars="autoboth" position="absolute 103 422 364 506">
<Tabpages>
<Tabpage id="tabpage1" text="tabpage1" dragscrolltype="all"/>
<Tabpage id="tabpage2" text="tabpage2" dragscrolltype="all"/>
</Tabpages>
</Tab>
탭을 사용한다는 것은 기본적으로 2개 이상의 화면을 사용하겠다는 것이니
기본적으로 2개를 생성해주는 것 같습니다.
탭 영역의 크기가 탭아이콘보다 작아지면 보이지 않는 영역은 사라지고
네비게이션 버튼이 보여집니다.
탭을 추가하거나 삭제하는 작업은 컨텍스트 메뉴에서 지원합니다.
각각의 탭을 편집할때도 메뉴에서 처리가 가능합니다.
탭이 여러개인 경우에는 Goto Tabpage를 사용하면 됩니다.
스크립트 상에서는 탭에서 tabindex 속성을 사용해 지정할 수 있습니다.
기본값은 0 입니다.
http://cafe.naver.com/xplatform101/206