728x90
728x170
■ Border 엘리먼트를 사용해 제목을 장식하는 방법을 보여준다.
▶ MainPage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
<ContentPage.Resources>
<LinearGradientBrush x:Key="BorderBackgroundLinearGradientBrushKey"
EndPoint="0,1">
<GradientStop Offset="0.1" Color="DarkGreen" />
<GradientStop Offset="1.0" Color="LightGreen" />
</LinearGradientBrush>
<Shadow x:Key="BorderShadowKey"
Offset="10,10"
Radius="20"
Opacity="1">
<Shadow.Brush>
<LinearGradientBrush>
<GradientStop Offset="0.1" Color="LightGray" />
<GradientStop Offset="1.0" Color="Gray" />
</LinearGradientBrush>
</Shadow.Brush>
</Shadow>
<Shadow x:Key="LabelShadowKey"
Offset="10,10"
Radius="10"
Opacity="1">
<Shadow.Brush>
<LinearGradientBrush>
<GradientStop Offset="0.1" Color="Black" />
<GradientStop Offset="1.0" Color="Gray" />
</LinearGradientBrush>
</Shadow.Brush>
</Shadow>
</ContentPage.Resources>
<StackLayout
HorizontalOptions="Center"
VerticalOptions="Center"
Spacing="10">
<Grid Margin="10">
<Border
StrokeThickness="0"
Background="{StaticResource BorderBackgroundLinearGradientBrushKey}"
Shadow="{StaticResource BorderShadowKey}">
<Border.StrokeShape>
<RoundRectangle CornerRadius="0,50,0,50" />
</Border.StrokeShape>
</Border>
<Label
HorizontalOptions="Center"
VerticalOptions="Center"
Padding="10"
Shadow="{StaticResource LabelShadowKey}"
FontSize="30"
FontAttributes="Bold"
TextColor="White"
Text="MAUI" />
</Grid>
<Grid Margin="10">
<Border
StrokeThickness="0"
Background="{StaticResource BorderBackgroundLinearGradientBrushKey}"
Shadow="{StaticResource BorderShadowKey}">
<Border.StrokeShape>
<RoundRectangle CornerRadius="0,0,50,50" />
</Border.StrokeShape>
</Border>
<Label
HorizontalOptions="Center"
VerticalOptions="Center"
Padding="10"
Shadow="{StaticResource LabelShadowKey}"
FontSize="30"
FontAttributes="Bold"
TextColor="White"
Text="MAUI" />
</Grid>
<Grid Margin="10">
<Border
StrokeThickness="0"
Background="{StaticResource BorderBackgroundLinearGradientBrushKey}"
Shadow="{StaticResource BorderShadowKey}">
<Border.StrokeShape>
<RoundRectangle CornerRadius="50,50,50,50" />
</Border.StrokeShape>
</Border>
<Label
HorizontalOptions="Center"
VerticalOptions="Center"
Padding="10"
Shadow="{StaticResource LabelShadowKey}"
FontSize="30"
FontAttributes="Bold"
TextColor="White"
Text="MAUI" />
</Grid>
</StackLayout>
</ContentPage>
728x90
그리드형(광고전용)
'C# > MAUI' 카테고리의 다른 글
[C#/MAUI/.NET6] IMTAdmob 인터페이스 : 애드몹(AdMob) 전면 광고 사용하기 (0) | 2022.08.21 |
---|---|
[C#/MAUI/.NET6] MTAdView 엘리먼트 : 애드몹(AdMob) 배너 광고 사용하기 (0) | 2022.08.21 |
[C#/MAUI/.NET6] 누겟 설치 : Plugin.MauiMTAdmob (0) | 2022.08.21 |
[C#/MAUI/.NET6] CameraBarcodeReaderView 엘리먼트 : 바코드/QR 코드 캡처하기 (0) | 2022.08.21 |
[C#/MAUI/.NET6] 누겟 설치 : ZXing.Net.Maui (0) | 2022.08.21 |
[C#/MAUI/.NET6] Label 엘리먼트 : Shadow 속성 사용하기 (0) | 2022.08.21 |
[C#/MAUI/.NET6] EnumToBoolConverter 클래스 : 열거형 값 → 진리 값 변환자 사용하기 (0) | 2022.08.01 |
[C#/MAUI/.NET6] Popup 엘리먼트 : 팝업 표시하기 (0) | 2022.08.01 |
[C#/MAUI/.NET6] DrawingView 클래스 : DrawingLine 객체를 생성해 선 추가하기 (0) | 2022.07.31 |
[C#/MAUI/.NET6] DrawingView 클래스 : GetImageStream 메소드를 사용해 이미지 구하기 (0) | 2022.07.31 |