다음을 통해 공유


Power Apps의 레이블 컨트롤

텍스트, 숫자, 날짜 또는 통화와 같은 데이터를 보여 주는 상자입니다.

Description

레이블은 텍스트의 리터럴 문자열로 지정한 데이터를 보여 줍니다. 이 문자열은 입력하는 방식과 정확히 동일하게 표시되거나 텍스트 문자열로 계산되는 수식으로 표시됩니다. 레이블은 종종 다른 컨트롤(예: 화면을 식별하는 배너) 외부에 표시되거나, 다른 컨트롤(예: 등급 또는 오디오 컨트롤)을 식별하는 레이블로 표시되거나, 갤러리에서 항목에 대한 특정 유형의 정보를 표시합니다.

키 속성

AutoHeight – 레이블이 모든 텍스트를 표시하도록 높이를 자동으로 늘릴 수 있도록 true로 설정합니다. 텍스트를 할당된 높이로 자르려면 false로 설정합니다.

– 컨트롤의 텍스트 색입니다.

글꼴 – 텍스트가 표시되는 글꼴 패밀리의 이름입니다.

텍스트 – 컨트롤에 표시되거나 사용자가 컨트롤에 입력하는 텍스트입니다.

DelayOutput – 텍스트 입력 중에 작업을 지연하려면 true로 설정합니다.

추가 속성

맞춤 – 컨트롤의 가로 가운데를 기준으로 텍스트의 위치입니다.

AutoHeight – 텍스트 속성에 컨트롤이 한 번에 표시할 수 있는 것보다 많은 문자가 포함된 경우 레이블의 Height속성이 자동으로 증가하는지 여부입니다. 컨트롤이 표시되지 않으면 텍스트가 변경되면 출력 속성 Height가 업데이트되지 않습니다.

BorderColor – 컨트롤 테두리의 색입니다.

BorderStyle – 컨트롤의 테두리가 Solid, Dashed, Dotted 또는 None인지 여부입니다.

BorderThickness – 컨트롤 테두리의 두께입니다.

DisplayMode – 컨트롤에서 사용자 입력(편집)을 허용하는지 여부, 데이터만 표시(보기) 또는 사용 안 함(사용 안 함)입니다.

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.

DisabledColorDisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 텍스트 색입니다.

DisabledFillDisplayMode 속성이 Disabled 로 설정된 경우 컨트롤의 배경색입니다.

Fill – 컨트롤의 배경색입니다.

FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.

FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.

FontWeight – 컨트롤에 있는 텍스트의 가중치: 굵게, 세미볼드, 노멀 또는 라이터.

높이 – 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 유지할 때 컨트롤의 테두리 색입니다.

HoverColor – 사용자가 마우스 포인터를 유지할 때 컨트롤의 텍스트 색입니다.

HoverFill – 사용자가 마우스 포인터를 유지할 때 컨트롤의 배경색입니다.

기울임꼴 – 컨트롤의 텍스트가 기울임꼴인지 여부입니다.

LineHeight – 예를 들어 목록의 텍스트 줄 또는 항목 사이의 거리입니다.

라이브 – 화면 읽기 프로그램에서 레이블의 Text 속성 값에 대한 변경 내용을 알리는 방법입니다.

  • 기로 설정하면 화면 읽기 프로그램에서 변경 내용을 알리지 않습니다.
  • Polite로 설정하면 화면 읽기 프로그램이 말하는 동안 발생한 변경 내용을 발표하기 전에 화면 읽기 프로그램이 말하기를 완료합니다.
  • Assertive로 설정하면 화면 읽기 프로그램이 말하는 동안 발생한 변경 내용을 알리기 위해 화면 읽기 프로그램이 자체적으로 중단됩니다.

OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.

오버플로Wrap 속성이 true 로 설정되어 있고 컨트롤의 Text 속성 값에 컨트롤이 한 번에 표시할 수 있는 것보다 많은 문자가 포함되어 있는지 여부입니다.

PaddingBottom – 컨트롤의 텍스트와 해당 컨트롤의 아래쪽 가장자리 사이의 거리입니다.

PaddingLeft – 컨트롤의 텍스트와 해당 컨트롤의 왼쪽 가장자리 사이의 거리입니다.

PaddingRight – 컨트롤의 텍스트와 해당 컨트롤의 오른쪽 가장자리 사이의 거리입니다.

PaddingTop – 컨트롤의 텍스트와 해당 컨트롤의 위쪽 가장자리 사이의 거리입니다.

