Android Dersleri #1 - Merhaba Dünya!

Merhabalar!

Bu dersimizde ilk projemizi kodluyoruz.
Giriş dersimizde proje oluşturmayı öğrenmiştik. Yeni projemizin görünümü görseldeki gibi olması gerekiyor.

Not: Görselleri büyütmek ve görsel üzerindeki dinamik yorumları görmek için sağ üstteki önizleme butonlarına tıklayabilirsiniz.

Android Studio genel görünüm.

Android Studio layout görünümü.

Görseller üzerideki dinamik yorumlara bakarak genel bir bilgi edinebilirsiniz. Bununla alakalı daha detaylı sorularınızı yorum bölümünde belirtebilirsiniz.

"Merhaba Dünya!"

Artık sıra geldi Merhaba Dünya! yazısını ekranda yazdırmaya. Tabii önce TextView bileşeni içindeki Hello World! yazısını düzenlememiz gerekiyor. Bunu yapmanın iki yolu var.

• 1. yöntem: activity_main.xml altındaki text tabına tıklayıp; TextView altındaki android:text="Hello World!" satırını düzenlemek.
• 2. yöntem: activity_main.xml altındaki design tabına tıkladıktan sonra textView bileşenine tıklayıp sağ taraftaki bileşen özelliklerinden text kutusu içindeki Hello World! yazısını düzenlemek.

iki yöntem de kullanışlıdır ancak xml yapısını anlamak için 1. yöntem daha iyi olacaktır. Hem ilerleyen zamanlarda projelerimizi dizayn ederken çoğunlukla xml yöntemini kullanacağız, şimdiden alışmakta yarar var.

activity_main.xml yapısı şu şekilde:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

    <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Merhaba Dünya!"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>
                                    

MainActivity.kt yapısı ise böyle olmalı:

package com.emreakcadag.androiddersleri1merhabadunya
//1. satır her uygulamanın kendine özgü package adını içerir. Kopyala yapıştır yaparken dikkat ediniz.

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

class MainActivity : AppCompatActivity() {

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

Kodları düzenledikten sonra sağ üstteki Run butonuna basıyoruz. Ardından Create new virtual device butonuna tıklayıp yeni bir sanal cihaz oluşturmamız gerekiyor.

Açılan iste içerisinden istediğiniz bir modeli(ben nexus 5 kullanıyorum) seçip ileri butonuna tıklıyoruz. Ardından Pie, Oreo veya Nougat yanındaki download butonlarına tıklayarak istenilen android versiyonunu indirip finish diyebiliriz.
Gerekli indirmeler bittikten sonra tekrar Run butonuna tıklayıp, az önce oluşturduğumuz sanal cihazı seçip ilk uygulamamızı görebiliriz.

İlk çalışma biraz uzun sürecektir, tamamlanıp cihaz açıldıktan sonra görseldeki gibi bir ekran bizi karşılayacak.

İlk projemizi bu şekilde tamamlamış olduk. Sorularınız vardır mutlaka, yorum bölümünde aklınıza takılanları sorabilirsiniz. Bir sonraki derste görüşmek üzere!