Contoh Android ListView

Android ListView adalah tampilan yang berisi grup item dan ditampilkan dalam daftar yang dapat digulir. ListView diimplementasikan dengan mengimpor kelas android.widget.ListView. ListView adalah default digulir yang tidak menggunakan tampilan gulir lainnya.

ListView menggunakan kelas Adapter yang menambahkan konten dari sumber data (seperti string array, array, database dll) ke ListView. Adaptor menjembatani data antara AdapterViews dan Tampilan lainnya (ListView, ScrollView dll).

# Contoh ListView

Mari kita menerapkan contoh listview sederhana. 

Struktur proyek listview

* activity_main.xml

Pertama kita perlu menyeret dan menjatuhkan komponen ListView dari palet ke activity_main.xml.

File : activity_main.xml

<?xml version="1.0" encoding="utf-8"?>  
<android.support.constraint.ConstraintLayout 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="listview.example.com.listview.MainActivity">  
 
    <ListView  
        android:id="@+id/listView"  
        android:layout_width="match_parent"  
        android:layout_height="fill_parent"  
         />  
</android.support.constraint.ConstraintLayout>  

Buat file mylist.xml tambahan di folder layout yang berisi komponen tampilan yang ditampilkan dalam listview.

* mylist.xml

File : mylist.xml

<?xml version="1.0" encoding="utf-8"?>  
 
<TextView xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/textView"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:text="Medium Text"  
    android:textStyle="bold"  
    android:textAppearance="?android:attr/textAppearanceMedium"  
    android:layout_marginLeft="10dp"  
    android:layout_marginTop="5dp"  
    android:padding="2dp"  
    android:textColor="#4d4d4d"  
     />  

* strings.xml

Sekarang tempatkan daftar data dalam file strings.xml dengan membuat string-array.

File : strings.xml

<resources>  
    <string name="app_name">ListView</string>  
    <string-array name="array_technology">  
        <item>Android</item>  
        <item>Java</item>  
        <item>Php</item>  
        <item>Hadoop</item>  
        <item>Sap</item>  
        <item>Python</item>  
        <item>Ajax</item>  
        <item>C++</item>  
        <item>Ruby</item>  
        <item>Rails</item>  
        <item>.Net</item>  
        <item>Perl</item>  
    </string-array>  
</resources>  

* Activity class

Di kelas java kita perlu menambahkan adaptor ke listview menggunakan metode listview setAdapter().

File : MainActivity.java

package listview.example.com.listview;  
 
import android.support.v7.app.AppCompatActivity;  
import android.os.Bundle;  
import android.view.View;  
import android.widget.AdapterView;  
import android.widget.ArrayAdapter;  
import android.widget.ListView;  
import android.widget.TextView;  
import android.widget.Toast;  
 
public class MainActivity extends AppCompatActivity {  
    ListView listView;  
    TextView textView;  
    String[] listItem;  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
 
        listView=(ListView)findViewById(R.id.listView);  
        textView=(TextView)findViewById(R.id.textView);  
        listItem = getResources().getStringArray(R.array.array_technology);  
        final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,  
                android.R.layout.simple_list_item_1, android.R.id.text1, listItem);  
        listView.setAdapter(adapter);  
 
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {  
            @Override  
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {  
                // TODO Auto-generated method stub  
                String value=adapter.getItem(position);  
                Toast.makeText(getApplicationContext(),value,Toast.LENGTH_SHORT).show();  
 
            }  
        });  
    }  
}  

Output :

Share this post