Xamarin.Forms 브러시: 단색

  • 아티클

Download Sample 샘플 다운로드

클래스는 SolidColorBrush 클래스에서 Brush 파생되며 단색으로 영역을 그리는 데 사용됩니다. 의 색을 지정하는 방법에는 다양한 방법이 있습니다 SolidColorBrush. 예를 들어 값을 사용하거나 클래스에서 제공하는 미리 정의된 SolidColorBrush 개체 중 하나를 사용하여 색 Color 을 Brush 지정할 수 있습니다.

클래스는 SolidColorBrush 브러시의 Color 색을 나타내는 형식 Color의 속성을 정의합니다. 이 속성은 개체에 BindableProperty 의해 지원됩니다. 즉, 데이터 바인딩의 대상이 될 수 있으며 스타일이 지정됩니다.

SolidColorBrush 클래스에는 브러시에 IsEmpty 색이 할당되었는지 여부를 나타내는 메서드도 반환 bool 됩니다.

SolidColorBrush 만들기

를 만드는 세 가지 기본 기술이 있습니다SolidColorBrush. 에서 SolidColorBrushColor만들거나, 미리 정의된 브러시를 사용하거나, 사용 16진수 표기법을 만들 SolidColorBrush 수 있습니다.

미리 정의된 색 사용

Xamarin.Forms 에는 값에서 만드는 SolidColorBrush 형식 변환기가 포함되어 있습니다 Color . XAML에서 이렇게 하면 SolidColorBrush 미리 정의된 Color 값에서 만들 수 있습니다.

<Frame Background="DarkBlue"
       BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120" />

이 예제에서 배경 Frame 은 진한 파란색 SolidColorBrush으로 그려집니다.

Frame painted with a predefined Color

Color 또는 속성 태그 구문을 사용하여 값을 지정할 수 있습니다.

<Frame BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120">
       <Frame.Background>
           <SolidColorBrush Color="DarkBlue" />
       </Frame.Background>
</Frame>

이 예제에서는 속성을 설정 SolidColorBrush.Color 하여 색을 지정한 SolidColorBrush 배경 Frame 이 그려집니다.

미리 정의된 브러시 사용

클래스는 Brush 일반적으로 사용되는 SolidColorBrush 개체 집합을 정의합니다. 다음 예제에서는 이러한 미리 정의된 SolidColorBrush 개체 중 하나를 사용합니다.

<Frame Background="{x:Static Brush.Indigo}"
       BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120" />

해당하는 C# 코드는 다음과 같습니다.

Frame frame = new Frame
{
    Background = Brush.Indigo,
    BorderColor = Color.LightGray,
    // ...
};

이 예제에서 배경 Frame 은 인디고 SolidColorBrush로 그려집니다.

Frame painted with a predefined SolidColorBrush

클래스에서 제공하는 미리 정의된 SolidColorBrush 개체 목록은 단색 브러시를 Brush 참조 하세요.

16진수 표기법 사용

SolidColorBrush 개체는 16진수 표기법을 사용하여 만들 수도 있습니다. 이 방법을 사용하면 빨강, 녹색 및 파랑의 양으로 색을 지정하여 단일 색으로 결합합니다. 16진수 표기법을 사용하여 색을 지정하는 기본 형식은 #rrggbb다음과 같습니다.

  • rr 는 빨강의 상대적 양을 지정하는 2자리 16진수입니다.
  • gg 는 녹색의 상대적 양을 지정하는 2자리 16진수입니다.
  • bb 는 파란색의 상대적 양을 지정하는 2자리 16진수입니다.

또한 색의 알파 값 또는 투명도를 지정하는 위치 aa 로 #aarrggbb 색을 지정할 수 있습니다. 이 방법은 사용하면 부분적으로 투명한 색을 만들 수 있습니다.

다음 예제에서는 using 16진수 표기법의 SolidColorBrush 색 값을 설정합니다.

<Frame Background="#FF9988"
       BorderColor="LightGray"
       HasShadow="True"
       CornerRadius="12"
       HeightRequest="120"
       WidthRequest="120" />

이 예제에서 배경 Frame 은 연어 색으로 그려집니다.SolidColorBrush

Frame painted with a SolidColorBrush created using hexadecimal notation

색을 설명하는 다른 방법은 색Xamarin.Forms을 참조하세요.

단색 브러시

편의를 위해 클래스는 Brush 일반적으로 사용되는 SolidColorBrush 개체 집합(예: AliceBlue 및 YellowGreen.)을 제공합니다. 다음 이미지는 미리 정의된 각 브러시의 색, 해당 이름 및 16진수 값을 보여줍니다.

Color table including a color swatch, color name, and hexadecimal value