다음을 통해 공유


Power Apps의 색 및 테두리 속성

개요

사용자가 컨트롤과 상호 작용하는 방식에 따라 컨트롤의 스타일을 구성합니다.

다음과 같은 여러 가지 방법으로 색을 지정할 수 있습니다.

  • 열거형: 다음 예제와 같이 계단식 스타일시트에서 색 이름을 지정합니다.

    • 색상.빨간색
    • 색상.인디고
  • ColorValue 함수: 다음 예제와 같이 계단식 스타일시트 및 16진수 코드 표기법(#)의 색 이름과 같은 텍스트 문자열을 지정합니다.

    • ColorValue( "AliceBlue" )
    • 색상값( "#ff00ff" )
  • ColorFade 함수: 이 예제와 같이 색이 완전히 검은색(-100%)에서 완전히 흰색(100%)까지 색이 얼마나 희미해졌는지 지정합니다.

    • ColorFade( Color.Red, 50% )
  • RGBA 함수: 0에서 255까지 색의 빨강, 녹색 및 파란색 구성 요소를 지정하고 다음 예제와 같이 0개%(완전 투명)에서 100개의%(완전히 불투명)까지 알파 채널을 지정합니다.

    • RGBA( 255, 0, 255, 25% )

색 속성은 다른 색 속성을 참조할 수도 있습니다. 예를 들어 Label.PressedColor는Label1.Color 수식으로 설정되어 변경 내용이 한 속성에서 다른 속성으로 자동으로 연계될 수 있습니다.

정상

이러한 속성은 사용자가 컨트롤과 상호 작용하지 않을 때 일반적으로 적용됩니다.

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

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

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

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

그림자 - 컨트롤 주위에 그림자 효과를 추가합니다.

채우기 – 컨트롤의 배경색입니다.

집중

이러한 속성은 컨트롤에 포커스가 있을 때 적용됩니다.

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

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

Disabled

이러한 속성은 컨트롤을 사용하지 않도록 설정하면 적용됩니다. DisplayMode 속성이 Disabled로 설정된 경우 컨트롤을 사용하지 않도록 설정할 수 있습니다.

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

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

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

호버

이러한 속성은 사용자가 마우스로 컨트롤을 마우스로 가리키면 적용됩니다.

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

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

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

누름

이러한 속성은 단추 또는 이미지 컨트롤을 누를 때 적용됩니다.

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

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

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

Selection

이러한 속성은 사용자가 컨트롤에서 항목을 선택할 때 적용됩니다.

SelectionColor – 목록에서 선택한 항목 또는 항목의 텍스트 색 또는 펜 컨트롤의 선택 도구 색입니다.

SelectionFill – 목록에서 선택한 항목 또는 펜 컨트롤의 선택한 영역의 배경색입니다.

색 순서

컨트롤은 여러 상태에 있을 수 있습니다. 예: 포커스가 있고 마우스로 가리킵니다. 다음 순서대로 하나의 색만 사용됩니다.

  1. Disabled
  2. 누름
  3. 호버
  4. 포커스
  5. 정상