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 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 |