Titanium에서 Gunosy 스타일 UI 구현

블로그에서도 썼습니다. ⇢ 전 기사
소스 코드 ⇢ team-cheekit/likeGunosy (github)

배경

화면을 옆으로 스 와이프하면 탭도 움직이는 UI를 만들고 싶었습니다.

구현 방법

여기를 보았다.
Scrollable Tabs + Draggable Windows example (Titanium Alloy)

기본적으로 상기 참고 링크처의 코드를 코피페로 좋지만, 주의가 1점.
Nexus5와 같은 높은 dpi 터미널에서 사용하는 경우,

Alloy.Globals.currentTabWidth = width;  
if (Ti.Android) {  
  switch(Ti.Platform.displayCaps.dpi) {  
    case 120: width /= 0.75;            break;  
    case 160: width =  width;           break;  
    case 240: width /= width * 1.5;     break;  
    case 320: width /= 2;               break;  
    case 480: width /= 3;               break;  // ここ追加！！  
  }  
  child.setWidth(width);  
}  

그리고 case 문을 추가합니다.

결국 이런 느낌이 되었다.