.NET MAUI Layouts ve Controls Rehberi


.NET MAUI Layouts ve Controls Rehberi

.NET MAUI (Multi-platform App UI), çapraz platform modern uygulamalar geliştirmek için Microsoft tarafından sunulan güçlü bir framework’tür. MAUI sayesinde tek bir kod tabanıyla Android, iOS, macOS ve Windows üzerinde çalışan, performanslı ve estetik uygulamalar geliştirebilirsiniz. Bu rehberde, .NET MAUI layouts ve controls kavramlarına derinlemesine değinecek, uygulama arayüzlerinin nasıl yapılandırıldığını örneklerle açıklayacağız.

.NET MAUI Layouts Nedir?

MAUI layouts, kullanıcı arayüzünü düzenleyerek birden fazla kontrol ya da bileşenin ekranda nasıl konumlanacağını yönetir. Layout bileşenleri; Grid, StackLayout, FlexLayout ve AbsoluteLayout gibi farklı düzen yönetimlerini sağlar. Örneğin, bir StackLayout içerisinde dikey veya yatay olarak nesneleri kolayca sıralayabilirsiniz. Grid ise tablo tipi karmaşık tasarımlarınızda olmazsa olmazdır.

StackLayout Kullanımı

<StackLayout Orientation="Vertical" Spacing="10">
    <Label Text="Hoşgeldiniz!" FontSize="24"/>
    <Button Text="Tıklayın"/ >
</StackLayout>

Buradaki StackLayout, bütün kontrol ve içerikleri üst üste veya yan yana dizmenize olanak tanır. Özellikle basit ekran düzenleri için idealdir.

.NET MAUI Controls Kullanımı

MAUI controls, uygulamanızda etkileşim alanı yaratan veya veri gösteren tekrar kullanılabilir bileşenlerdir. Button, Entry, Label, Image ve CollectionView en sık kullanılan MAUI controls arasındadır. Her bir kontrol, farklı özellikler ve stillerle özelleştirilebilir.

Button ve Entry Kontrolleri Örneği

<StackLayout Orientation="Vertical" Spacing="8">
    <Entry x:Name="adTextBox" Placeholder="Adınızı girin..." />
    <Button Text="Gönder" Clicked="OnGonderClicked" />
</StackLayout>

Bu örnekte kullanıcı adı girişini ve butona tıklandığında tetiklenecek bir olayı tanımladık. Kod tarafında ise C# ile Clicked eventi yakalanabilir:

private void OnGonderClicked(object sender, EventArgs e)
{
    DisplayAlert("Başarılı", $"Merhaba {adTextBox.Text}!", "Kapat");
}

Sonuç: MAUI Layouts ve Controls ile Modern Arayüzler

.NET MAUI layouts ve controls kullanarak, hızlı ve esnek bir şekilde platformlar arası uygulama arayüzleri oluşturabilirsiniz. StackLayout, Grid gibi layout yapıları ile ekranı organize ederken; Button, Entry, Label gibi controls ile kullanıcı deneyimini zenginleştirebilirsiniz. Doğru layout ve control kombinasyonları ile kullanıcı dostu, performanslı ve estetik uygulamalar geliştirmeniz mümkündür. .NET MAUI’de layouts ve controls dünyasına hakim olarak, projelerinizde daha iyi sonuçlar elde edebilirsiniz.