11---
22layout : post
3- title : Getting Started with Liquid Glass Effect UI in Syncfusion® .NET MAUI Controls
3+ title : Getting Started with Liquid Glass UI in Syncfusion® .NET MAUI Controls
44description : Getting started with the Liquid Glass Effect UI in Syncfusion® .NET MAUI controls and learn how to enable and customize it.
55platform : MAUI
66control : General
@@ -58,12 +58,12 @@ xmlns:button="clr-namespace:Syncfusion.Maui.Buttons;assembly=Syncfusion.Maui.But
5858 <core:SfGlassEffectView WidthRequest="64"
5959 HeightRequest="64"
6060 EffectType="Clear"
61- FontAttributes="SemiBold"
6261 CornerRadius="32">
6362 <core:SfAvatarView WidthRequest="64"
6463 HeightRequest="64"
6564 FontSize="24"
6665 CornerRadius="32"
66+ FontAttributes="Bold"
6767 AvatarName="SF"
6868 Background="Transparent"
6969 ContentType="Initials"
@@ -113,7 +113,7 @@ Defines the corner radius for the view, enabling customization of its shape such
113113 </LinearGradientBrush>
114114 </Grid.Background>
115115 <core:SfGlassEffectView EffectType="Clear"
116- CornerRadius="20 "
116+ CornerRadius="30 "
117117 EnableShadowEffect="true"
118118 Padding="16"
119119 HeightRequest="140"
@@ -123,12 +123,12 @@ Defines the corner radius for the view, enabling customization of its shape such
123123 <core:SfGlassEffectView WidthRequest="64"
124124 HeightRequest="64"
125125 EffectType="Clear"
126- FontAttributes="SemiBold"
127126 CornerRadius="32">
128127 <core:SfAvatarView WidthRequest="64"
129128 HeightRequest="64"
130129 FontSize="24"
131130 CornerRadius="32"
131+ FontAttributes="Bold"
132132 AvatarName="SF"
133133 Background="Transparent"
134134 ContentType="Initials"
@@ -188,12 +188,12 @@ Adds a soft shadow to the content within the glass view, creating depth and a mo
188188 <core:SfGlassEffectView WidthRequest="64"
189189 HeightRequest="64"
190190 EffectType="Clear"
191- FontAttributes="SemiBold"
192191 CornerRadius="32">
193192 <core:SfAvatarView WidthRequest="64"
194193 HeightRequest="64"
195194 FontSize="24"
196195 CornerRadius="32"
196+ FontAttributes="Bold"
197197 AvatarName="SF"
198198 Background="Transparent"
199199 ContentType="Initials"
@@ -254,12 +254,12 @@ readability.
254254 <core:SfGlassEffectView WidthRequest="64"
255255 HeightRequest="64"
256256 EffectType="Clear"
257- FontAttributes="SemiBold"
258257 CornerRadius="32">
259258 <core:SfAvatarView WidthRequest="64"
260259 HeightRequest="64"
261260 FontSize="24"
262261 CornerRadius="32"
262+ FontAttributes="Bold"
263263 AvatarName="SF"
264264 Background="Transparent"
265265 ContentType="Initials"
@@ -310,11 +310,15 @@ Enable glass effects that respond to user interactions with clear transparency a
310310 </Grid.Background>
311311 <core:SfGlassEffectView EffectType="Clear"
312312 CornerRadius="20"
313- Background="Orange"
314- Padding="16"
315313 HeightRequest="140"
316- WidthRequest="420">
317- </Grid>
314+ WidthRequest="380">
315+ <button:SfButton Text="Regular Glass"
316+ EnableLiquidGlassEffect="True"
317+ FontSize="16"
318+ WidthRequest="150"
319+ HeightRequest="40"
320+ Background="Transparent"
321+ TextColor="Black"/>
318322 </core:SfGlassEffectView>
319323</Grid >
320324
0 commit comments