Display Data in GridView in Android
Here In this article, I am going to explain how to display data in GridView in an Android application. And here is an example of
Custom GridView in which I have used two TextViews.
- Start a new project named GridViewData.
- Open res/layout/main.xml and insert the following:
<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview"
android:stretchMode="columnWidth"
android:cacheColorHint="#00000000"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:numColumns="1"
android:clipChildren="true"
android:horizontalSpacing="5dip"
android:verticalSpacing="5dip" />
Create a customgrid.xml inside res/layout folder and insert the following code:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<TableLayout android:id="@+id/TableLayout01"
android:layout_height="wrap_content"
android:layout_width="fill_parent">
<TableRow android:id="@+id/TableRow01"
android:layout_height="wrap_content"
android:layout_width="wrap_content">
<TextView android:text="@string/hello"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/txtId"
android:layout_gravity="center_horizontal" />
<TextView android:text="@string/hello"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/txtName"
android:layout_gravity="center_horizontal" />
</TableRow>
</TableLayout>
</LinearLayout>
- Create DataAdapter.java file and insert the following code:
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
public class DataAdapter extends BaseAdapter
{
Context mContext;
private String [] id = {"S001","S002","S003","S004","S005","S006","S007"};
private String [] name={"Rohit","Rahul","Ravi","Amit","Arun","Anil","Kashif"};
private LayoutInflater mInflater;
public DataAdapter(Context c)
{
mContext=c;
mInflater = LayoutInflater.from(c);
}
public int getCount()
{
return id.length;
}
public Object getItem(int position)
{
return position;
}
public long getItemId(int position)
{
return position;
}
public View getView(int position, View convertView, ViewGroup parent)
{
ViewHolder holder=null;
if(convertView==null)
{
convertView = mInflater.inflate(R.layout.customgrid,
parent,
parent,false);
holder = new ViewHolder();
holder.txtId=(TextView)convertView.findViewById(R.id.txtId);
holder.txtId.setPadding(100, 10,10 , 10);
holder.txtName=(TextView)convertView.findViewById(R.id.txtName);
holder.txtName.setPadding(100, 10, 10, 10);
if(position==0)
{
convertView.setTag(holder);
}
}
else
{
holder = (ViewHolder) convertView.getTag();
}
holder.txtId.setText(id[position]);
holder.txtName.setText(name[position]);
return convertView;
}
static class ViewHolder
{
TextView txtId;
TextView txtName;
}
}
Open the main activity file and modify according to it:
import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
public class GridViewDataActivity extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
GridView gridview = (GridView) findViewById(R.id.gridview);
gridview.setAdapter(new DataAdapter(this));
}
}
- Run the application.
The output should look like below:
The output should look like below:
Nive P
22-Jun-2012Aishwarya Taware
21-Mar-2012Rohit used static data and simply display in grid view,
Please as soon as possible send m source code for it...
Anonymous User
20-Feb-2012Hi Ashwarya,
Can you please explain about the problem you are getting in implementing the above given code of Rohit?
Aishwarya Taware
20-Feb-2012hi
Sirinivas
report.java
record.php
In manifest file add one line
<uses-permission android:name="android.permission.INTERNET">
Aishwarya Taware
20-Feb-2012Haider M Rizvi,
Thank You..
firzan gulam
17-Feb-2012srinivas padala
16-Feb-2012I search for retreving mysql data into android app from 1 week, but i failed to found it, plz plz... can give your code .. urgent . its very helpful for my final year project .. plz plz post me full source code including php files ..
or to my mailid--- srinivaspadala.cs@gmail.com
srinivas padala
16-Feb-2012asiwarya thaware
hai sister, i search for retreving mysql data into android app from 1 week, but i failed to found it, plz plz... can give your code .. urgent . its very helpful for my final year project
Anonymous User
03-Feb-2012Hi Aishwarya,
Could you please paste your code here so that we can easily find the issue in your code and you get solved asap.
Thanks
Aishwarya Taware
03-Feb-2012Chris Anderson
01-Feb-2012Please paste your code here, how you are retrieving data from MySQL and display in grid view.
Thanks.
Aishwarya Taware
31-Jan-2012thank you..
Anonymous User
15-Dec-2011Hi firzan gulam,
The basic PHP datagrid requires only two lines of code. Fore mostly, always create PHPGrid object in the first line; then call its methods to define properties, and lastly always call display() to render to screen.
Code:
I hope it might be useful for you.
firzan gulam
02-Dec-2011