Posts Tagged Under: xamarintr

İleri XAML Tasarımlar Bölüm 1 [StackLayout ve RelativeLayout]

Merhaba,

Xamarin ile uygulamalarımızı geliştirirken, ekran tasarımları ve cihazlara özel ekran boyutları geliştiricileri biraz korkutmakta. Xamarin’in bize bu konuda sağladığı yapılar ile güzel ve esnek tasarımlar yapıp, cihazlara özel ekran boyutlarını ve kullanım tercihleri olan dikey ve yatay kullanımları kolayca kontrol edebiliyoruz.

Xamarin bize 4 farklı ekran yapısı sunmakta bunlar;

StackLayout : Yatay veya dikey olarak tek boyutlu bir yapıdır. İçerisine eklenen kontrollerin(Button, Label, Entry gibi.) margin ve padding gibi değerlerini kolayca ayarlayabilirsiniz. StackLayout diğer ekran yapılarına göre kullanımı en kolay olan yapıdır.

RelativeLayout : Herhangi bir ekran boyutundan bağımsız olarak Constraints, Parent ve ParentView ilişkisi ile kontrollerinizi konumlandırabileceğiniz bir yapıdır. Kullanım yapısı ile StackLayout ve AbsoluteLayout kullanımlarından biraz daha karışıktır.

AbsoluteLayout : Sayfa üzerindeki kontrolleri birbirinden bağımsız olarak sayfa’nın x ve y değerine göre (sayfa koordinatlarına göre) konumlandırabileceğiniz bir yapıdır. Projenizde x ve y koordinatlarına göre tasarım yapacaksanız

Devamı


Xamarin Forms ListView ile SearchBar Kullanımı

Merhaba,

Önceki makalemizde ListView kullanımı ile ilgili hemen hemen tüm ayrıntıları inceledik fakat başka kontroller ile ListView etkileşimini detaylı olarak bu makalede incelemeye çalışacağız.

Senaryomuzu güncelleyelim;

Xamarin.Forms SearchBar kontrolü ile ListView içerisindeki oyuncuların FullName özelliklerine göre anlık arama yapabilme.

Tüm olayları ve senaryoyu kavrayabilmek adına önceki makalemizi okumanızı tavsiye ediyorum.

Devamı



MasterPage, Menu, DetailPage yapımı XAML Detayları ve MVVM Data Binding

Merhaba,

Bugün Xamarin Forms kullanarak MasterPage, DetailPage ve Menu yapımını MVVM pattern kullanarak gerçekleştireceğiz.

Bu örneğimizdeki asıl amacımız XAML kullanarak menu işlemlerimizi esnek ve güzel bir şekilde yapabilmek.

Xamarin Portable Class Library

Her zaman olduğu gibi.. en zor işlem olan Proje açma kısmı ile başlıyoruz..

Ben PCL bir proje tercih ettim, siz isterseniz shared proje tipini seçebilirsiniz.

Devamı



Xamarin.Forms Elementleri

Xamarin.Forms Controls; cross-platform native çıktı üretebilen destekli güçlü bir UI Toolikit’tir.
Android, iOS ve Windows Phone ortamları için ortak bilgi kullanıcı arayüzü kodlamanızı sağlar. Portable Class Library ya da Shared Project içerisinde kullanabilirsiniz.

Devamı


Xamarin Custom Renderer

Xamarin Custom Renderer

Bugün, Xamarin geliştiricilerin en çok ihtiyaç duyduğu fakat zorlandığını düşündüğüm bir konu olan “Custom Renderer” bölümünü incelemeye çalışacağız.

Aslında ne kadar kolay olduğunu ve kontrollerimizi cihazdan cihaza nasıl native olarak farklılıklaştırabileceğimizi göreceğiz.

Xamarin bu konuyu “Customizin Controls on Each Platform” başlığı altında inceliyor.

İlk önce “Custom Renderer” tanımı ile konumuza giriş yapalım.

Devamı


Shared Projects vs PCL (Portable Class Libraries)

Xamarin Platformu ile Cross-Platform uygulama geliştirmeye başladığınızda karşınıza çıkacak ilk sorudur: Shared Project vs PCL (Portable Class Libraries).

Shared Projects

Shared Asset Project türü ile cross-platform uygulama geliştirme size özel koşullarda #if direktifleri kullandırarak, ihtiyaç duyulan noktalarda platform’a özel (yönelik) kod blokları ilave etmenizi sağlayacaktır. Daha önce kullanmamış olanlar için Visual Studio içerisindeki bu özel proje türüne mutlaka bakması faydalı olacaktır.
Shared Proje kullanımı ortak kod kullanımı için uygulaması en kolay yöntemdir.

Not: Visual Studio 2013 Update 2 ve üzeri versiyonlarda çalıştırılabilmektedir.

Devamı



Xamarin.Forms – Farklı ekran büyüklükleri ile çalışmak [Android+iOS] (Bölüm 1+2)

Uygulamaların farklı ekran büyüklüklerini destekleyebilmesi, geliştirime süreçlerinde yazılımcıların en fazla efor harcadığı konulardandır.

Android

Geliştirmeye başlamadan önce öğrenmemiz gereken kavramlar;

–        Screen Size: Small, Normal(Medium) , Large, ExtraLarge
Çapraz olarak ekran büyüklüğünü ifade eden kavramdır.

–        Screen Density: (dpi – Dots Per Inch) Low, Medium, High, ExtraHigh, ExtraExtraHigh, ExtraExtraExtraHigh
Ekranda belirli bir alana düşen piksel sayısıdır.

–        Orientation: (Screen’s Aspect Ratio) Ekranın yatay/dikey durumunu açıklamakla birlikte, temelde, ekranın en-boy oranını temsil eder. Bu oran Wide veya Tall olarak ifade edilir

–        Resolution: Cihaz ekranındaki toplam piksel sayısıdır (640 x 480 gibi). Sanıldığının aksine farklı ebatlar ile ilgili UI kodlaması yapılırken direkt olarak etkisi olan bir konu değildir. Uygulama geliştirilirken aslında “Screen Size” ve “ Screen Density” konularını etkin olarak kullanmalısınız.

–        Density-Independent Piksel: (dp) Sanal bir piksel birimidir. MultiScreen UI

Devamı