Android Düzen Tasarım Eğitimi: Bilmeniz Gereken Her Şey

Bu Android Yerleşim Tasarımı Eğitimi, bir demo içeren görünümler ve görünüm grupları kullanılarak yerleşimlerin nasıl tasarlanabileceğini anlamanıza yardımcı olacaktır.

Eğer yeniyseniz , düzen tasarımı hakkında bilgi edinmeye başlamak için mükemmel bir yere geldiniz. Android düzen tasarımı öğreticisiyle ilgili bu makale, size yardımcı olacakDaha iyi bir kullanıcı arayüzü tasarımı yapmak için bazı yararlı ipuçları ve ayrıca bir kullanıcı arayüzünün nasıl tasarlanacağını açıklar.



Aşağıdaki konuları tartışacağım:



Öyleyse başlayalım!

python'da dizeler nasıl tersine çevrilir

Android Düzen Tasarımı Eğitimi: Kullanıcı Arabirimi bileşenlerine giriş

UI bileşenlerinden bahsedersek, herhangi bir Android uygulamasının tipik UI'si şu bileşenlerden oluşur:



  • Ana Eylem Çubuğu
  • Kontrolü Görüntüle
  • İçerik alanı
  • Eylem Çubuğunu Böl

Karmaşık bir uygulama geliştirirken bunlar önemli bir rol oynar. Bu makalenin demo bölümüne geldiğimizde bunu net bir şekilde göreceksiniz.

UI tasarımının özelleştirilmesine yardımcı olan bir diğer önemli faktör, görünüm bileşeni olacaktır.

Bakalım bir Görünüm nedir



Android Düzen Tasarım Eğitimi: Görüntüleme

KİME Görünüm gerçekte bir kullanıcı arabirimi için temel yapı taşı olarak kabul edilir. Sınıfı görüntüle . Bu, ekranda dikdörtgen bir alanı kaplar ve sonunda çizim ve olayın ele alınmasıyla ilgilenir.

Görünüm, düğmeler, metin alanları, vb. Gibi etkileşimli kullanıcı arabirimi bileşenleri oluşturmak için kullanılan widget'lar için temel sınıftır. Şimdi dikdörtgen alan veya bir kutudan bahsederken, bir görüntü, bir metin parçası, bir düğme veya bir android uygulamasının görüntüleyebileceği herhangi bir şey. Buradaki dikdörtgen aslında görünmezdir, ancak her görünüm bir dikdörtgen şeklindedir.

Bir sorunuz olabilir, bu dikdörtgenin boyutu ne olabilir?

Cevap, tam boyutu (uygun birimlerle) belirleyerek veya önceden tanımlanmış bazı değerleri kullanarak manuel olarak ayarlayabilmenizdir. Bu önceden tanımlanmış değerler match_parent ve wrap_content. Bu match_parent cihazın ekranında mevcut olan tüm alanı kaplayacağını belirtir. Buna karşılık, wrap_content yalnızca içeriğinin görüntülenmesi için gerektiği kadar yer kaplayacağını belirtir.

Şimdi, View ve ViewGroup arasındaki temel farklara işaret edelim.

Görünüm

  1. Görünüm nesneler, Android'deki UI öğelerinin temel yapı taşlarıdır.
  2. Görünüm, kullanıcının eylemlerine yanıt veren basit bir dikdörtgen kutudur.
  3. Görünüm, tüm UI sınıflarının temel sınıfı olan android.view.View sınıfını ifade eder.
  4. Örnekler EditText, Button, CheckBox vb.

Grubu Görüntüle

  1. Grubu Görüntüle View ve ViewGroup'u tutan görünmez kaptır.
  2. ViewGroup, Düzenler .
  3. Örneğin, LinearLayout, Button (View) ve diğer Layouts'u içeren ViewGroup'dur.

Şimdi devam edelim ve mevcut Düzenleri anlayalım.

Android Düzen Tasarım Eğitimi: Düzen Türleri

KİME Yerleşim Uygulamadaki bir Kullanıcı Arayüzünün yapısını tanımlar. Düzendeki tüm öğeler bir hiyerarşi kullanılarak oluşturulmuştur Görünüm ve Grubu Görüntüle nesneler.

Şimdi düzeni nasıl açıklayacağımızı görelim.

Bir düzeni iki şekilde bildirebilirsiniz:

  • UI öğelerini XML olarak bildirin. Android, widget'lar ve düzenler gibi View sınıflarına ve alt sınıflarına karşılık gelen basit bir XML sözlüğü sağlar.

Not: Sürükle ve bırak arayüzü kullanarak XML düzeninizi oluşturmak için Android Studio’nun Düzen Düzenleyicisini de kullanabilirsiniz.

  • Düzen öğelerini şurada örnekleyin: Çalışma süresi . Uygulama oluşturabilir Görünüm ve Grubu Görüntüle nesneleri programlayın ve özelliklerini programlı olarak değiştirin.

Farklı Düzen türlerini tartışalım.

Android'deki kullanıcı arayüzü, Görünümler ve Görünüm Gruplarının bir hiyerarşisidir. ViewGroups, hiyerarşideki ara düğümler olacak ve görünümler terminal düğümleri olacaktır.

  • Doğrusal düzen
  • Mutlak düzen
  • Göreli düzen
  • Tablo düzeni
  • Çerçeve düzeni

