Custom ListView Example

Screenshots :

activity_main.xml :

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

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

tools:context="com.chantisandroid.exampleapp.MainActivity">

    <ListView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/listView"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true" />

</RelativeLayout>

activity_list.xml :

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

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

    android:orientation="vertical" android:layout_width="match_parent"

    android:layout_height="match_parent">

    <ImageView

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:id="@+id/imageView" />

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textAppearance="?android:attr/textAppearanceLarge"

        android:id="@+id/textView"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true" />

</RelativeLayout>

MainActivity.java :

package com.chantisandroid.exampleapp;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.AdapterView;

import android.widget.ListView;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    ListView listView;

    String[] softwares = {

            "Android",

            "Java",

            "Oracle",

            "Php",

            "Ios",

            "Windows",

            ".Net"

    } ;

    Integer[] imageId = {

            R.drawable.sample,

            R.drawable.sample2,

            R.drawable.sample3,

            R.drawable.sample4,

            R.drawable.sample5,

            R.drawable.sample6,

            R.drawable.sample7

    };

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        CustomList adapter = new CustomList(MainActivity.this, softwares, imageId);

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

        listView.setAdapter(adapter);

        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> parent, View view,

                                    int position, long id) {

                Toast.makeText(MainActivity.this, softwares[+ position], Toast.LENGTH_SHORT).show();

            }

        });

    }

}

CustomList.java :

package com.chantisandroid.exampleapp;

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;

public class CustomList extends ArrayAdapter<String>{

    private final Activity context;

    private final String[] softwares;

    private final Integer[] imageId;

    public CustomList(Activity context,String[] softwares, Integer[] imageId) {

        super(context, R.layout.activity_list, softwares);

        this.context = context;

        this.softwares = softwares;

        this.imageId = imageId;

    }

    @Override

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

        LayoutInflater inflater = context.getLayoutInflater();

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

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

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

        txtTitle.setText(softwares[position]);

        imageView.setImageResource(imageId[position]);

        return rowView;

    }

}