"Enter"a basıp içeriğe geçin

Android Studio Örnek Uygulamamız İçin Arayüz Tasarımı Yapma Ders #2

Merhabalar, bu yazıda veri eklemenin temel işlemlerinden olan EditText üzerinden alınan verileri veritabanına kaydetmek için bir arayüz oluşturacağız. Veritabanı ile ilgili bir işlemimiz olmayacak. Bu yazıda sadece veri eklemeye uygun arayüzü tasarlayacağız. Veritabanı işlemleri için aşağıdaki bağlantıya gidebilirsiniz.

Android Studio Veritabanı İçin Sınıf Ve Ayarlar Ders #1

Tasarıma gelip öncelikle bir tane buton ve ad, soyad almak için ise 2 tane EditText ekleyelim. Kolay tasarım yapmak için ConstraintLayot olan kısmı LinearLayout olarak değiştirelim.

Böylelikle eklediğimiz tüm elemanlar otomatik olarak seçeceğimiz yöne doğru sıralı olarak eklenecektir. Alt alta eklemek için Vertical, yan yana eklemek için ise Horizontal kullanacağız. Biz alt alta eklemek istediğimiz için Vertical değerini LinearLayout altına tanımlayalım.

android:orientation="vertical"

Tasarım elemanlarını hızlı hızlı eklemek için Component Tree penceresini kullanarak sırayla textview, plaintext, textview, plaintext ve butonu ekleyerek tasarımı tamamlayalım.

Ögeleri ekledik. Tasarıma baktığımız zaman bütün nesnelerin kenarlarda durarak görselliği bozduğunu görüyoruz. Köşelerden uzaklaştırmak için padding değeri vereceğiz. Bu değer ile bütün nesneleri köşelerden uzaklaştıracağız.

android:padding="15dp"

TextView nesnelerinin Text yazılarını değiştirip sırasıyla Ad ve Soyad yapalım.

android:text="Ad"

EditText nesnelerinin Text özelliklerini silip yerine Hint ekleyelim. Böylelikle kutuların içindeki yazılar alıştığımız gibi soluk görünecek.

android:hint="Ad"

Button nesnesinin Text özelliğine ise Kaydet yazıp bitirelim. Son görünümümüz şöyle olacak:

Örnek uygulamamız için görsel arayüz bu kadar. Okuduğunuz için teşekkürler  😎

activity_main.xml içerisindeki tüm kodlar:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:padding="15dp" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Ad"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPersonName"
        android:hint="Ad" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Soyad" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPersonName"
        android:hint="Soyad" />

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Kaydet" />

</LinearLayout>
Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

%d blogcu bunu beğendi: