[streamh]

Hi, everyone:

I want to show an icon for each list item, how should I do in JDE 4.2.1?
For example, when we read massage or SMS , we can see the icons , time ,phone numbers, and the subjects of each massage, how can we do this ? It's easy to write words in list by List.append, but it's difficult for the icons. We know the RIM can do this , but I don't know whether we can do this.

Thanks all!

[arifzaman]

Hi streamh,

Originally Posted by streamh

Hi, everyone:

I want to show an icon for each list item, how should I do in JDE 4.2.1?
For example, when we read massage or SMS , we can see the icons , time ,phone numbers, and the subjects of each massage, how can we do this ? It's easy to write words in list by List.append, but it's difficult for the icons. We know the RIM can do this , but I don't know whether we can do this.

Thanks all!

To create a list with icon, the ListField class is needed and the ListFieldCallback interface must be implemented. Then draw your icon using drawListRow() method of your ListFieldCallback implemention.

Hope this will Help!

Cheers,
ARIF

[streamh]

Hi,ARIF:
I have searched the drawListRow() method in the ListFieldCallback, but the API has a simple description of it. It just explains the parameters of the method and does not contain any demo.
Could you show some demo about this?Thank you very much for your help!

[arifzaman]

Hi streamh,

Originally Posted by streamh

Hi,ARIF:
I have searched the drawListRow() method in the ListFieldCallback, but the API has a simple description of it. It just explains the parameters of the method and does not contain any demo.
Could you show some demo about this?Thank you very much for your help!

Here is a sample code with implementation of ListFieldCallback:

private class ListCallback implements ListFieldCallback {
    private Bitmap LIST_IMAGE = Bitmap.getBitmapResource("list.gif");
    private Vector listElements = new Vector();
    public void drawListRow(ListField list, Graphics g, int index, int y, int w) {
        String text = (String)listElements.elementAt(index);            
        g.drawBitmap(0, y, LIST_IMAGE.getWidth(), LIST_IMAGE.getHeight(), LIST_IMAGE, 0, 0);
        g.drawText(text, 50, y, 0, w);
    }
    public Object get(ListField list, int index) {
        return listElements.elementAt(index);
    }
    public int indexOfList(ListField list, String p, int s) {            
        return listElements.indexOf(p, s);
    }
    public int getPreferredWidth(ListField list) {
        return Graphics.getScreenWidth();
    }
    public void insert(String toInsert, int index) {
        listElements.insertElementAt(toInsert, index);
    }
}

And add the following code where you do like to add the list on your screen:

ListField list = new ListField();
ListCallback callback = new ListCallback();
list.setCallback(callback);
for (int index=0; index<5; index++) {
    list.insert(index);
    callback.insert("Row"+index, index);
}
add(list);

Enjoy!
ARIF

[Rose]

public void drawListRow(ListField list, Graphics g, int index, int y, int w) {
String text = (String)listElements.elementAt(index);
g.drawBitmap(0, y, LIST_IMAGE.getWidth(), LIST_IMAGE.getHeight(), LIST_IMAGE, 0, 0);
g.drawText(text, LIST_IMAGE.getWidth()+10, y, 0, w);
}


This will allows to display next next to the icon otherwise sometimes the text will override the icon.

[arifzaman]

you are right! i've used fixed space after drawing. Anyway, Hope! now you are expert to fix your problem.

[Rose]

Originally Posted by arifzaman

you are right! i've used fixed space after drawing. Anyway, Hope! now you are expert to fix your problem.

Actually i just gave out a idea and it was not my post at all.

[streamh]

Thank you very much for all you help!
It's a greate answer to me!
I'm very happy!