How to combine two vars in android listview: first left-justified and second right-justified

Question

I am using standard ListView and Adapter as ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, android.R.id.text1, itemList).

The list structure as follows: LOOOOOOOOOOOONG ITEM NAME 1

SHORT ITEM NAME 2

I need to add quantity to the text1 line. I can concatenate it with ITEM NAME,so it looks like

LOOOOOOOOOOOONG ITEM NAME1 845

SHORT ITEM NAME2 132

How to push quantity to the right, so all of them will be aligned and right justified? Can someone help?

pdegand59 pdegand59 · Accepted Answer · 2014-12-16T22:21:08

You have to use a custom Adapter that inflate a custom composite View for each cell.

In a new CustomAdapter.java (Item is your data POJO: see below)

public class CustomAdapter extends BaseAdapter {
    private final Context mContext;
    private final List<Item> mItemList;

    public CustomAdapter(Context context, List<Item> itemList) {
        mContext = context;
        mItemList = itemList;
    }

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

    @Override
    public Item getItem(int position) {
        return mItemList.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        CustomViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.custom_cell, parent, false);
            CustomViewHolder holder = new CustomViewHolder();
            holder.itemNameTextView = (TextView) convertView.findViewById(R.id.textview_item_name);
            holder.itemQuantityTextView = (TextView) convertView.findViewById(R.id.textview_item_quantity);
            convertView.setTag(holder);
        } else {
            holder = (CustomViewHolder) convertView.getTag();
        }
        Item item = getItem(position);
        holder.itemNameTextView.setText(item.getName());
        holder.itemQuantityTextView.setText(item.getQuantity());
        return convertView;
    }

    private static class CustomViewHolder {
        public TextView itemNameTextView;
        public TextView itemQuantityTextView;
    }
}

with custom_cell.xml being :

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:paddingStart="?android:attr/listPreferredItemPaddingStart"
    android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
    android:minHeight="?android:attr/listPreferredItemHeightSmall">

    <TextView
        android:id="@+id/textview_item_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/textview_item_quantity"
        android:singleLine="true"/>

    <TextView
        android:id="@+id/textview_item_quantity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"/>
</RelativeLayout>

This is the Item POJO :

public class Item {
    private final String mName;
    private final String mQuantity;

    public Item(String itemName, String itemQuantity) {
        mName = itemName;
        mQuantity = itemQuantity;
    }

    public String getName() {
        return mName;
    }

    public String getQuantity() {
        return mQuantity;
    }
}

Use it with your ListView by doing :

listView.setAdapater(new CustomAdapter(this, itemList));

How to combine two vars in android listview: first left-justified and second right-justified

2 Answers

Explanation