Win a copy of OCP Java SE 8 Programmer II Exam Study Guide this week in the OCP forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic

How to code Android Custom ListView with Image and Text  RSS feed

Posts: 2
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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:

See more sample source code tutorial:

I think it will be helpfull for beginner.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!