List View Dengan Icon Gambar

list view dengan icon langsung aja neh script nya 

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;
/**
 *
 * @author @The_Heran
 * www.theheran.com
 */

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>

penampakan

 

12:11 AM  Unknown  

Read More