[랩뷰 예제] 프로그램 상에서 배열 크기에 따른 배열 UI 변경하기

[랩뷰 예제] 프로그램 상에서 배열 크기에 따른 배열 UI 변경하기

랩뷰를 사용해서 알고리즘을 구현하다 보면 배열에 대한 UI처리가 제대로 되지 않습니다. 배열의 길이가 5임에도 불구하고 사용자가 크기를 5만큼 지정하지 않으면 아래의 그림처럼 나오게 됩니다.

아래의 그림으로 구현이 되어 있으면, 0번째 Element의 값은 바로 확인이 가능하지만 1~4번째의 값을 확인하고 싶으면 마우스나 키보드로 배열의 시작값을 입력을 해야 확인이 가능하게 됩니다. 

이런 문제를 프로그래밍 적으로 해결할 수는 없을까요?

배열의 프로퍼티 노드를 사용하면 이 부분을 해결할 수 있습니다.

먼저 간단히 랩뷰에서 배열을 만드는 코드를 살펴보도록 하겠습니다. 

위의 코드는 NumberOfArray의 수에 따라서 For문을 반복하고 이에 대한 i값을 배열로 만드는 코드입니다. NumberOfArray에 5를 넣고 실행을 하면 기본적으로 아래의 그림처럼 나오게 됩니다. 

이 부분을 해결하기 위해서는 프로퍼티 노드를 사용하시면 됩니다. 프로퍼티 노드 중에 행의 갯수 (영문판의 경우 Number Of Rows)를 이용하셔서 배열 크기만큼 셋팅을 해주신다면 아래와 같은 결과를 얻을 수 있습니다. 이차배열을 사용한다고 한다면, 행의 갯수와 열의 갯수를 모두 지정해 주시면 됩니다.

그럼 실제로 구현을 하는 방법에 대해서 알아보도록 하겠습니다. 배열에서 오른쪽 마우스 버튼을 눌러 생성 - 프로퍼티 노드 - 행의 갯수를 선택을 하시면 프로퍼티가 나타나게 됩니다. 

이 프로퍼티에 대한 값을 아래처럼 수정을 하신다면 NumRow에 배열의 갯수가 들어가기 때문에 실행 후 Array의 행의 크기가 변경되어 UI에 적용됩니다. 

이상 프로그래밍적으로 배열 크기에 따른 배열 UI 변경에 대한 팁을 알려드렸습니다.

이 글이 도움이 되셨나요?

그렇다면 아래의 그림을 클릭해주세요.