스타일링 팁 : iOS Tab

JavaScript Titanium
,
1

Titanium의 장점 중의 하나가 이제는 다양한 UI 속성들이 챙겨져서 네이티브 UI를 수정할 수 있는 방법이 많다는 것입니다.

그런데 문제는 너무 많아서 원하는 속성이 있는 줄 모르고 따로 탭그룹을 만들거나, 있는게 알아도 할 때마다 매번 헛갈리기 일쑤다보니 정리도 할겸 생각날때 마다 스타일링 팁을 남겨 봅니다.

"Tab":{
    iconInsets : { //아이콘의 위치 조정 가능 (아이콘 타이틀 없이 아이콘을 가운데에 놓고 싶을때 사용 가능)
        left: 0,
        top: 10
    },
    iconIsMask: false, // 아이콘 이미지의 색깔을 그대로 표현하고자 할 경우,
    activeIconIsMask: false, // 활성화 아이콘 이미지의 색깔을 그대로 표현하고자 할 경우
    titleColor: "#00ff00", // 이 속성은 아이콘이 지정되어 있고 아이콘을 마스크로 사용하지 않을 때만 작동
    activeTitleColor: "#0000ff", // 이 속성은 아이콘이 지정되어 있고 아이콘을 마스크로 사용하지 않을 때만 작동,
}

"TabGroup":{
    tabsBackgroundSelectedColor: "gray",
    tabsBackgroundColor: "red", //탭 구룹의 배경색
    tabsTintColor: "yellow", // 탭 그룹의 아이콘이 활성화 되었을 때 타이틀의 tint  색상 (icon이 지정되어있고 activeIconIsMask가 false이면 무시됨)
}

icon과 activeIcon 이미지를 배경색(icon은 노란색 배경 active는 빨간색배경)과 타이틀 text가 포함된 이미지를 만들어서 적용한 결과입니다.

1개의 좋아요