"Enter"a basıp içeriğe geçin

Xamarin.Forms- Netflix

Merhabalar, Bugün Xamarin.Forms kullanarak Netflix’in mobil uygulama tasarımını yapmaya çalışacağım. Netflix günümüzde en çok kullanılan uygulamalardan biridir ve bence gayet şık bir ekran tasarımına sahip. Xamarin.Forms sayesinde yaptığım tasarımı hem iOS hemde android’de kolayca çalıştırabileceğim.

İlk olarak bir Xamarin.Forms projesi açıyorum ve toplamda 4 adet ekran oluşturmaya çalışacağım.İlk ekran netflix’i yüklediğimiz de karşımıza çıkan tanıtım ekranı bunun için CarouselView nuget package’ı yüklüyorum. Daha sonra ekran görüntülerini bu carousel view içerinsinde göstermeye çalışıyorum.

Tanıtım sayfasını yaptıktan sonra karşımıza giriş ekranı geliyor. Giriş ekranındaki  entry’ler için Xamarin.Forms Material Design ile entry’i benzer hale getirmeye çalışıyorum. Giriş ekranında 2 adet entry ve 2 adet buton var. Bunları ekledikten ve düzenledikten sonra giriş ekranımızda tamamlanıyor.

Giriş yaptıktan sonra gayet basit bir ekran olan kullanıcı seçme ekranımıza geliyor. Bu ekranda gerekli resimleri ve label’ları koyduktan sonra bu sayfadaki işimizde kolayca halloluyor.

Son olarak Ana Sayfa ekranı kaldı. Netflix’in ana sayfa ekranına baktığımız zaman ilk olarak bir film veya dizi tanımı karşımıza çıkıyor ve altlarında kategorilere ayrılmış film veya diziler bulunmakta, bunlara bakarak bende tasarımı oluşturmaya çalışıyorum. Kategorilere ayrılmış filmleri yapmak için Collection View’ı yatay ayarlayarak yaptım. Ana sayfa ekranını da rahat bir şekilde yapmış oldum.

Projeye buradan ulaşabilirsiniz. Projenin ekran görüntüsü;

Soru ve görüşlerinizi e-mail veya yorum olarak belirtebilirsiniz.

 

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir