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 )
예
라디오 컨트롤을 추가하고 이름을 Pricing으로 지정한 후, Items 속성을 다음 수식으로 설정합니다.
["Standard", "Premium"]
컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?
레이블 컨트롤을 추가하고 라디오 컨트롤 아래로 이동한 다음 레이블 컨트롤의 Text 속성을 다음 수식으로 설정합니다.
If("Premium" in Pricing.Selected.Value, "$200 per day", "$150 per day")
Alt 키를 누른 채로 라디오 컨트롤에서 옵션 중 하나를 선택합니다.
레이블 컨트롤이 선택에 적합한 텍스트를 표시합니다.
(선택 사항) Alt 키를 누른 채로 다른 옵션을 선택하여 적합한 텍스트가 표시되는지 확인합니다.
접근성 지침
색 대비
표준 색 대비 요구 사항 외에도 다음 사이에 적절한 색 대비를 확인합니다.
- RadioSelectionFill 및 RadioBackgroundFill
- RadioBackgroundFill 및 Fill
스크린 리더 지원
키보드 지원
- 키보드 사용자가 탐색할 수 있도록 TabIndex 속성을 0 이상으로 설정합니다.
- 집중 지표가 명확하게 표시되도록 FocusedBorderColor 및 FocusedBorderThickness 속성을 설정합니다.
참고
귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)
이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).