Power Apps 사용자 지정 구성요소 4 - 구성요소의 입력 사용자 지정 속성

Power Apps 사용자 지정 구성요소 4 - 구성요소의 입력 사용자 지정 속성

구성요소에서 컨트롤의 속성을 변경하는건 앱에서 구성요소를 불러왔을 시 변경이 불가능한 것을 확인 가능할 것이다. 구성요소를 만들었지만 구성요소 안에서만 컨트롤의 속성 변경이 가능하다면 여러 앱에서 불러다가 사용하지 못하고 각 앱마다 새로 만드러야 할 것이다. 이것을 해결하기 위해 구성요소의 입력 속성을 만들어 사용 가능하다.

입력 사용자 지정 속성

입력 사용자 지정 속성은 구성요소에 입력이 가능한 속성을 정의한다. 배경색이나 글자를 입력가능한 속성으로 지정해 두어 앱에서 여러개를 불러왔을 시 해당 속성값을 변경하여 사용 가능하도록 만든다.

1. 새 구성 요소를 만든다.(필자는 아래와 같은 레이블 2개와 텍스트 입력 컨트롤을 만들었다.)
2. '트리 뷰'에서 자신이 만든 구성요소 중 속성을 추가하려는 구성요소를 클릭(구성요소 안의 컨트롤을 선택하면 안된다.)
   
3. '구성 요소'의 '속성' 탭에서 + 새 사용자 속성 클릭
   
4. 사용자 지정 속성 편집 창이 뜰 것이다. 이곳에 '표시 이름', '이름', '설명'을 입력하고 '속성 형식'은 입력, 그리고 사용할 '데이터 형식'을 선택한다. 각 항목의 설명은 가장 아래부분에 정리하겠다.
   
5. '구성 요소 속성 창'에서 '고급' 탭으로 가면 생성한 구성요소 속성이 보일 것이다. 이곳에서 자신이 원하는 초기값으로 변경하자
   
6. 해당 속성을 구성요소 컨트롤 안에서 사용해보자. 사용시에는 {구성요소 이름}.{사용자 속성 이름}을 사용한다.(아래 이미지는 '입출력속성구성요소' 라는 구성요의 'Fill' 값과 레이블 컨트롤의 Text값에 사용자 지정 속성을 사용했다.

• 참고로 사용자 지정 속성 편집을 수정하기 위해선 사용자 속성의 '데이터 형식'을 클릭하면 된다.
  

앱에서 속성 변경

1. 앱에서 방금 만든 사용자 지정 구성요소를 추가하여 삽입한다.
2. 삽입한 구성요소를 클릭하여 오른쪽 '속성' 탭에서 방금 추가한 속성이 추가되었는지 확인한다.
3. 속성의 값을 변경하여 반영이 되는지 확인한다.(아래 이미지를 보면 BackGColor라는 새로 만든 속성의 색을 선택하면 해당 색으로 변경되는 것을 확인 가능하다. InputText라는 속성에 앱에서 만든 텍스트 컨트롤이 입력되면 똑같이 반영되도록 Fx함수를 사용하였다. 해당 값이 변화하는건 앱을 실행해 확인하면 된다.)

사용자 지정 속성 편집 항목 설명

항목 이름	설명
표시 이름	속성 창에서 표시될 이름이다. 이름과 같지는 않다. FX에서는 해당 이름을 사용하지 않는다
이름	FX 등에서 사용할 속성값의 이름이다. 표시 이름과는 다르게 FX로 코딩할때 사용된다.
설명	해당 속성의 설명
속성 형식	해당 속성이 사용자가 직접 입력이 가능한 '입력' 사용자가 값을 불러올 수만 있는 '출력' 중 한가지를 선택한다.
데이터 형식	해당 속성에서 사용될 데이터 형식