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>
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....
Keep Updating Every day....
No comments:
Post a Comment