Biraz kod kısmına geçme zamanı geldi. Önümüzde birkaç soru ve yönlendirme olacak şekilde bir çizelge hazırlayıp tamamını çözümleyerek Android Studio üzerinden bir örnek giriş sayfası anlatacağım.
Çizelge :
1.Adım
1.1 Bir giriş ekranı (EmptyActivity) açıp iki adet EditText, bir adet Button ekleyeceğiz.
1.2 EditTextlerin biri "password" için diğeri "login name" için olacak.
1.3 EditTextlerin içerisine "hint" kullanarak ekstra TextView kullanmak yerine "ad-soyad" "şifre" yazacağız.
2.Adım
2.1 Giriş ekranında herhangi bir EditText boş ise bunu Toast mesajı vererek engelleyeceğiz.
2.2 Bu adımı 4.adımdan sonra yapacağız.
3.Adım
3.1 Bir arkaplan resmi için "drawable" klasörüne resim ekleyeceğiz.
3.2 Ardından ilgili ekranların "layout" kısmından "ActivityMain" kısımlarına "background" ekleyeceğz.
4. Adım
4.1 İkinci sayfamızı kurmak için yeni bir ActivityMain -> EmptyActivity -> Activity 2 yaratacağız.
4.2 4 Adet TextView yaratıp 1. ve 2.sini "Login" ekranından gelen verilerle birleştirecek Java kodlarını MainActivity ve Activity 2 java classına yazacağız.
Ardından kodumuzu Build'leyip apk oluşturacağız. Öncesinde Emulator'de test edeceğiz tabii...
Hadi başlayalım..
1.Adım
1.1 Bu adımı hızlıca yaptığınızı varsayıyorum, lakin EditTextlerden birinin "PlainText" diğerinin ise "Password (numeric)" yapısıyla ekleneceğini unutmayalım.
Bu kısmın adım adım resimleri şöyle:
1.2 İçerideki "hint" metodu ile yazı için yapmamız gereken iki EditText için string oluşturmamız gerekiyor.
Stringleri oluşturmak için sırasıyla app -> res -> values -> string.xml yoluyla string.xml dosyasını açıyoruz.
Eklememiz gereken stringler;
<string name="adsoyad">Ad - Soyad Yazınız</string>
<string name="sifre">Şifre Giriniz</string>1.3 Stringleri kullanmak istediğimiz "layout" sayfasına (ActivityMain.xml gibi) gidip istediğimiz EditText'in içerisine yazıp çağırıyoruz.
android:hint="@string/sifre"
android:hint="@string/adsoyad"
2.Adım
"Çizelgedeki 2.adımı 4.adımdan itibaren yapacağımız için bu adımda "background" işlemini anlatacağım."
2.1 Arkaplan için hazırlanan bir resmi (genişliği yüksekliğinin yarısından biraz daha fazla olan bir resim olması görüntünün kötü çıkmasını engelleyecektir) bilgisayarımıza indirip ardından projemizin bulunduğu klasörü bulup içindeki app -> src -> main -> res -> drawable kısmına taşıyoruz. Bu işlemin ardından Android Studio içerisindeki aynı uzantıda resmimiz görünür hale gelecektir.
2.2 Arkaplanına eklemek istediğiniz ActivityMain.xml dosyasını açıp bu resmi çağırıp arkaplan yapacak kodu yazıyoruz.
android:background="@drawable/resminadi"
3.Adım
3.1 Şimdi sıra butona tıklayınca açılacak diğer sayfamızı açmakta. Öncelikle yeni bir Empty Activity açıyoruz.
3.2 İsmini "Activity2" koyduktan sonra res -> layout -> activity_2.xml yoluyla 2.sayfamızın ActivityMain sayfasını açıp "RelativeLayout" ve arkaplanını ikinci ekran için de ekleyelim.
3.3 Ardından ikinci ekran için TextView'larımızı eklememiz gerekiyor. İlk 2 TextView için id belirlerken TextView1 ve TextView2 yazmayı unutmayın. EditText'lerden gelen veriler direkt findViewById() fonksiyonu yardımıyla buraya aktarılacak!
3.4 Artık giriş ekranımızdaki EditText'lerden girilen bilgileri 2.ekranımıza taşıma vakti geldi. Öncelikle java -> MainActivity.java classımızı açıyoruz.
EditText'lerimizi ve giriş Button'umuzu tanımlıyoruz. Ardından onCreate'in içerisine resimdeki gibi kodlarımızı yazıyoruz. Bu kod ekran nesnesine ulaşmamızı sağlayan,daha sonra çağırmamızı sağlayan koddur.
3.5 Butonumuza tıklandığında ikinci sayfaya geçişini sağlayacak ve EditText'lerden alınan girdileri diğer sayfaya aktaracak bir fonksiyon oluşturmamız gerekiyor. Bunun için alt kısma geçip bir public void goActivity2() fonksiyonu açıp içerisine Intent ile veri aktarımını ve bu veriyle diğer ekrana geçişini sağlayan kodu yazmamız gerekiyor.
İlk olarak göndereceğimiz Text ve Number'ı iletmek için getText() ve toString() fonksiyonlarını kullanacağız. Lakin numara işlemi bir string değil integer olduğu için parseInt() fonksiyonunu kullanmamız gerektiğini unutmayalım.
Bir Intent tanıtıp gideceği Activiy2.class'ı parametre olarak belirtiyoruz.
Ardından EXTRA_TEXT ve EXTRA NUMBER'ı tanımlamamız gerekiyor.Tabii intent.putExtra'nın içerisine. Ardından startActivity() fonksiyonun içerisine intent yazıp tüm fonksiyonu tamamlamış oluyoruz.
EXTRA_TEXT ve EXTRA_NUMBER için statik bir kütüphane çağrısına ihtiyacımız var onun için de şu koda ihtiyacımız var.
3.6 goActivity2() fonksiyonunu yerleştirmek için onCreate fonksiyonunun içerisine bir button.setOnClickListener() fonksiyonu açıyoruz. Ardından goActivity2() fonksiyonumu yerleştiriyoruz.
3.7 Şimdi ikinci ekranımızdan verileri alacak kod için java -> Activity2 classımızı açıyoruz. TextView'larımızı findViewById() fonksiyonu ile tanımlıyoruz.
3.8 Ardından artık 2.ekranımıza get,set ve intent yardımı ile verilerimizi alacak kodumuzu yazıyoruz. Intent tanımlarken direkt gelen intent fonksiyonunu tanımlıyoruz. Ardından TextView'ların içerisine yazılacak bir string text ve int number tanımlıyoruz. Lakin bu text ve int gelen veriler olacağı için getIntExtra() ve getStringExtra() fonksiyonlarını kullanmalıyız. getIntExtra için başlangıç değerini sıfır yapmamız gerektiğini unutmayalım. Son olarak ilk tanımladığımız textView1 ve textView2'yi setText() fonksiyonu yardımıyla eşleştirerek veri aktarımını tamamlamış oluyoruz. Tamamlanınca karşımıza şöyle güzel bir görüntü çıkacak;
4.Adım
Ve yüzdük yüzdük kuyruğuna geldik. Çizelgede belirttiğim gibi şuan Toast mesajını ve son sayfa ilişkisini halledeceğiz. Toast çok basit bir if -else kullanımından sonra hallolmuş olacak.
4.1 MainActivity java classımıza geldiğimizde orada önceden açtığımız button.setOnClickListener() fonksiyonumuzu göreceğiz. Daha öncesinde tanımladığımız editText1 ve editText2 için length yani karakter uzunluğunun olup olmadığını sorgulayıp eğer kullanıcı bir giriş yapmadıysa setError() fonksiyonu ile uyarı verecek ve giriş beklenecek. Bunu iki editText için de blok açıp yazdıktan sonra else ile Toast kodumuzu yazıp ardından goActivity2() fonksiyonumuzu ekleyeceğiz.
4.2 Ve son olarak iki activity arasındaki kodumuz. AndroidManifest.xml'i açıp bu iki arkadaşımızın aile olduğunu belirten kodumuzu yerleştirelim.
Arkaplan resmini,textView,EditText ve Button tasarımlarının tamamını siz zaten kafanıza göre halledersiniz.. Sormak istediğin bir şey olursa ekranın sağ tarafındaki iletişim kutusundan bana ulaşabilirsin,beraber sorup beraber çözeriz! Hoşçakalın :)
