Grafik bileşenler, kullanıcının sistemle etkileşime girmesini sağlayacak öğelere karşılık gelir, GUI hakkında konuştuğumuzda grafik kullanıcı arayüzlerini kastediyoruz, bu nedenle bu arayüzler düğmeler, menüler, simgeler, metin alanları gibi grafik öğeler aracılığıyla oluşturulur. etiketler vb. metin, diğerlerinin yanı sıra, bir GUI görsel tasarımı ve bu tasarımla ilişkili olayları birleştirir, bu nedenle bir düğme eklersek, bir kullanıcı tarafından basıldığında o düğmeyle ilişkili olayı programlamamız gerekir.
Bahsedildiği gibi, XML dosyalarından kullanılan grafiksel bileşenlere odaklanalım, yukarıda bahsedilen özelliklerden bazılarını görelim.
Temel özellikler.
Grafik bileşenlerinde kullanılan bazı temel özellikleri görelim, bunlar türünden bağımsız olarak herhangi bir bileşene uygulanabilir, çünkü bahsedildiği gibi tüm bileşenler Görünümlerdir, dolayısıyla aynı özellikleri paylaşırlar, en çok kullanılanlardan bazıları şunlardır:
android: kimlik.
Kontrol için bir tanımlayıcı tanımlamaya izin verdiği için çok önemli bir özellik, bu özellik herhangi bir görünüme atanır, örneğin bir veri giriş alanına atanırsa, bu, kullanıcı bilgilerini yakalamak için kullanılacaktır, bu nedenle ayırt edici bir ad kullanmalıyız. temiz.
Bir tanımlayıcı oluşturmanın doğru yolu aşağıdaki gibidir:
android:id="@+id/miTextField"
Sembol @+kimlik/ yeni bir tanımlayıcının üretildiği anlamına gelir, bu sınıfı yapacaktır R. projenin gen paketinden, daha sonra kod tarafından manipüle edilebilmesi için bu nesneye bir referans oluşturun.
Örnekte, tanımlayıcı "metin alanım” bileşen için.
android:layout_width.
Görünümle ilişkili genişliği tanımlar, zorunlu bir özelliktir ve değeri mutlak değerlerde veya aşağıdaki iki değerden biri belirtilerek tanımlanabilir:
-
sarma_içeriği (İçeriğine göre yer kaplar)
-
eşleştirme_ebeveyni (Kullanılabilir tüm alanı kaplar)
Örnek:
android:layout_width="match_parent"herhangiandroid:layout_width="290dp"
android:düzen_yüksekliği.
Görünümle ilişkili yüksekliği tanımlar, zorunlu bir özelliktir ve değeri mutlak değerler olarak veya aşağıdaki iki değerden birini belirterek tanımlanabilir:
-
sarma_içeriği (İçeriğine göre yer kaplar)
-
eşleştirme_ebeveyni (Kullanılabilir tüm alanı kaplar)
Örnek:
android:layout_height="wrap_content"herhangiandroid:layout_height="58dp"
android:layout_margin.
Bileşen için bir marj tanımlar, bağımsız boşluklar vermek istemeniz durumunda varyantlar olarak üstünde, altında ve yanlarında bir boşluk oluşturmaya izin verir, bu, marginLeft, marginRight, marginTop veya marginBottom (veya tümü) özellikleri kullanılarak yapılabilir.
Örnek: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: ipucu.
Bu özellik, kullanıcı henüz bilgi girmemişken metnin kontrolde bir yardım olarak görüntülenmesini sağlar. (text özelliğine göre tercih edilir)
Örnek: android:hint="Adını girin"
android:girişTürü.
Metin kutusu için ne tür bir girişe izin verileceğini belirler, bu bir tür veri doğrulamaya izin verir ve ayrıca işletim sistemine ne tür (sanal) klavye kullanacağını söyler.
Bu mülkle ilişkilendirebileceğimiz seçenekler arasında şunlar yer alır:
- Metin
- sayı
- doku
- metin şifresi
- telefon
- toplantı
- MetinEmailAdresi
İhtiyaca bağlı olarak kullanılabilecek birçok başka seçenek vardır.
Örnek: android:inputType="sayı" | android:inputType="textEmailAddress"
android:textSize.
Ekranda görüntülenecek metin için bir boyut tanımlar, metinler için sp'nin kullanıldığı yerlerde ölçü birimleri dikkate alınmalıdır.
Örnek: android:textSize="25sp"
android:styletext.
Metni normal, kalın, italik (veya her ikisi) olarak tanımlayabilmek için metin için bir stil tanımlar.
Örnek: android:textStyle="kalın" | android:textStyle="italik" | android:textStyle="kalın|italik"
android:metinRengi.
Metin için bir renk tanımlar, "renkler" özellikler dosyasından bir renk veya onaltılık bir değer ekleyebilir.
Örnek: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Bileşen için bir arka plan rengi tanımlar, rengi "renkler" özelliklerinden veya onaltılık bir değerden de alabilirsiniz.
Örnek: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:metin.
Görünümle ilişkili metin içeriğini tanımlar. Değeri doğrudan atanabilse de, kaynaklar klasöründe bulunan dizeler dosyasının kullanılması önemle tavsiye edilir.
Örnek: android:text="Bienvenidos" | android:text="@string/title"
Bu özellik, aygıtın arayüzünde metin görüntüleyen görünümlerde yaygındır. Aşağıdaki ekranda metinler için farklı değerlerin eklendiği strings.xml kaynak dosyası görülmektedir.
ve daha sonra görünümlerden bu değerlere ulaşılır
Önceki özellikleri temizledikten sonra, temel grafik bileşenlerinin neler olduğuna bakalım.
Düğme.
Bunlar bildiğimiz temel düğmelere karşılık gelir, yalnızca dahili metni ve tanımlanmış bir kenar boşluğu olan bir düğmeyi gösterir.
Düğme, basıldığında bir olayı beklemenin temel işlevini yerine getirecektir.
geçiş düğmesi
ToggleButton tipi, basılan veya basılmayan 2 olası durumda tutulabilen bir buton tipine karşılık gelir, bunun için sadece tek bir metin özelliği tanımlanmaz, aynı zamanda özellikleri kullanılarak o an sahip olduğu duruma bağlı olarak 2 android : textOn ve android:textOff.
Geleneksel düğmeler gibi, ToggleButton da tıklama olayına yanıt verecek şekilde programlanabilir, ancak muhtemelen hangi durumda olduğunu bilmeniz yeterlidir. Bu, basılan olayda true, aksi takdirde false değerini döndüren isChecked() yöntemine başvurarak yapılabilir.
işe gidip gelmek
Bu kontrol, ToggleButton'un çalışma şekline çok benzeyen ancak farklı bir görsel görünüme sahip bir anahtarı simüle edebilir.
Kullandığımız Android sürümüne bağlı olarak, bileşenlerimizin görsel görünümünün değişebileceğini unutmayın; bu durumda, Android 5.0 ve üzeri sürümler için Switch denetleyicisi şöyle görünür:
GörüntüDüğmesi
Bu tür bir düğme, her zamanki gibi bir metin yerine kullanıcıya gösterilmesi için bir görüntüyü ona bağlamanıza izin verir, bunun için görüntüyü /res/drawable klasörlerinden alıp android:src özelliğini kullanarak yükleyebiliriz, bu durumda doğrudan Android kaynaklarından bir resim kullanacağız.
Metin görünümü
Bunlar, kullanıcılara gösterilen temel metin etiketlerine karşılık gelir, bunlar diğer dillerde etiketler olarak bilinir ve android:text özelliğiyle ilişkili bir metnin görüntülenmesine izin verir, bu etiketlerin boyutlarını, arka planlarını değiştirmenize izin veren başka özellikleri vardır. renk, renk ve yazı tipi, stil vb.
metni düzenle
Android EditText görünümü, ASP ve C# Textbox veya JAVA JTextField'e eşdeğerdir, çalışma zamanında kullanıcı tarafından yazılan metnin yakalanmasını sağlayan bir kontroldür.
seçim kutusu
Onay kutusu kontrolü, bir uygulamadaki seçenekleri işaretlemek veya işaretini kaldırmak için kullanılır. Arabirimde tanımlamanın yolu ve kod tarafından işlenmesi için kullanılabilen özellikler, ToogleButton denetiminde yorumlananlara benzer.
Bu kontrol, TextView kontrolünden devralır, dolayısıyla bu kontrol için daha önce belirtilen tüm biçimlendirme seçenekleri, checkBox için de geçerlidir.
Uygulama kodunda, değerini döndüren isChecked() yöntemi aracılığıyla bu kontrolün seçili olup olmadığını kontrol edebilirsiniz. DOĞRU eğer seçilmişsen veya YANLIŞ aksi takdirde, kontrol için belirli bir durum ayarlamak üzere setChecked(value) yöntemini de kullanabilirsiniz; burada değer DOĞRU seçili için olurdu ve YANLIŞ tarafından seçilmemiştir.
Normalde bu kontrol için programlanan ve durumu her değiştiğinde (seçildiğinde / seçilmediğinde) yürütülen olay onCheckedChanged'dir.
Radyo düğmesi
CheckBox kontrolü gibi, RadioButton da belirli bir seçeneği işaretlemeye veya işaretini kaldırmaya hizmet eder, fark, yapmak istediğiniz seçim türündedir. RadioButton'lar normalde yalnızca birini seçebileceğiniz bir dizi seçenek tanımlamak için gruplar halinde kullanılır, yani her seçenek birbirini dışlar, bu nedenle bir seçeneği seçerken önceden seçilmiş olanın işareti otomatik olarak kaldırılacaktır. Bu gruplar, sırayla seçenekleri temsil eden tüm RadioButton öğelerini içerecek olan RadioGroup öğesi tarafından tanımlanır.
RadioGroups, içerdiği RadioButton'ların nasıl sıralanacağını belirlemek için android:orientation özelliğini "Dikey" veya "Yatay" olarak ayarlayabilir.
RadioButton, genişlik ve yüksekliğe ek olarak, temsil edilen seçeneğin metnini ilişkilendirmek için android:text özelliğini ve uygulamanın mantığından manipüle edilebilmesi için bir kodu kontrolle ilişkilendirmek için android:id'yi tanımlamalıdır.
Kontrolü uygulama mantığından değiştirmek için, aralarında check(giderdim) parametre olarak iletilen id ile tanımlanan radyo düğmesini seçili olarak ayarlamak için kullanılır, clearCheck() yöntemi gruptaki tüm radyo düğmelerinin işaretini kaldırmak için kullanılır ve getCheckedRadioButtonId() yöntemi id'yi almak için kullanılır seçilen grup içindeki radyo düğmesi veya hiçbir öğe seçilmediyse -1 değeri.
Bu kontrolün en önemli olayı, grubun bir elemanı seçildiğinde tetiklenen onCheckedChanged olayıdır (grubun bir elemanının seçilmesinin, diğerinin seçiminin kaldırıldığını gösterdiğini unutmayın).
İşte bu kadar, kurs boyunca kullanacağımız temel grafik bileşenlerinden bazıları bunlar, sonraki yazılarda diğer bileşenler veya düzenlerle devam edeceğiz.
Ayrıca ilginizi çekebilir.
Bu yazı hakkında eklemek veya yorum yapmak istediğiniz bir şey var mı? yapmaktan çekinmeyin….Ve eğer beğendiyseniz... Sizi paylaşmaya davet ediyorum. y Bunun gibi daha fazla gönderi duymak için "Bu siteye katıl" düğmesine tıklayarak abone olun 😉