Askerden döndükten sonra baktım ki Maui üzerinde baya bir geliştirmeler yapılmış bende hemen beğendiğim bir tasarımı Maui üzerinde kodlamaya başladım:p

Tasarımı koda dökmeye başlamadan önce tasarımı kafamdan parçalara bölmeye başlıyorum ki ilerde Row,Column‘ların birbirine karışmasını engelliyorum.
Eğer sizde bir tasarımı koda dökecekseniz önceden kafanızda böyle parçalarsanız ilerleyen aşamalarda sorun yaşamazsınız 🙂

1) Fontların yüklenmesi

* RobotoFontFamily proje üzerinde ki kullanılan ana fontumuz,
* MaterialDesignIcons ise projemizde ki iconları göstereceğimiz font.

Fontlarımızı Resources > Fonts klasörüne attıktan sonra MauiProgram.cs içine tanımlamarı yapıyoruz.

Font yüklememiz bu kadar basit. Şimdi sıra geldi tasarımda ki parçacıkları teker teker oluşturmaya 🙂

Üşengeç arkadaşlarımız için Github üzerinden projeyi indirip, istediği değişikliği yapabilir ve düzenleyebilirler. 🙂

Kaynak Kodu & Full Source

♏️ .NET MAUI Nedir?

Maui, aslında Xamarin’in yerine geçecek olan, Xamarin’in evrimleşmiş halidir. Peki nasıl bir yenilikler bizi bekliyor?

• Bu evrimin en güzel yanlarından birisi, tek bir kod tabanından tek bir projeye sahip olmasıdır. Eskisi gibi artık İOS ve Android için farklı katmanlar yok! 3 katman 1’e iniyor.

• MVVM’nin yanı sıra Maui, Elm Mimarisi olarak da bilinen yeni ve heyecan verici MVU (Model-View-Update) tasarım desenini de destekleyecek ve Blazor desteğini alacak.

• Yeni gelecek .NET CLI desteği ile basit bir komutla projeyi bir anda başlatılmasını sağlayabileceğiz. Artık dakikalarca beklemekte yok 😉

• Xamarin geliştiricilerinin en önemli araçlarından biri olan Xamarin.Essentials artık nuget paketi veya eklenti olarak değil, Maui projesi içinde System.Device olarak dahil olacak.

🕵🏻 .NET MAUI yeniliklerine bir göz atalım..

.

♻️ Maui’nin yeni proje yapısı;

• Renderers uygulamasında basitleştirilmiş mimari.
• Animasyon geliştirmeleri.
• UI özelleştirmesi için daha fazla ve daha iyi araçlar.

📲 Peki Xamarin.Forms projelerinde bir sorun yaşanacak mı?

Tabiki hayır. Maui, Xamarin.Forms ile geliştirdiğimiz projelerde herhangi bir sıkıntı yaratmayacak.
Kasım 2021’de gelecek olan güncelleme ile sıkıntısız devam edebileceğiz.

*Ayrıca MVVM veya MVU kullanımı tamamen opsiyonel olup, isteyen istediği dizaynı projesinde kullanabilecektir.

🚧 .NET MAUI Yol Haritası

• 2020 sonu : Önizleme 1
• 2021 başı : Önizleme 2 ve Önizleme 3
• 2021 ortası : Önizleme 4 ve Önizleme 5
• Eylül 2021 : İlk sürüm denemeleri
• Kasım 2021 : Genel kullanıma sunulması.

👁‍🗨 Blazor nedir ve faydaları nelerdir?

Blazor sistemi; size xaml yapılarının içinde javascript yazarmışcasına kodunuza direk müdahale etme şansı sağlıyor diyebiliriz. Konuyu açmak adına şöyle bir örnek veriyorum; Bir mobil uygulamamız var ve butona tıkladığında ekrandaki sayacın artmasını istiyoruz.. bunun için ilk önce xaml kodunu çıkarmanız gerekiyor daha sonra MVVM’den Command veya Clicked verdiğiniz noktaya gidip sayacı arttıracak kodlarımızı yazmanız gerekiyor. Fakat Blazor ile javascript yazarmışcasına buton nesnemize OnClick verip bir kaç alt satırda butonun iş kodunu yazabiliyoruz.

Blazor frameworkünü daha çok javascript yazmakla uğraşmak istemiyorum, javascriptide c# ile yazıp geçeyim diyen arkadaşların bildiği bir frameworktür kullanımı Xamarin’de de aynıdır.

*Blazor&Mobile konusunda kafanızda daha kalıcı birşey oluşmasını istiyorsanız sağ tarafta ki bulunan videoyu izlemenizi şiddetle tavsiye ediyorum.

Peki siz bu yeni Maui hakkında ne düşünüyorsunuz?
Yorumlarınızı ve düşüncelerinizi yorum olarak belirtebilirsiniz 🙂

Kaynak/References;
• https://www.telerik.com/blogs/time-to-evolve-net-multi-platform-app-ui-maui
• https://marcofolio.net/xamarin-maui/
• https://gunnarpeipman.com/dotnet-maui-announced/