KeiStory

.NET MAUI 그림자(Shadow) 넣기

 

MAUI 의 컨트롤에는 거의 그림자(Shadow) 속성을 가지고 있습니다.

이를 이용하면 버튼이나 라벨에 그림자 효과를 줄 수 있습니다.

아래는 Label 을 이용한 방법의 예시입니다.

<Label
    FontAttributes="Bold"
    FontSize="30"
    HorizontalOptions="Center"
    HorizontalTextAlignment="Center"
    Text="MAUI"
    TextColor="Black"
    VerticalOptions="Center"
    VerticalTextAlignment="Center">
    <Label.Shadow>
        <Shadow
            Opacity="1"
            Radius="10"
            Offset="10,10">
            <Shadow.Brush>
                <LinearGradientBrush>
                    <GradientStop Offset="0.1" Color="Black" />
                    <GradientStop Offset="1.0" Color="Gray" />
                </LinearGradientBrush>
            </Shadow.Brush>
        </Shadow>
    </Label.Shadow>
</Label>

Radius 는 그림자의 선명도를 의미하고 Offset 은 그림자의 위치로 거리를 얼마나 떨어뜨릴지를 의미합니다.

결과

 

Button 또한 Label 과 동일하게 사용이 가능합니다.

<Button Text="MAUI">
    <Button.Shadow>
        <Shadow
            Opacity="1"
            Radius="10"
            Offset="10,10">
            <Shadow.Brush>
                <LinearGradientBrush>
                    <GradientStop Offset="0.1" Color="Black" />
                    <GradientStop Offset="1.0" Color="Gray" />
                </LinearGradientBrush>
            </Shadow.Brush>
        </Shadow>
    </Button.Shadow>
</Button>

결과

반응형

'코딩 > .NET MAUI' 카테고리의 다른 글

.NET MAUI SearchBar  (0) 2024.05.06
.NET MAUI PancakeView  (0) 2024.05.06
.NET MAUI XAML Styler 이용해 XAML 가독성 높이기  (0) 2024.05.06
.NET MAUI Lottie 적용하기  (0) 2024.05.06
.NET MAUI CommunityToolkit.Mvvm 사용하기 - 추가  (0) 2024.05.04

공유하기

facebook twitter kakaoTalk kakaostory naver band