This week's giveaway is in the Java/Jakarta EE forum.
We're giving away four copies of Java EE 8 High Performance and have Romain Manni-Bucau on-line!
See welcome thread
Win a copy of Java EE 8 High Performance this week in the Java/Jakarta EE 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!