Power Apps의 레이블 컨트롤

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

설명

레이블은 사용자가 지정한 데이터를 사용자가 입력한 대로 정확히 나타나는 텍스트의 리터럴 문자열, 또는 텍스트의 문자열로 평가되는 수식으로 표시합니다. 레이블은 다른 컨트롤(예: 등급 또는 오디오 컨트롤)을 식별하는 레이블로 다른 컨트롤(예: 화면을 식별하는 배너) 외부 또는 항목에 대한 특정 유형 정보를 표시하기 위해 갤러리에 나타나는 경우가 많습니다.

주요 속성

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

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

Font – 텍스트가 표시되는 글꼴의 제품군 이름입니다.

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

DelayOutput – 텍스트를 입력하는 동안 작업을 지연하려면 true로 설정합니다.

추가 속성

Align - 컨트롤의 가로 가운데를 기준으로 한 텍스트의 위치입니다.

AutoHeightText 속성에 컨트롤이 한번에 표시할 수 있는 것보다 더 많은 문자가 포함된 경우 레이블이 Height 속성을 자동으로 높일지 여부를 선택합니다.

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

BorderStyle – 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.

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

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.

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

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

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

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

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

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

FontWeight - 컨트롤의 텍스트 굵기입니다. Bold, Semibold, Normal 또는 Lighter입니다.

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 테두리 색입니다.

HoverColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 텍스트 색입니다.

HoverFill – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 배경색입니다.

Italic - 컨트롤의 텍스트를 기울임꼴로 설정할지 여부를 선택합니다.

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

Live – 화면 판독기가 화면에서 레이블 Text 속성의 값 변경을 알리는 방법입니다.

  • Off로 설정하면 화면 판독기는 변경 사항을 알리지 않습니다.
  • Polite로 설정하면 화면 판독기는 말하는 동안 발생한 변경 사항을 알리기 전에 말하기를 마칩니다.
  • Assertive로 설정하면 화면 판독기는 말하는 동안 발생한 변경 사항을 알립니다.

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

OverflowWrap 속성이 true로 설정되고, 컨트롤에서 한 번에 표시할 수 있는 것보다 더 많은 문자가 해당 컨트롤의 Text 속성 값에 포함된 경우 스크롤 막대를 레이블에 표시할지 여부입니다.

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

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

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

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

PressedBorderColor – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 테두리 색입니다.

PressedColor – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 텍스트 색입니다.

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

Role - 제목 1과 같은 레이블 텍스트의 의미적 역할입니다. 레이블의 스타일을 변경하지 않지만 화면 판독기의 해석을 위해 출력을 의미있게 만듭니다.

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

Strikethrough - 컨트롤에 표시되는 텍스트 중앙에 선을 표시할지 여부를 선택합니다.

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

Tooltip – 사용자가 컨트롤을 마우스로 가리킬 때 나타나는 설명 텍스트입니다.

Underline – 컨트롤에 표시되는 텍스트 아래에 선을 표시할지 여부를 선택합니다.

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

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.

Wrap – 텍스트를 여러 줄로 줄 바꿈해야 하는지 여부입니다.

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 창에서 맨 위 목록을 Population로, 중간 목록을 City로, 맨 아래 목록을 Country로 설정합니다.

접근성 지침

레이블 컨트롤은 그 이름과 달리 다른 컨트롤의 레이블로 사용하지 않아도 되며, 텍스트의 일부를 표시하는 데 사용할 수 있습니다.

LabelOnSelect 동작을 지정하여 단추 또는 링크로 사용할 수 있습니다. 이 방법을 사용하는 경우에는 단추와 유사한 접근성 고려 사항이 있습니다.

색 대비

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

스크린 리더 지원

  • Text 가 있어야 합니다.

  • 화면 판독기가 Text 속성의 값 변경을 알리려면 LivePolite 또는 Assertive로 설정해야 합니다.

    참고

    화면 판독기는 TabIndex 가 0 이상이면 Label을 단추로 처리합니다.

저시력 사용자 지원

  • Label은 링크로 사용되는 경우 링크처럼 표시되어야 합니다.

키보드 지원

  • 텍스트가 단추 또는 링크로 사용되는 경우 TabIndex 는 0 이상이어야 합니다. 이 경우 키보드 사용자가 이미지로 이동할 수 있습니다.
  • 텍스트가 단추 또는 링크로 사용되는 경우 포커스 표시기는 명확하게 표시되어야 합니다. FocusedBorderColorFocusedBorderThickness 를 사용하여 이를 달성합니다.

참고

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

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