Simple Listview



STYLES FOR LIST VIEW IN ANDROID:


                     In this tutorial I will show you how to apply styles for each row item of list view and how to apply different styles for alternative row of list view. 

main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context=".MainActivity" >



    <ListView

  android:id="@+id/listView1"

  android:layout_width="fill_parent"

 android:layout_height="fill_parent"

android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:divider="@null"
android:dividerHeight="0dp"
android:listSelector="@drawable/item_bg" >
    </ListView>

</RelativeLayout>

list_row.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/item_bg"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textview1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>


MainActivity:

package com.androidmirror.parthiv;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.Window;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity {

ListView lv;
String temp[] = { "Parthiv", "Ashok", "Pandian", "Vignesh", "Raguvaran",
"Sreedhar", "Antony", "Kannan", "Amuthan", "Anbu" };

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);

lv = (ListView) findViewById(R.id.listView1);
CustomAdapter adapter = new CustomAdapter(this, temp);
lv.setAdapter(adapter);

}

}

CustomAdapter:

package com.androidmirror.parthiv;

import android.R.color;
import android.app.Activity;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.widget.Toast;

public class CustomAdapter extends BaseAdapter {

String value[];
Activity context;

public CustomAdapter(Activity context, String[] value) {
super();
this.context = context;
this.value = value;

}

private class ViewHolder {
TextView Name;
}

public int getCount() {
return value.length;
}

public Object getItem(int position) {
return value[position];
}

public long getItemId(int position) {
return 0;
}

@Override
public View getView(final int position, View convertView, ViewGroup parent) {
final ViewHolder holder;

LayoutInflater inflater = context.getLayoutInflater();

if (convertView == null) {
convertView = inflater.inflate(R.layout.list_row, null);
holder = new ViewHolder();

holder.Name = (TextView) convertView.findViewById(R.id.textview1);
// for alternative layout in list view.
if (position % 2 == 0)
convertView.setBackgroundResource(R.drawable.item_bg);
else {
convertView.setBackgroundResource(R.drawable.item_bg2);
holder.Name.setTextColor(Color.WHITE);
}
convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();
}

holder.Name.setText(value[position]);

return convertView;

}
}
SIMPLE STYLE FOR LISTVIEW:

                                                            
  
res/drawable/item_bg.xml:


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="true"
    android:shape="rectangle" >

    <gradient android:angle="270" >
    </gradient>

    <stroke
        android:width="5dp"
        android:color="#2e8b57" >
    </stroke>

</shape>

ALTERNATIVE LAYOUT FOR LIST ITEM:

                                         

res/drawable/item_bg2.xml:


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="true"
    android:shape="rectangle" >

    <gradient
        android:angle="270"
        android:endColor="#000"
        android:startColor="#000" />

    <stroke
        android:width="5dp"
        android:color="#2e8b57" >
    </stroke>

</shape>


Keep Updating Every day....



No comments:

Post a Comment

back to top