Custom views (List/Grid/Spinner/AutoComplete)

Here will custom listview example same you can apply remaining two elements

Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="androiindians.customlist.MainActivity">


    <ListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/list"/>
</LinearLayout>

Custom.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:srcCompat="@mipmap/ic_launcher" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TextView" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TextView" />
    </LinearLayout>

</LinearLayout>
</LinearLayout>

MainActivity.java

package androiindians.customlist;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {
    ListView listView;
    String[] Names={"Raj","Siva","Revathi"};
    String[] numbers={"78987","6777","6677"};
    int []images={R.mipmap.ic_launcher,
    R.mipmap.ic_launcher,R.mipmap.ic_launcher};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        listView.setAdapter(new CustomAdapter(MainActivity.this,Names,numbers,images));
    }
}

CustomAdapter.java

package androiindians.customlist;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListAdapter;
import android.widget.TextView;
import android.widget.Toast;

/**
 * Created by janga on 02-06-2017.
 */

class CustomAdapter extends BaseAdapter {

    String [] raj,siva;
    int[]revathi;
    Context context;

    public CustomAdapter(
            MainActivity mainActivity, String[] names, String[] numbers, int[] images) {
        context=mainActivity;
        raj=names;
        siva=numbers;
        revathi=images;
    }

    @Override
    public int getCount() { 
        return raj.length;
    }

    @Override
    public Object getItem(int position) {
        return position;
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {

        LayoutInflater layoutInflater= (LayoutInflater)
                context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View rowview= layoutInflater.inflate(R.layout.custom,null);

        TextView name= (TextView) rowview.findViewById(R.id.textView);
        TextView numbers= (TextView) rowview.findViewById(R.id.textView2);
        ImageView iv= (ImageView) rowview.findViewById(R.id.imageView);

        name.setText(raj[position]);
        numbers.setText(siva[position]);
        iv.setImageResource(revathi[position]);

        iv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context,""+position,Toast.LENGTH_LONG).show();
            }
        });

        return rowview;
    }
}