This week's book giveaway is in the Agile and Other Processes forum.
We're giving away four copies of The Little Book of Impediments (e-book only) and have Tom Perry on-line!
See this thread for details.
Win a copy of The Little Book of Impediments (e-book only) this week in the Agile and Other Processes forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

How to code Android Custom ListView with Image and Text

 
nguyen ba thanh
Greenhorn
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: 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.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic