jamkit 쇼케이스 오브젝트(3)

카테고리 분류

- object showcase는 cell들로 구성되었으며, 각 cell은 데이터 연결에 있어 display-unit 옵션을 사용한다.

- object showcase에서의 name 옵션으로 1차 데이터를 필터링하고 이 데이터들을 category 옵션으로 2차 데이터 필터링을 진행한다.

- 최종 필터링된 데이터들의 id는 cell의 display-unit에 연결되어 sbml 화면으로 나타나게 된다.

---

object showcase 추가속성

ViewPager

- page-enabled=yes

- 페이지를 넘기듯 자연스럽게 다음의 cell을 보여주는 설정이다.

- 터치 슬라이딩을 통해서 페이지가 넘겨지기에 page-enabled=yes 옵션을 줄 시, object showcase의 width와 height와 동일한 값으로 cell-size 값을 설정해야 하나의 페이지에서 하나의 cell을 나타낼 수 있다.

//sbss (object showcase에 연결된 style)
#showcase_list: width=0.9pw, height=0.8ph, \
                cell-size="0.9pw 0.8ph", page-enabled=yes, \
                row-count=1, preload-count=1, keep-count=1

ViewPage + indicator

속성	설명
has-page-control	현 페이지의 위치를 알 수 있는 indicator 사용 여부 결정 * default 값 has-page-control=no
active-page-dot	활성화 페이지일 시, 사용할 리소스 설정 * has-page-control=yes 설정 필요
inactive-page-dot	비활성화 페이지일 시, 사용할 리소스 설정 * has-page-control=yes 설정 필요
page-dot-size	page-control의 리소스들의 사이즈 설정 * has-page-control=yes 설정 필요
page-dot-spacing	page-control의 리소스들 간의 간격 설정 * has-page-control=yes 설정 필요
page-control-position	page-control의 위치 설정 {top, left, bottom, right 등} * has-page-control=yes 설정, (in)active-page-dot="[파일명.확장자] 필요
inner-page-control	page-control을 cell 내부에 위치시킬지 여부 설정 * default 값 inner-page-control=no * has-page-control=yes 설정, (in)active-page-dot="파일명" 필요

 

---

object showcase header 설정

- has-header=yes

- header-height

- header-width

 

has-header=yes일 경우, 파일 이름 규칙에 따라 header sbml 파일을 탐색한 후 object showcase의 header 영역에 sbml 파일이 구현됩니다.

- 또한 특정 sbml 파일을 연결할 경우 header-display-unit={id} 설정을 사용할 수 있다.

 

▶ 파일 이름 규칙

  1. display-unit을 지정할 경우 (has-own-sbml=yes)

      {display-unit}_header.sbml

  2. template을 지정할 경우

      showcase_{name}_{template}_header.sbml

  3. showcase name을 지정할 경우

      showcase_{name}_header.sbml

 

footer도 이와 마찬가지...

---

object showcase toolbar 설정

- has-toolbar=yes

- footer-height

- footer-width

 

has-toolbar=yes일 경우, 파일 이름 규칙에 따라 toolbar sbml 파일을 탐색한 후 object showcase의 toolbar 영역에 sbml 파일이 구현됩니다.

- toolbar의 경우 header와 footer에서 row-count, column-count 설정에 따른 페이지 스크롤 방향에 맞게 width, height 값을 설정해야 하는 것과는 다르게 width는 object showcase의 width와 동일하게 설정되고, height 값만 설정 가능합니다. 따라서 toolbar를 사용할 경우, cell-size에서 toolbar의 height를 빼야 한다.

 

- toolbar-position 옵션을 이용해서 default bottom인 값을 변경 할 수 있다.