Android: How to insert a call button in a Listview

Question

PrintScreen

I have a listView with 3 Views 1) ImageView 2) TextView 3) Button

What I want to make is that when I click on a button, it gets triggered and call to the specific person. Telephone numbers are stored in strings.xml file as

<string-array name="telePhoneNummber">
        <item>123</item>
        <item>8765</item>
        <item>565767</item>
</string-array>

And here is my Adapter Class.

public class MoviesAdapter extends ArrayAdapter {

List list = new ArrayList();


public MoviesAdapter(Context context, int resource) {
    super(context, resource);
}

static class DataHandler {
    ImageView Poster;
    TextView title;
    Button telePhone;
}

@Override
public void add(Object object) {
    super.add(object);
    list.add(object);
}

@Override
public int getCount() {
    return this.list.size();
}

@Override
public Object getItem(int position) {
    return this.list.get(position);
}

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

    DataHandler handler;
    if (convertView == null) {

        LayoutInflater inflater = (LayoutInflater) this.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        row = inflater.inflate(R.layout.row_layout, parent, false);
        handler = new DataHandler();
        handler.Poster = (ImageView) row.findViewById(R.id.movie_poster);
        handler.title = (TextView) row.findViewById(R.id.movie_title);
        handler.telePhone = (Button) row.findViewById(R.id.btn_call);

        row.setTag(handler);

    } else {
        handler = (DataHandler) row.getTag();
    }

    MovieDataProvider dataProvider;
    dataProvider = (MovieDataProvider) this.getItem(position);
    handler.Poster.setImageResource(dataProvider.getMovie_poster_resource());
    handler.title.setText(dataProvider.getMovie_title());
    handler.telePhone.setText(dataProvider.getTelePhone());

    return row;
}

}

Don't pay attention on the naming convention please.

Answer 1

In your getView() method, simply add an onClickListener() to the appropriate button resource...

handler.telePhone.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        // Intent to launch phone dialer
        Intent intent = new Intent(Intent.ACTION_DIAL);
        intent.setData(Uri.parse("tel:" + dataProvider.getTelePhone().trim()));
        context.startActivity(intent);
    }
});

EDIT 1: not sure whether the NullPointerException in your onClickListener occurs on line 82 or 83 of your adapter class but you probably need to pass context to it. Add the following to your current code:

Below List list = new ArrayList(); add Context context;

Change your constructor to:

public MoviesAdapter(Context context, int resource) {
    super(context, resource);
    this.context = context;
}

And see if it solves the problem.

EDIT 2: Or, leave your original code untouched and in the onClickListener, change context.startActivity(intent); to initActivity(intent); for which you'll need to add the following method:

private void initActivity(Intent intent) {
    this.getContext().startActivity(intent);
}

Answer 2

Write your Listview on click listener and open the phone Dialer like this:

    listView.setOnItemClickListener(new OnItemClickListener() { 

        @Override 
        public void onItemClick(AdapterView<?> parent, View view,
                int position, long id) {
          String[] numberArray= context.getResources().getStringArray(R.array.telePhoneNummber); // get array from strings.xml

       // launch dialer with pre-filled phone number
        Intent phoneDialerIntent= new Intent(Intent.ACTION_DIAL);
        phoneDialerIntent.setData(Uri.parse("tel:" +  numberArray[position]));
        startActivity(phoneDialerIntent);


        } 

    });