캔버스 앱에서 컨트롤 추가 및 구성

도구 모음, 속성 탭 또는 수식 입력줄에서 직접 캔버스 앱에 다양한 UI 요소를 추가하고 모양과 동작의 측면을 구성합니다. 이러한 UI 요소는 컨트롤이라고 하며, 구성하는 측면은 속성이라고 합니다.

필수 구성 요소

  1. 아직 Power Apps 라이선스가 없으면 가입한 다음 로그인하십시오.

  2. 빈 캔버스 앱을 만듭니다.

    나중에 언제든지 화면 오른쪽 위에 있는 물음표 아이콘을 선택한 다음 소개 둘러보기를 선택하여 살펴볼 수 있습니다.

컨트롤 추가 및 선택

삽입 탭에서 다음 단계 중 하나를 수행합니다.

  • 레이블 또는 단추를 선택해 이러한 유형의 컨트롤 중 하나를 추가합니다.
  • 제어 범주를 선택한 다음 추가할 제어 유형을 선택합니다.

예를 들어 새 화면을 선택한 다음 공백을 선택해 앱에 빈 화면을 추가합니다. (화면은 다른 유형의 컨트롤을 포함할 수 있는 유형의 컨트롤입니다.)

화면 추가.

새로운 화면의 이름이 화면 2로 되어 왼쪽 탐색 창에 나타납니다. 이 창에는 앱의 계층적 컨트롤 목록이 표시되어 각 컨트롤을 쉽게 찾고 선택할 수 있습니다.

목록의 화면2.

이 목록의 작동 방식을 확인하기 위해 삽입 탭 위의 레이블을 선택합니다. 계층적 목록의 화면 2 아래 새로운 컨트롤이 나타납니다.

레이블 삽입.

화면에서 6개의 핸들이 있는 상자는 기본적으로 레이블을 둘러쌉니다. 해당 유형의 상자는 선택된 컨트롤을 둘러쌉니다. 레이블을 (레이블 밖에서) 클릭하거나 탭하여 화면을 선택하면 레이블에서 상자가 사라집니다. 레이블을 다시 선택하려면 레이블을 클릭하거나 탭하거나 계층적 컨트롤 목록에서 해당 이름을 클릭하거나 탭하면 됩니다.

중요

컨트롤을 구성하기 전에 항상 컨트롤을 선택해야 합니다.

컨트롤 이름을 바꿉니다

계층적 컨트롤 목록에서 이름을 바꾸려는 컨트롤 위로 마우스를 가져간 다음 나타나는 줄임표 단추를 선택하고 이름 바꾸기를 선택합니다. 그런 다음 독특하고 기억하기 쉬운 이름을 입력하여 앱을 보다 쉽게 구축할 수 있습니다.

컨트롤 이름 바꾸기.

컨트롤 삭제

계층적 컨트롤 목록에서 삭제하려는 컨트롤 위로 마우스를 가져간 다음 나타나는 줄임표 단추를 선택하고 삭제를 선택합니다. 화면이 아닌 컨트롤을 삭제하려면 캔버스에서 컨트롤을 선택한 다음 Delete 키를 눌러도 됩니다.

컨트롤 삭제.

화면 재정렬

계층적 컨트롤 목록에서 위나 아래로 움직이려는 컨트롤 위로 마우스를 가져간 다음 나타나는 줄임표 단추를 선택하고 위로 이동 또는 아래로 이동을 선택합니다.

화면 재정렬.

참고

앱을 열면 일반적으로 계층적 컨트롤 목록의 맨 위에 있는 화면이 먼저 나타납니다. 하지만 OnStart 속성을 탐색 함수를 포함하는 수식으로 설정하여 다른 화면을 지정할 수 있습니다.

컨트롤 이동 및 크기 조정

컨트롤을 이동하려면 해당 컨트롤을 선택하고 가운데로 마우스 커서를 가져간 다음 컨트롤을 다른 위치로 드래그합니다.

컨트롤 이동.

컨트롤의 크기를 조정하려면 컨트롤을 선택하고 선택 상자에서 핸들을 마우스를 가져간 다음 양방향 화살표가 나타나면 핸들을 드래그합니다.

컨트롤 끌어오기.

참고

이 토픽의 나중에 설명하듯이, 수식 입력줄의 속성에서 X, Y, 높이, 너비 의 조합을 수정하여 컨트롤을 이동하고 크기를 조정할 수도 있습니다.

레이블 또는 단추의 텍스트 변경

레이블이나 단추를 선택하고 컨트롤에 나타나는 텍스트를 두 번 클릭한 다음 원하는 텍스트를 입력합니다.

텍스트 변경.

참고

이 토픽의 나중에 설명하듯이 수식 입력줄의 속성에서 텍스트 를 수정하여 이 텍스트를 변경할 수 있습니다.

도구 모음에서 컨트롤 구성

도구 모음에서 컨트롤을 구성하여 컨트롤을 직접 구성하여 할 수 있는 더 광범위한 옵션을 지정할 수 있습니다.

예를 들어 레이블을 선택하고 탭을 선택한 후 레이블의 텍스트 글꼴을 변경할 수 있습니다.

글꼴 변경.

속성 탭에서 컨트롤 구성

도구 모음에서 컨트롤을 구성하는 것보다 속성 탭을 활용하여 더 광범위한 옵션을 지정할 수 있습니다.

예를 들어, 컨트롤을 선택해 Visible 속성을 변경하여 표시하거나 숨길 수 있습니다.

표시 영역 설정.

수식 입력줄에서 컨트롤 구성

속성 탭 또는 도구 모음에서 컨트롤을 직접 구성하는 대신, 속성 목록에서 선택한 다음 수식 입력줄에서도 값을 지정하여 컨트롤을 구성할 수 있습니다. 이 방법을 사용하여 속성을 알파벳 순서로 검색하고, 더 많은 값의 유형을 지정할 수 있습니다.

예를 들어, 레이블을 선택한 후 다음과 같은 방법으로 구성할 수 있습니다.

  • 속성 목록에서 X 또는 Y를 선택하고 수식 표시줄에서 다른 숫자를 지정하여 움직일 수 있습니다.

    X 속성 설정.

  • 속성 목록에서 높이 또는 너비를 선택하고 수식 표시줄에서 다른 숫자를 지정하여 크기를 조정할 수 있습니다.

    높이 속성 설정.

  • 속성 목록에서 텍스트를 선택하고 리터럴 문자열, 표현식 또는 수식의 조합을 수식 표시줄에 지정해서 텍스트를 변경합니다.

    • 리터럴 문자열은 따옴표로 묶고 입력한 그대로 표시됩니다. "헬로 월드" 는 리터럴 문자열입니다.

      텍스트 속성을 리터럴 문자열로 설정.

    • 식은 함수를 포함하지 않으며 종종 다른 컨트롤의 속성을 기반으로 합니다. Screen1.Height화면1의 높이를 나타내는 식입니다.

      텍스트 속성을 식으로 설정.

    • 단위 그룹에는 하나 이상의 단위가 포함됩니다. Now 함수는 현지 시간대의 현재 날짜와 시간을 반환하고 Text 함수는 날짜, 시간 및 통화와 같은 값의 형식을 지정합니다.

      텍스트 속성을 수식으로 설정.

      수식은 일반적으로 이 예제보다 훨씬 복잡하며 데이터를 업데이트하고, 정렬하고, 필터링하고, 다른 작업을 수행할 수 있습니다. 자세한 내용은 수식 참조를 참조하십시오.

다음 단계

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).