Android Academy · Ders

Düzenler ve Görünümler

XML düzenleriyle kullanıcı arayüzleri tasarlayın. ConstraintLayout, LinearLayout ve TextView, Button, ImageView ve EditText gibi yaygın görünümleri kullanın.

3. ders / 711 adım

Düzenler ve Görünümler, CoddyKit'te ücretsiz bir Android Academy dersidir. Bu, 7 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Android Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Android Academy kursu toplamda 7 dersten oluşur.

XML ile kullanıcı arayüzü oluşturma

Android kullanıcı arayüzleri, res/layout/ konumunda depolanan XML düzen dosyalarında tanımlanır. Düzen, ekranınızın yapısını ve görünümünü; hangi görünümlerin gösterileceğini ve nerede yer alacağını açıklar.

Kotlin kodunuz daha sonra bu düzeni şişirir ve çalışma zamanında görünümlerle etkileşime girer.

Yaygın Görünüm Türleri

En sık kullanılan View widget'ları:

TextView — metin görüntüler
EditText — metin giriş alanı
Button — tıklanabilir düğme
ImageView — görsel görüntüler
CheckBox — açma/kapatma seçeneği
Switch — açma/kapatma anahtarı (Material)

ConstraintLayout

ConstraintLayout, çoğu ekran için önerilen düzendir. Görünümleri, kısıtlamaları kullanarak birbirlerine veya üst öğeye göre konumlandırmanıza olanak tanır; bunu bağlantı noktalarını birbirine bağlamak gibi düşünebilirsiniz.

Düz hiyerarşi — iç içe düzenler gerekmez
Esnek — her ekran boyutunu destekler
Yeni Android Studio projelerinde varsayılan olarak kullanılır

ConstraintLayout XML

ConstraintLayout içinde ekranın ortasına hizalanmış bir TextView:

<!-- res/layout/activity_main.xml -->
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello Android!"
        android:textSize="24sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

LinearLayout

LinearLayout, görünümleri tek bir satır veya sütun halinde düzenler:

android:orientation="vertical" — görünümleri yukarıdan aşağıya sıralar
android:orientation="horizontal" — görünümleri yan yana düzenler
android:layout_weight — kalan alanı orantılı olarak dağıtır

Basit ve öngörülebilirdir; ancak derin iç içe yerleşimlerden kaçının.

Temel Düzen Öznitelikleri

Her View şu temel özniteliklere sahiptir:

layout_width / layout_height: match_parent, wrap_content veya sabit bir dp değeri
id: görünüme Kotlin içinden başvurmak için kullanılır
margin: görünümün dışındaki boşluk
padding: görünümün içindeki boşluk

Boyutlar için dp (yoğunluktan bağımsız pikseller), metin boyutları için sp kullanın.

ScrollView

İçerik ekrandan daha uzunsa onu bir ScrollView içine yerleştirin:

Yalnızca bir doğrudan alt öğe içerebilir (genellikle bir LinearLayout)
Varsayılan olarak dikey kaydırma sağlar
Yatay kaydırma için HorizontalScrollView kullanın

Uzun ve dinamik listeler için bunun yerine RecyclerView kullanın; daha verimlidir.

Kodda Görünümleri Bulma

Kotlin kodunuzdaki görünümlere erişmenin iki yolu vardır:

findViewById(R.id.tvTitle) — klasik yöntem; görünümü ID'sine göre döndürür
ViewBinding — modern yaklaşım: XML'den bir binding sınıfı oluşturur ve tüm görünümlere tür güvenli erişim sağlar

ViewBinding kesinlikle tercih edilir; bunu bir sonraki derste öğreneceksiniz.

findViewById Kullanımı

onCreate içinden görünümlere erişin ve onları değiştirin:

import android.os.Bundle
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val tvTitle = findViewById<TextView>(R.id.tvTitle)
        tvTitle.text = "Welcome!"
        tvTitle.textSize = 20f
    }
}

Hızlı Kontrol

Android düzenlerinde metin boyutu için hangi birimi kullanmalısınız?

İnteraktif derste cevapla

Özet: Düzenler ve Görünümler

Artık Android ekranları tasarlayabilirsiniz:

Kullanıcı arayüzleri, res/layout/ içindeki XML düzen dosyalarında tanımlanır
Yaygın görünümler: TextView, EditText, Button, ImageView
ConstraintLayout — esnek, düz ve önerilen düzen
LinearLayout — basit satır/sütun düzeni
Boyutlar için dp, metin için sp kullanın
Kotlin'de görünümlere findViewById ile erişin

Sıradaki konu: kullanıcı girişini işleyerek kullanıcı arayüzünüzü etkileşimli hâle getirmek.

Başlamak ücretsiz

Yapay zeka eğitmeniyle Kotlin öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 36
Dersler: 152

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular

“Düzenler ve Görünümler” dersi ücretsiz mi?

Evet — “Düzenler ve Görünümler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Android Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Android Academy kursu toplamda 7 dersten oluşur.

“Düzenler ve Görünümler” dersinde ne öğreneceğim?

XML düzenleriyle kullanıcı arayüzleri tasarlayın. ConstraintLayout, LinearLayout ve TextView, Button, ImageView ve EditText gibi yaygın görünümleri kullanın. Android Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Android Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Android Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 7 dersinin 3. dersidir.

“Düzenler ve Görünümler” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Android Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Android Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Android Academy Sayfasına Dön