Customizing Layout for ListView (Android)

Question

I have been trying to give a "Cards UI" type layout to my ListView and came across this tutorial. Using this implementation, I have tried to set up a ListView with the following code.

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.listview_activity);
    // Show the Up button in the action bar.
    setupActionBar();

    ListView list = (ListView) findViewById(R.id.cardListView);
    final String[] values = new String[] { "Android", "iPhone", "WindowsMobile",
            "Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X",
            "Linux", "OS/2" }; // You have the necessary data to bind the list.

            final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
            android.R.layout.simple_list_item_1, android.R.id.text1, values);

            list.setAdapter(adapter);
}

However, I have been unable to give the ListView elements the background that is specified in the linked tutorial. They instead appear as follows (no cards background).

No Background

Could you please guide me on what I'm doing wrong?

Here's a better idea, use a Card-UI library - I liked this one: github.com/afollestad/Cards-UI — Steve M
– Steve M, Commented Jan 1, 2014 at 1:12
@svenoaks I did come across that but since this is my first android app, that was a bit over my head. — osm
– osm, Commented Jan 1, 2014 at 1:25

Steve M · Accepted Answer · 2014-01-01 01:29:27Z

1

You need to set the list_item.xml file as the layout to use for the items, try this:

final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
            R.layout.list_item, android.R.id.text1, values);

Also, in the list_item.xml, add this line

android:id="@+android:id/text1"

In order for it to fill in the TextView.

answered Jan 1, 2014 at 1:29

Steve M

9,87012 gold badges56 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Steve M Over a year ago

hmm do you have a pic of what it's supposed to look like?

osm Over a year ago

I fixed it, thanks. I'm now trying to figure out how I can move the scrollbar to the right edge of the screen instead of its current position.

Steve M Over a year ago

Try changing ListView margin's to padding.

Steve M Over a year ago

inside ListView tag change android:layout_marginLeft="16dp" to android:paddingLeft="16dp" same for right.

Steve M Over a year ago

nm i see it doesn't work, you would have to set the margin on the list items themselves maybe

|

Collectives™ on Stack Overflow

Customizing Layout for ListView (Android)

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related