Bunları ayrıntılı olarak tartışalım.

Doğrusal düzen

Doğrusal düzen, her satıra bir öğe yerleştirmek için kullanılır. Böylece, tüm unsurlar düzenli bir şekilde yukarıdan aşağıya yerleştirilecektir. Bu, Android'de form oluşturmak için çok yaygın olarak kullanılan bir düzendir. Tüm çocukları tek bir yönde, dikey veya yatay olarak hizalayan bir görünüm grubu olarak da adlandırılabilir.

Mutlak düzen

Mutlak düzende, yerleştirmek istediğiniz her bir kontrolün tam koordinatlarını belirleyebilirsiniz. Bu tip düzende, her bir kontrolün tam X ve Y koordinatlarını verebilirsiniz. Çocuklarının tam yerini belirlemenizi sağlar.

Göreli düzen

Göreceli Bir Düzen bir Grubu Görüntüle çocuk görünümlerini göreceli konumlarda görüntüler. Senöğelerin konumunu diğer öğelerle ilişkili olarak veya ana kapla ilişkili olarak belirtebilir.

Tablo düzeni

Tablo düzenini kullanarak, satırlar ve sütunlar içeren bir tablo oluşturabilir ve bunların içine öğeler yerleştirebilirsiniz. Her satırda bir veya daha fazla öğe belirtebilirsiniz. Yeni bir tablo düzeni oluşturmak için bu komutu kullanabilirsiniz.

Çerçeve düzeni

Çerçeve düzeni, her ekranda bir öğe göstermek istediğinizde kullanılır. Çerçeve düzenini kullanarak birden çok öğeye sahip olabilirsiniz.Bu Çerçeve Düzeni, ekranda tek bir görünümü görüntülemek için kullanabileceğiniz bir yer tutucudur.

Android Düzen Tasarım Eğitimi: Ölçü birimleri

Bir Android kullanıcı arayüzünde bir öğenin boyutunu belirlerken aşağıdaki ölçü birimlerini kesinlikle hatırlamalısınız.

Birim Açıklama
dp Yoğunluktan Bağımsız Piksel. 1 dp bir piksele eşdeğerdir 160dpi ekran.
sp Bağımsız Piksel Ölçeklendirin. Bu, dp'ye çok benzer, ancak sadece yazı tipi boyutlarını belirlemek için tavsiye edilir.
pt Nokta. Bir nokta, bir inçin 1 / 72'si olarak tanımlanır.
pks Piksel. Ekrandaki gerçek piksellere karşılık gelir

Şimdi bu makalenin son konusuna geçelim.

Android Düzen Tasarım Eğitimi: Demo

Bu demo bölümünde, içinde düzenlerle nasıl çalışılacağını anlayalım. Android Studio .

Bakın Android Studio'ya.

Düzen böyle görünüyor. Sadece çekilebilir olanı seçin ve birkaç sınıf bulacaksınız, bu çekilebilir öğenin altında başka bir sınıf seçin. Ya pafta yapısını kodlayabilir ya da tasarımı görüntüleyebilir ve bileşenleri tasarım alanına sürükleyip bırakabilirsiniz.

Demo - Android Düzen Tasarım Eğitimi - Edureka

Bileşen ağacının altında seçtiğiniz bileşenleri görüntüleyebilirsiniz.

Bunları aynı zamanda düzende de bulabilirsiniz.

  1. Palet : Bu, düzeninize sürükleyebileceğiniz görünümlerin ve görünüm gruplarının listesini tutar.
  2. Bileşen Ağaç : Düzeniniz için Görünüm hiyerarşisinden oluşur.
  3. Araç çubuğu : Düzenleyicide pafta görünümünü yapılandırmak ve birkaç mizanpaj özelliğini değiştirmek için düğmeler.
  4. Tasarım editörü : Tasarım veya Taslak görünümünde Düzen veya her ikisi. Tasarım alanı olarak da kabul edilir.
  5. Öznitellikler : Seçilen görünümün niteliklerini kontrol eder.

Bununla birlikte, 'Android Layout Design Tutorial' konulu bu makalenin sonuna geldik. Umarım bu eğitimde sizinle nelerin paylaşıldığı konusunda netsiniz.Android Geliştirme kariyerinizde diğer bloglar ve İyi Şanslar için bizi izlemeye devam edin.

Artık Android Layout Design'ın temellerini anladığınıza göre, Dünya çapında 250.000'den fazla memnun öğrenciden oluşan bir ağa sahip güvenilir bir çevrimiçi öğrenme şirketi olan Edureka tarafından.

Edureka'nın Android Uygulama Geliştirme Sertifika Eğitimi kursu, Android Geliştiricisi olmak isteyen öğrenciler ve profesyoneller için tasarlanmıştır. Kurs, size Java programlamasına bir başlangıç ​​yapmak ve Android'de bir Uygulama oluşturmanız beklenen bir proje ile birlikte hem temel hem de gelişmiş kavramlar için sizi eğitmek için tasarlanmıştır.

Bizim için bir sorunuz mu var? Lütfen bu 'Android Yerleşim Tasarımı Eğitimi' blogunun yorumlar bölümünde bundan bahsedin, size en kısa sürede geri döneceğiz.