Android Custom ListView (Adding Images, text)

1.mylist.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
<TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/image"
        android:layout_width="100dp"
        android:layout_height="100dp" />
</LinearLayout>

2.mainactivity.java

package com.example.listviewcustom;

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 {
private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        listView = findViewById(R.id.list);
        final String [] hardware = new String[] {"keyboard","mouse","microphone","router"};
        int[] imagearray= new int[]{R.drawable.ic_keyboard_black_24dp,R.drawable.ic_mouse_black_24dp,R.drawable.ic_keyboard_voice_black_24dp,R.drawable.ic_router_black_24dp};
    CustomArrayAdapter customArrayAdapter = new CustomArrayAdapter(this,hardware,imagearray);
    listView.setAdapter(customArrayAdapter);
    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            Toast.makeText(getApplicationContext(),hardware[position].toString(),Toast.LENGTH_SHORT).show();
        }
    });
    }
}



mainactivity.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=".MainActivity">

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

</ListView>
</android.support.constraint.ConstraintLayout>

arrayadapter.java

package com.example.listviewcustom;

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.TextView;

public class CustomArrayAdapter extends BaseAdapter {

Context context;
String[] hardwarename;
int[] image;

public CustomArrayAdapter(Context context, String[] hardwarename, int[] image) {
this.context = context;
this.hardwarename = hardwarename;
this.image = image;
}

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

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater layoutInflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
View view = layoutInflater.inflate(R.layout.mylist,null);
TextView textView = view.findViewById(R.id.text);
ImageView imageView = view.findViewById(R.id.image);
textView.setText(hardwarename[position]);
imageView.setImageResource(image[position]);
return view;
}
}

Published by

Unknown's avatar

Nusrat Faria

I Am A Web Developer And A Android Developer. This Is My Personal Blog So Noted My Work For Helping People .

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.