Power Apps의 라디오 컨트롤

  • 아티클

사용자가 한 번에 하나만을 선택할 수 있는 여러 옵션을 보여주는 입력 컨트롤입니다.

설명

표준 HTML 입력 컨트롤인 라디오 컨트롤은 몇 가지 상호 배타적인 옵션과 함께 사용되는 것이 가장 적합합니다.

컨트롤에는 가로 또는 세로 레이아웃이 있을 수 있습니다.

주요 속성

Default – 사용자가 변경하기 전에 컨트롤의 값입니다.

Items – 갤러리, 목록 또는 차트 등의 컨트롤에서 나타나는 데이터 원본입니다.

Layout – 옵션이 가로 또는 세로로 레이아웃되었는지입니다.

Value – 입력 컨트롤의 값입니다.

Selected – 선택한 항목을 나타내는 데이터 레코드입니다.

모든 속성

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

OnChange – 사용자가 컨트롤의 값을 변경할 때(예: 슬라이더 조절) 수행할 작업입니다.

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

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

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

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

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

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

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

RadioBackgroundFill – 라디오 단추 컨트롤에서 원의 배경색입니다.

RadioBorderColor - 라디오 단추 컨트롤에서 각 옵션의 원 색입니다.

RadioSelectionFill – 라디오 단추 컨트롤에서 선택된 원 안에 표시되는 색입니다.

RadioSize – 라디오 단추 컨트롤에서 원의 직경입니다.

Reset – 컨트롤을 기본값으로 되돌릴지 여부를 선택합니다.

SelectedText (Deprecated) – 선택한 항목을 나타내는 문자열 값입니다.

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

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

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

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

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

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

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

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

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

Distinct( DataSource, ColumnName )

예

  1. 라디오 컨트롤을 추가하고 이름을 Pricing으로 지정한 후, Items 속성을 다음 수식으로 설정합니다.

    ["Standard", "Premium"]

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?

  2. 레이블 컨트롤을 추가하고 라디오 컨트롤 아래로 이동한 다음 레이블 컨트롤의 Text 속성을 다음 수식으로 설정합니다.

    If("Premium" in Pricing.Selected.Value, "$200 per day", "$150 per day")

    If 함수 또는 다른 함수에 대해 더 알고 싶으신가요?

  3. Alt 키를 누른 채로 라디오 컨트롤에서 옵션 중 하나를 선택합니다.

    레이블 컨트롤이 선택에 적합한 텍스트를 표시합니다.

  4. (선택 사항) Alt 키를 누른 채로 다른 옵션을 선택하여 적합한 텍스트가 표시되는지 확인합니다.

접근성 지침

색 대비

표준 색 대비 요구 사항 외에도 다음 사이에 적절한 색 대비를 확인합니다.

  • RadioSelectionFill 및 RadioBackgroundFill
  • RadioBackgroundFill 및 Fill

스크린 리더 지원

  • 모든 옵션에 Value 이 있는지 확인합니다.
  • 제목으로 사용할 라디오 컨트롤 바로 앞에 레이블 을 추가하는 것이 좋습니다.

키보드 지원

참고

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

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