Android’in bize sunduğu görsel bileşenleri genel olarak inceledikten sonra artık işleri biraz daha özelleştirebiliriz.
Bileşenlerin konumlarını ayarladıktan sonra, bileşenlerin üzerinde varsayılan olarak yazmasını istediğimiz yazıları yazalım. Bunun için xml kısmına geçiş yapıyoruz.TextView ve Button için android:text, EditText için android:hint alanlarına yazmak istediğimiz yazıları yazıyoruz.
Basit bir uygulama ile TextView ve EditText’i incelemiş olduk. Başka bir yazıda görüşmek üzere… 😀
Yazı Kaynağı http://kod5.org/android-textview-ve-edittext-kullanimi/
TextView ve EditText Nedir?
Bu yazımızda inceleyeceğimiz bileşenler; TextView ve EditText. TextView, isminden de anlaşılacağı gibi bir yazıyı/metini kullanıcıya göstemek için kullanılır. EditText‘te kullanıcının yazı/metin girmesi için kullanılır.Örnek Uygulama
Şimdi bu iki bileşeni birlikte kullanacağımız bir uygulama hazırlayacağız. Uygulamamızda TextView, EditText ve Button bileşenleri yer alacak. Kullanıcı,EditText’e bir yazı girecek ve Button‘a tıklayacak. Kullanıcının girdiği bu yazı, Button‘a tıklandığında TextView‘de görüntülenecek. Android uygulamalarında, ekran hazırlama aşamasını önceki yazımdaninceleyebilirsiniz. Bu konu üzerinde durmayacağım. Uygulamamız için Android’in otomatik olarak oluşturduğu MainActivity sınıfı veactivity_mainxml dosyasını kullanabiliriz.Tasarım
Öncelikle activity_main dosyası içerisinde Graphical Layout kısmına geçiş yapıyoruz. Burada sol kısımda yer alan Layouts‘un altından bir tane Relative Layout‘u sürükle bırak mantığıyla alıp ekrana yerleştiriyoruz ve tüm ekranı kaplayacak şekilde genişletiyoruz. [alert style=”green”] Relative Layout‘u kullanmamızın sebebi kullanacağımız bileşenleri rahat bir şekilde konumlandırabilmek.[/alert] Artık bileşenlerimizi ekleyebiliriz. Öncelikle, Form Widgets‘ın altından bir taneTextView‘i ekranımıza ekliyoruz. Ardından, Text Fields‘ın altından PlainText’i alıp ekrana ekliyoruz. Son olarak, yine Form Widgets‘ın altından bir tane Button alıyoruz. Bu bileşenlerin konumlarını ve boyutlarını isteğinize göre ayarlayabilirsiniz. Bileşenlerin konumlarını ayarladıktan sonra, bileşenlerin üzerinde varsayılan olarak yazmasını istediğimiz yazıları yazalım. Bunun için xml kısmına geçiş yapıyoruz.TextView ve Button için android:text, EditText için android:hint alanlarına yazmak istediğimiz yazıları yazıyoruz.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/editText1"
android:layout_marginRight="42dp"
android:layout_marginTop="76dp"
android:text="Tamam" />
<TextView
android:id="@+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_marginTop="98dp"
android:text="Yazı burada görüntülenecek."
android:textAppearance="?android:attr/textAppearanceLarge" />
<EditText
android:id="@+id/editText1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/textView1"
android:layout_marginTop="63dp"
android:ems="10"
android:hint="Yazıyı buraya girin..." >
<requestFocus />
</EditText>
</RelativeLayout>
|
Kodlama (MainActivity)
Uygulamamızın görsel kısmını hazırladık. Şimdi kod kısmına geçebiliriz. MainActivitysınıfının içerisine aşağıdaki kodları yazıyoruz.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
package org.kod5.android;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
public class MainActivity extends Activity {
//Bu kısımda bileşenlerimizi tanımlıyoruz.
private TextView textView;
private EditText editText;
private Button button;
@Override
protected void onCreate(Bundle savedInstanceState) { //Bu metod uygulama açıldığında çalıştırılan metod.
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Bu kısımda yukarıda tanımladığımız bileşenlerle xml olarak hazırladığımız bileşenleri birbirlerine bağlıyoruz.
textView = (TextView)findViewById(R.id.textView1);
editText = (EditText)findViewById(R.id.editText1);
button = (Button)findViewById(R.id.button1);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) { //Burada Buttona tıklandığında çalıştırılacak kodlar yer alıyor.
//textView'e kullanıcının girdiği yazı set ediliyor.
textView.setText(editText.getText());
}
});
}
}
|
Ekran Görüntüleri
Sonuç olarak uygulamız aşagıdaki şekilde gözüküyor.
Basit bir uygulama ile TextView ve EditText’i incelemiş olduk. Başka bir yazıda görüşmek üzere… 😀
0 yorum:
Yorum Gönder