WebÖğren Ücretsiz Online Eğitimler
ListView Nedir? Nasıl Kullanılır?
Bu yazıda Android programlarda nasıl ListView kullanabiliriz ve ListView unsurlarına tıklandığında istediğimiz yazıyı nasıl gösterebiliriz bunları öğreneceğiz. Evet başlıyoruz..
Öncelikle Android programlarda sıkça kullanılan List View ile ilgili bilgi edinelim.
ListView : Herhangi bir liste içerisinde bulunan unsurları içeren bir görünümdür. Android Studio’da liste oluşturabilmek için bu yapıyı kullanabiliriz.
Dilerseniz bu yapıyı nasıl kullanacağımız ile ilgili kolay bir uygulama yazalım.
ListView Örnek Uygulama
Bu uygulamamızda bir liste olacak ve bu listedeki her bir unsura tıklandığında listedeki verinin ismi Toast mesajıyla gösterilecek. Android Studio‘da yeni bir proje açtıktan sonra uygulamanın dizaynını yapmak için activity_main.xmldosyasını açıyoruz. Aşağıdaki gibi kolay bir ListView kodu yazacağız. Not : tools:context=” “> kısmına kendi paket isminizi yazınız.
activity_main.xml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.nisa.listview.MainActivity"> <ListView android:id="@+id/lv" android:layout_width="match_parent" android:layout_height="fill_parent"/> </android.support.constraint.ConstraintLayout> |
Listedeki unsurların her birini düzenleyecek xml dosyasını oluşturalım.
activity_list.xml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/tv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginTop="5dp" android:padding="2dp" android:textColor="#4d4d4d" android:text="Text" android:textStyle="bold" android:textAppearance="?android:attr/textAppearanceMedium" /> |
Listedeki verilerin adlarını strings.xml dosyasına aşağıdaki gibi ekleyeceğiz. Her bir içerisine istediğiniz verileri girebilirsiniz.
strings.xml
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<resources> <string name="app_name">ListView</string> <string-array name="array_animals"> <item>Bee</item> <item>Cat</item> <item>Cow</item> <item>Dog</item> <item>Frog</item> </string-array> </resources> |
Son olarak, bir adapter ile listedeki elemanların kullanılmalarını ve xml dosyalarıyla bağlantıyı sağlayacak MainActivity.java sınıfını kodlayacağız. Listedeki unsurlara tıklandığında, unsurların adlarınınToast mesajı ile görünmesini istiyoruz. Ve liste bağlantısını sağlayan yapıları da şöyle açıklayabilirim.
ArrayAdapter : Kullanıcı ara birimi ile verileri birbirine bağlayan dizidir. Bu veriler içinde görüntüleme biçimi ve gösterilecek elemanlar bulunmaktadır.
setAdapter : Oluşturduğumuz ArrayAdapter’ı ListView’e atamak için kullanıyoruz.
MainActivity.java
|
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 |
public class MainActivity extends AppCompatActivity { String[] item; ListView lv; TextView tv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lv = (ListView)findViewById(R.id.lv); tv = (TextView)findViewById(R.id.tv); item = getResources().getStringArray(R.array.array_animals); final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, android.R.id.text1, item); lv.setAdapter(adapter); lv.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) { String value = adapter.getItem(position); Toast.makeText(getApplicationContext(),value, Toast.LENGTH_SHORT).show(); } }); } } |
MainActivity.java sınıfında ilk önce resim komponentlerin ana sınıfla uyumlu çalışmasını sağlayacak kod bloklarını yazdık. strings.xml dosyasındaki unsurları sınıf içerisinde kullanabilmek için item tanımladık. ArrayAdapter ile bu unsurların ListView’in satırlarında görünmesini sağladık. En altta ise value adında bir parametre tanımlayıp, itemların pozisyonlarını bu parametreye atayıp Toast mesajı ile gösterdik.
Ve sonunda List View’i kolay bir biçimde kullanmış olduk.
Siz de liste elemanlarına tıklandığında Toast mesajı göstermek yerine Intent ile yeni bir sınıfa yönlendirme ya da Dialog mesajı gösterme biçiminde bu uygulamayı değiştirebilirsiniz.
