This is a tutorial about customizing listview with an image and text. In this tutorial i explained how to load images from remote url and update into listview. Also explained how to design listview with your custom styles and colors instead of using default listview style.
1. Create new project in your Eclipse
IDE and fill all the details. File ⇒ New Project
2. Define gradient style
Create 3 files xml named:
- gradient_bg.xml
- list_selector.xml
- gradient_bg_hover.xml
- image_bg.xml
2.1. gradient_bg.xml – Default Background Gradient Style
2.2. gradient_bg_hover.xml – Gradient Style for on hover state
2.3. list_selector.xml – Actual liststyle which combines the above two styles
2.4. image_bg.xml – is for white border around the image in listview
3. Define a listview: open your main.xml file
4. Design single list row:
Create a new XML file under layout folder and name it as list_row.xml for Single ListRow Layout. Right Click ⇒ New ⇒ Android XML File
The above XML will provide you output like below
Download sample source:
http://www.9android.net/how-to-code-adroid-custom-listview-with-image-and-text/
See more sample source code tutorial:
http://www.9android.net/
I think it will be helpfull for beginner.