Aybars Arslan

Console.WriteLine("Hello World");

Android07 – Arayüz Dizayn

Merhaba arkadaşlar bu yazımızda android arayüz dizaynı hakkında bilgi vermeye ve basit bir sign-in arayüzü yapmaya çalışacağım.

Öncelikle yeni bir uygulama oluşturuyoruz. Temel adımları geçtikten sonra aşağıdaki ekran ile karşılaştığımızda Add No Activity seçeneğini seçiyoruz. Bu bize boş bir uygulama ile kodlamaya başlamamızı sağlıyor. Bunu activity ekleme hakkında bir kaç bilgi vermek istediğim için yapıyoruz.

7android01

Aşağıda görüldüğü gibi java klasörümüzün altında hiç bir .java uzantılı classımız bulunmamakta.

7android02

Şimdi yine aşağıdaki görüldüğü gibi bir blank activity uygulamamıza ekliyoruz.7android03

Görüldüğü gibi activity hakkında bazı bilgiler bizden istenmekte;

Bunlar;

Activity Name : Oluşturulacak olan .java uzantılı classımızın adı.

Layout Name : Oluşturulacak olan ekranımızın ismi ( Layout ), .xml uzantılı dosyamız.

Title : Activitymizin başlığı.

Launcher Activity : Launcher Activity ise uygulamamız çalışmaya başlarken açılacak olan ilk activiyi temsil etmekte. Biz bu seçeneği check ederek, uygulama açıldığında ilk olarak MainActivity Activitymiz çalışsın demiş oluyoruz.7android04

Finish diyerek Activitymizi oluşturduktan sonra app -> manifest altında activiymizin oluşturulduğuna dikkat edelim. Her activitymizi manifest yani uygulamamızın yönetici müdürüne eklememiz zorunda olduğumuz unutmayalım.

        <activity
            android:name=".MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
               <action android:name="android.intent.action.MAIN"/>

               <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

Sonrasında ise activity_main.xml dosyamıza tıklayarak, design kısmında sürükle bırak ile aşağıdaki ekranı oluşturuyoruz.
Ekran için Plattede bulunan bir large text, bir e-mail text fields, bir password text fields ve bir adet button kullanıyoruz.

7android05

EditTextlerimizin witdhlerini android:width=”320dp” ile ayarlıyoruz. Android için bilgisayarlar ile karşılaştırdığımızda küçük ekranlar ile çalışacağımız için boyut birimi olarak DP kullanıyoruz.

Buton ve LargeText elemanlarımızında textlerini Sign In ve Log İn olarak xml dosyamızdan değiştiriyoruz fakat aşağıda belirttiğimiz uyarıları alıyoruz.

7android06

Bunları gidermek ve uygulamamızın daha stabil kodlanması için android bizi uyarıyor. Lütfen bizim sizin için android uygulama hiyerarşisinde belirttiğimiz string klasörünün altında bulunan string.xml klasörünün altına stringlerinizi ekleyin ve böylece uygulamanız için kullanılacak stringlerin yönetinimini kolaylaştırın.

7android07

 

Large Text ve Butonumuza Aşağıdaki satırları ekliyerek stringleri string.xml dosyamızdan çekmesini sağlıyoruz.

android:text="@string/SignInTitle"
android:text="@string/LogInString"

String.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Dizayn</string>
    <string name="title_activity_main">MainActivity</string>
    <string name="hello_world">Hello world!</string>
    <string name="action_settings">Settings</string>
    <string name="SignInTitle">Sign In</string>
    <string name="LogInString">Log In</string>

</resources>

Görüldüğü üzere şuan hiçbir uyarı almamaktayız ve uygulamamız çalışmakta.

7android08

 

Kaynak Kod

Umarım anlaşılmıştır. Kodla kalın ! 🙂

Paylaş !

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir