Xamarin, Serverless ve .Net Core Konuştuk
Xamarin Türkiye 2. Yıl Etkinliği
Xamarin Türkiye’nin İkinci Mezunları
Meetup – .Net Core ve Xamarin Dependency Injection, Xamarin Resilient...
Meetup – Xamarin.Form 3.0, UrhoSharp, SkiaSharp ve C# Yenilikleri
Xamarin Türkiye’nin İlk Mezunları
Meetup – Xamarin ile SignalR, Effect örnekleri ve Forms üzerinde...
Xamarin Forms ile Local Storage Kullanımı [Bölüm 1]

Posts Tagged Under: xaml design

İleri XAML Tasarımlar Bölüm 3 [AbsoluteLayout]

Merhaba,

Bu makalemizde Xamarin.Forms AbsoluteLayout yapısını inceleyeceğiz.

ABSOLUTE LAYOUT

İçerisine eklenen kontrolün kendi boyutları ile orantılı olarak veya kesin değerler vererek (WidthRequest/HeightRequest), ekran üzerinde konumlandırmanızı ve boyutlandırmanızı sağlar.

Not :  RelativeLayout gibi ekran üzerindeki koordinatları kullanır (x,y)

Not : AbsoluteLayout ile RelativeLayout arasındaki temel fark;
AbsoluteLayout x, y (koordinatları), width ve height özelliklerini ekran üzerinden alır, yani sadece parent ilişkisi vardır ve tamamen bir parentview ilişkisi yoktur. Fakat Flag yardımı ile konumlandırma ve boyutlandırmayı farklılaştırabilirsiniz.

Devamı

İleri XAML Tasarımlar Bölüm 2 [Grid]

Merhaba,

Bu makalemizde Xamarin.Forms Grid yapısını inceleyeceğiz.

Grid hemen hemen tüm UI katmanı olan dillerde bulunan ve sıkça kullanılan bir yapı.
Windows Desktop, WebForm ve daha sonraları ASP.NET MVC uygulamaları geliştirirken aslında bu yapıyı hep kullandık ve incelememiz bittiğinde “ben bu yapıyı zaten biliyormuşum!” diyeceğinizden eminim 🙂

Tabii ki saydığımız platformlarda Grid’i kullanırken platform spesifik durumlar vardı ve Grid’i kullanmak için bunları öğrenmemiz gerekiyordu. Tahmin edeceğiniz gibi Xamarin.Forms için de bu durumlar mevcut. Aslında “platform spesifik” olarak adlandırdığımız durum, sadece kullanılan platform özelinde yazım/kullanım tarzlarından başka bir şey olmadığını göreceğiz. (SPOILER! bu grid bir harika dostum!)

Devamı

İ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ı

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ı