액슈어(Axure) 따라하기 2. 리피터(repeater)를 활용한 조회 목록 - Dataset 구성하기

각종 조회 목록을 만들때 “표(table)”보다 유용한 기능이 있는데요.

그것이 바로 액슈어(Axure)의 “리피터(repeater)”입니다.

 

리피터를 통해 dataset을 구성하면 필터, 정렬, 열추가, 열삭제 등

조회목록에서 기본적으로 필요한 기능을 프로토타입(Prototype)으로 구현해서 커뮤니케이션에 활용할 수 있습니다.

 

이번 포스팅에서는 repeater dataset 구성하는 방법을 확인해보겠습니다.

 

먼저 repeater를 1개 추가합니다.

 

 

repeater를 추가하면 자동적으로 3개의 row가 생기는데요.

그 이유는 row 3개에 1, 2, 3으로 입력된 Value가 자동적으로 입력되어 있기 때문입니다.

 

데이터가 어떻게 입력되는지 살펴보겠습니다.

 

 

그리고 이제는 데이터를 추가해보겠습니다.

아직 데이터가 보이지는 않습니다.

 

 

데이터가 보이도록 하려면 repeater 안에 view라고 할 수 있는 부분을 먼저 만들어야 합니다.

repeater를 더블클릭해서 repeater 안으로 들어갑니다.

 

 

repeater안에서 정사각형을 추가합니다.

 

 

이제 repeater의 view라고 할 수 있는 부분이 만들어졌습니다.

(아직도 데이터는 보이지 않을 것입니다.)

 

 

repeater의 propertise를 보면 Interactions > OnItemLoad에 Case1에 set text on 적용되어 있는 것을 볼 수 있습니다.

더블클릭하면 Rectangle 1개에만 set text to “value”에 [[item.Column0]]이 actions 설정되어 있습니다.

 

 

새로 만든 Rectangle을 체크하고 set text to “value”에 [[item.Column1]]을 추가합니다.

앞서 repeater dataset을 구성할 때 Column명을 다르게 입력하셨다면 해당 Column명을 [[item.컬럼명]]으로 입력해 주세요.

 

 

공유링크 : https://rh3ug7.axshare.com

작업파일 : 

Repeater데이터셋구성.rp

다운로드

 

 

출처: http://hanminwoo.com/27 [앵그리 비버's IT를 부탁해]