Breaking News
Home / How To / Xamarin Programlama / How to Use CSS on Xamarin

How to Use CSS on Xamarin

Arkadaşlar merhaba , Xamarin de tasarımlar için CSS nasıl kullanırız Bununla ilgili olarak ufak örnekler göstereceğim.

Öncelikle Projemize bir klasör açalım çünkü css dosyalarımızı burada toplayacağız.

Klasörü açtıktan sonra aşağıdaki resimde olduğu gibi css dosyamızı ekleyelim.

Css te seçiçiler için bütün butonları seçmek için ya etiketin başına ^ (şapka) işareti yada direk etiketin adı yazılır. Örneğin :

button { background-color: red;
} ^button { background-color: red;
 }

Bu kodların ikiside button nesnelerini seçecektir ve arkaplanlarını kırmızı yapacaktır. Bir diğer seçim ise nesne adından yani x:Name ile verdiğimiz isimle seçmek Bunun içinde etiketin başına # koymamız gerekiyor.

#btnSave { background-color: lightcoral;
}

Bu kod ile x:Name olarak adını btnSave verdiğimiz buton etkilenecektir sadece. Bir diğer seçim ise class ismiyledir. Bunun için de başına nokta işareti koymamız gerekiyor.

.btnSave { background-color: lightcoral;
}

Bunu nesnede kullanırken StyleClass propertysine yazmamız yeterli olacaktır. Zaten birazdan örnektede göstereceğim.

Şimdi sıra geldi bu css doyasını projemize import etmeye.

Öncelikle iki şekilde import edebiliriz. 1. olarak direk content page içerisine 2. olarak App içerisine. Content page içerisine import etmemiz sadece o contentpage I kapsar. App içerisine import ettiğimizde tüm proje genelinde geçerli olacaktır.

İmport edebilmek için gerekli olan kod sadece resimdeki kadardır.

Şimdi örnek bir css oluşturalım ve kullanalım.

Bu resimde örnek bir css yazdım arkadaşlar. Tamda işlediğimiz bilgilere göre.


İlk css kodu bütün label ları etkiler. yani main kodları buraya yazın.
labelfont ise class seçicidir. labelsize ise Id seçicidir.

Resimde de gördüğünüz gibi css kodlarımız çalışıyor arkadaşlar.

Bir başka konuda görüşmek dileği ile.

About admin

Bir cevap yazın

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