.NET MAUI Element Maskeleme

Merhabalar,

.NET MAUI ile elementler üzerinde maskeleme işlemleri için güzel yenilikler gediğini duyurmuştuk. Bu yazımda ufak bir örnek ile giriş yapacağız ve Image üzerine Ellipse kullanarak görseli nasıl değiştirebileceğimize bakacağız.

<Image Source="moon.png"
				   WidthRequest="250">
			</Image>
	<Grid>
				<Label Text="Moon"
					   Margin="80"
					   TextColor="Black"/>
				<Image Source="moon.png"
					   WidthRequest="250">
					<Image.Clip>
						<EllipseGeometry RadiusX="180"
										 RadiusY="80"
										 Center="180,180" />
					</Image.Clip>
				</Image>
			</Grid>

Image.Clip altında EllipseGeometry kullanımı ile bu şekilde görüntüler oluşturabiliyoruz.

Yiğit

Xamarin Developer, Consultant & Architect. Community Leader and Director of Xamarin Türkiye

Post A Reply