Membuat Aplikasi List View Dengan Icon Gambar

Membuat Aplikasi List View Dengan Icon Gambar

Berikut scripnya...

 activty_main.xml

<RelativeLayout 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"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >

    <!-- Komponen List View -->

    <ListView

        android:id="@+id/list"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

         >

    </ListView>

</RelativeLayout>

==============

list_single_data.xml

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

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    <TableRow>

        <ImageView

            android:id="@+id/imgIcon"

            android:layout_width="50dp"

            android:layout_height="50dp"/>

        <TextView

            android:id="@+id/txtList"

            android:layout_width="wrap_content"

            android:layout_height="50dp" />

</TableRow>

</TableLayout>

=================

CustomListView.java

package com.theheran.listviewicon;

import android.app.Activity;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ImageView;

import android.widget.TextView;

/**

 *

 * @author @The_Heran

 * www.theheran.com

 */

public class CustomListView extends  ArrayAdapter<String> {

    //Declarasi

    private final Activity context;

    private final String[] web;

    private final Integer[] imageId;

    public CustomListView(Activity context,String[] web, Integer[] imageId) {

        super(context, R.layout.list_single_data, web);

        this.context = context;

        this.web = web;

        this.imageId = imageId;

    }

    @Override

    public View getView(int position, View view, ViewGroup parent) {

            LayoutInflater inflater = context.getLayoutInflater();

            //Load Custom Layout untuk list

            View rowView= inflater.inflate(R.layout.list_single_data, null, true);

            //Declarasi komponen

            TextView txtTitle = (TextView) rowView.findViewById(R.id.txtList);

            ImageView imageView = (ImageView) rowView.findViewById(R.id.imgIcon);

            //Set Parameter Value

            txtTitle.setText(web[position]);

            imageView.setImageResource(imageId[position]);

            return rowView;

        }

}

==========

MainActivity.java

package com.theheran.listviewicon;

import android.os.Bundle;

import android.app.Activity;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ListView;

import android.widget.Toast;

/**

 *

 */

public class MainActivity extends Activity {

    //Declarasi Array Menu dan gambar

    ListView list;

    String[] menu = {

            "@The_Heran",

            "www.theheran.com",

            "Add",

            "Delete",

            "Next",

            "Back",

            "Find",

            "Warning"

    } ;

    Integer[] imageId = {

            R.drawable.ic_launcher,

            R.drawable.signal,

            R.drawable.add,

            R.drawable.trash,

            R.drawable.next,

            R.drawable.back,

            R.drawable.find,

            R.drawable.warning

    };

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

      //Load main Layout

        setContentView(R.layout.activity_main);

        CustomListView adapter = new

        CustomListView(MainActivity.this, menu, imageId);

        //get Id List

        list=(ListView)findViewById(R.id.list);

        //Set adapter to list

        list.setAdapter(adapter);

        //Set ketika salah satu list di pilih(klik)

        list.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> parent, View view,int position, long id) {

                Toast.makeText(MainActivity.this, "Anda Memilih" +menu[+ position], Toast.LENGTH_SHORT).show();

            }

        });

    }

}

============

AndroidsManifest.xml

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.theheran.listviewicon"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="14"

        android:targetSdkVersion="18" />

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.theheran.listviewicon.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

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

            </intent-filter>

        </activity>

    </application>

</manifest>

Hasilnya...