PressedBorderColor – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 테두리 색입니다.

PressedColor – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 텍스트 색입니다.

PressedFill – 사용자가 해당 컨트롤을 탭하거나 클릭할 때 컨트롤의 배경색입니다.

역할 - 제목 1과 같은 레이블 텍스트의 의미 체계 역할입니다. 레이블의 스타일은 변경하지 않지만 화면 판독기의 해석에 대해 의미상 올바른 출력을 만듭니다.

크기 – 컨트롤에 표시되는 텍스트의 글꼴 크기입니다.

취소선 – 컨트롤에 나타나는 텍스트를 통해 선이 표시되는지 여부입니다.

TabIndex – 다른 컨트롤과 관련된 키보드 탐색 순서입니다.

도구 설명 – 사용자가 컨트롤을 마우스로 가리킬 때 표시되는 설명 텍스트입니다.

밑줄 – 컨트롤에 표시되는 텍스트 아래에 줄이 표시되는지 여부입니다.

VerticalAlign – 해당 컨트롤의 세로 중심과 관련하여 컨트롤의 텍스트 위치입니다.

표시 – 컨트롤이 표시되는지 숨겨지는지 여부입니다.

너비 – 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.

줄 바꿈 – 텍스트가 여러 줄로 줄 바꿈되어야 하는지 여부입니다.

X – 컨트롤의 왼쪽 가장자리와 부모 컨테이너의 왼쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

Y – 컨트롤의 위쪽 가장자리와 부모 컨테이너의 위쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

Text( Number, "FormatCodes" )

예시

리터럴 문자열 표시

수식의 결과 표시

  • 레이블을 추가하고 Text 속성을 다음과 같은 수식으로 설정합니다.
    Today()

    비고

    수식을 지정할 때 수식의 인수가 리터럴 문자열이 아니면 따옴표를 사용하지 않습니다. 이 경우 수식이 아닌 인수를 큰따옴표로 묶습니다.

    Today 함수 또는 기타 함수에 대한 자세한 정보를 원하십니까?

이 절차에서는 유럽의 다양한 도시 인구에 대한 데이터를 포함하는 CityPopulations라는 컬렉션을 만듭니다. 다음으로, 세 개의 레이블이 포함된 갤러리에 해당 데이터를 표시하고 각 레이블이 표시할 데이터 형식을 지정합니다.

  1. 단추를 추가하고 OnSelect 속성을 이 수식으로 설정합니다.
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

  2. F5 키를 누르고 단추를 선택한 다음 Esc 키를 누릅니다.

  3. 텍스트 갤러리를 추가하고 Items 속성을 CityPopulations로 설정합니다.

    갤러리를 선택하면 오른쪽 창에 해당 갤러리에 대한 옵션이 표시됩니다.

  4. Gallery1 창에서 맨 위 목록을 채우기로 설정하고 중간 목록을 City로 설정하고 아래쪽 목록을 국가로 설정합니다.

내게 필요한 옵션 지침

이름에도 불구하고 레이블 컨트롤은 다른 컨트롤의 레이블로 사용할 필요가 없습니다. 모든 텍스트를 표시하는 데 사용할 수 있습니다.

OnSelect 동작을 지정하여 레이블을 단추 또는 링크로 사용할 수 있습니다. 이러한 방식으로 사용하는 경우 단추와 비슷한 접근성 고려 사항이 있습니다.

색 대비

다음 사이에 적절한 색 대비가 있어야 합니다.

화면 읽기 프로그램 지원

  • 텍스트 가 있어야 합니다.

  • 화면 읽기 프로그램에서 Text 속성 값의 변경 내용을 알려야 하는 경우 Live정중함 또는 어설션으로 설정해야 합니다.

    비고

    TabIndex가 0 이상인 경우 화면 읽기 프로그램은 레이블을 단추로 처리합니다.

저시력 지원

  • 링크 로 사용되는 경우 레이블은 링크처럼 표시됩니다.

키보드 지원

  • 텍스트가 단추 또는 링크로 사용되는 경우 TabIndex는 0 이상이어야 합니다. 이렇게 하면 키보드 사용자가 키보드로 이동할 수 있습니다.
  • 텍스트가 단추 또는 링크로 사용되는 경우 포커스 표시기를 명확하게 표시해야 합니다. 이 작업을 수행하려면 FocusedBorderColorFocusedBorderThickness 를 사용합니다.