Android ListView Example

1:25 PM Fighttech 0 Comments


In this tutorial I will show how to create a ListView and fill it with data. 
1. Creating a row layout

             First thing that we need to do is to create a row layout that will specify the way each row of our ListView is going to look like. To do that we need to create a new xml file (ringht click on the res folder of your project New->Android xml file) and name it row. Add the following code to your new row.xml file:

 <?xml version="1.0" encoding="utf-8"?>  
 <TextView   
      xmlns:android="http://schemas.android.com/apk/res/android"  
      android:textIsSelectable="true"  
      android:id="@+id/r_text"   
      android:layout_width="fill_parent"  
      android:layout_height="fill_parent"  
      android:padding="10dip"  
      android:textColor="#ffffff"  
      android:textSize="17sp"/>

2. Creating a ListView

Now we need to add a ListView element to our acitivy_main.xml file:
 <?xml version="1.0" encoding="utf-8"?>  
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
          android:layout_width="match_parent"  
          android:orientation="vertical"  
          android:layout_height="match_parent"  
          android:background="#000000">   
 <ListView android:id="@+id/android:list"  
           android:layout_width="fill_parent"  
           android:layout_height="fill_parent"/>  
 </LinearLayout>

3. Adding items to ListView
        
       The last thing that we need to do is to modify our Activity. Open MainActivity.java file of your project and modify the code like this:
  package listviewexample.tuts.com;   
  import android.os.Bundle;   
  import android.app.ListActivity;   
  import android.widget.ArrayAdapter;  
  import java.util.ArrayList;  
  import java.util.Collections;  
  import java.util.List;   
  public class MainActivity extends ListActivity {   
    private String[] items;  
    private List<String> list;  
    private ArrayAdapter<String> adapter;  
    @Override   
    protected void onCreate(Bundle savedInstanceState) {   
       super.onCreate(savedInstanceState);   
       setContentView(R.layout.activity_main);   
       fillData();   
    }   
    private void fillData() {   
       String[] items = new String[] {"Monday", "Tuesday", "Wednesday",    
               "Thursday", "Friday", "Saturday", "Sunday"};   
       list = new ArrayList<String>();  
       Collections.addAll(list, items);  
       adapter =   
          new ArrayAdapter<String>(this, R.layout.row, R.id.r_text, list);    
       setListAdapter(adapter);        
    }   
  }
Let me add some code explanation too:

  • because we want to display a ListView our Activity became a ListActivity:)
  • in the fillData() method we first create an array of strings, that will later be placed in the list
  • then we created an ArrayAdapter of string types and specified the following parameters of its constructor:  
  1. current context
  2. row layout that has to be used for each row
  3. the ID of the TextView, in which our items will be placed (this ID is taken from row.xml file) 
  4. items that need to be placed in it
  • then we called setListAdapter() to let our ListActivity know how to fill the ListView
  • Thats it!=) 

DEMO
Android ListView example
Android ListView Example

Source code


Thank you for reading my blog!:)

0 comments:

Subscribe to: Post Comments (Atom)