Develop Reference

Populating a table with an array of data

I want to set up a table which has a fixed amount of columns, and an X amount of rows with The first row listing the contents of each column. For example, one column will be 'Name' and a second column will be 'Age', then there will be an X amount of rows which store the data. Is there any way that I can set up arrays for this data elsewhere, and automatically create/fill the rows of the table with this data. I've done this previously with a more simple example using a Custom Adapter but I'm not quite sure how to go about this with a table involved. I'm quite stuck and any help would be greatly appreciated.

I think inside the table layout create the tablerow as below
<TableLayout
---
>
<TableRow
--
>
<Textview
for name
/>
<Textview
...for age
/>
</TableRow>
<TableRow
--
>
<Listview
for name
/>
<Listview
...for age
/>
</TableRow>
</TableLayout>
and populate the listview with a simple arrayadapter with your fixed data.
this's simple if you have textviews only in your listview you can use
ArrayAdapter ad=new ArrayAdapter(getApplicationContext(), android.R.layout.simple_list_item1,namearray); list1.setAdapter(ad);
ArrayAdapter ad=new ArrayAdapter(getApplicationContext(), android.R.layout.simple_list_item1,agearray); list2.setAdapter(ad);

A ListView basically acts as a row within any table of data. You should create a POJO with all the attributes you want to display in a row. You can create create a custom xml layout for the data, which would probably by a horizontal LinearLayout that corresponds to your columns.
POJO
public class MyData {
public String Name;
public int Age;
// More data here
}
ListView item layout (layout_list_item.xml)
<?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="wrap_content"
android:orientation="horizontal">
<TextView
android:id="#+id/Name"
android:layout_height="wrap_content"
android:layout_width="0dip"
android:layout_weight="0.7" />
<TextView
android:id="#+id/Age"
android:layout_height="wrap_content"
android:layout_width="0dip"
android:layout_weight="0.3" />
</LinearLayout>
Main Layout
<?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">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_height="wrap_content"
android:layout_width="0dip"
android:layout_weight="0.7"
android:text="Name" />
<TextView
android:layout_height="wrap_content"
android:layout_width="0dip"
android:layout_weight="0.3"
android:text="Age" />
</LinearLayout>
<ListView
android:id="+#id/MyDataListView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"/>
</LinearLayout>
You then need a custom adapter which sets the fields in the list view with the values from your POJO. There are plenty of tutorials on the internet for this.

Programmatically replace cell of TableLayout (with complex layout)

In my app I have a table with somewhat complex layout: it is a 3x3 table, with the top and left being static headers, and the other four cells each containing a table again with my information.
This internal table has two options, and I programmatically select which of the two to use, and add them to the table. So far so good.
Now when updating the information in the table, a second table is added to the cell, instead of the original one being replaced. So after a few updates, my main table becomes huge, and the cells in it really high with a number of internal tables. Of course that's not the idea.
private int setTable(int minAPI, int maxAPI, TableLayout tableId) {
// Get the levels that belong to the API.
String minLevel = getLevel(minAPI);
String maxLevel = getLevel(maxAPI);
// Get an inflater to inflate the table layouts.
LayoutInflater inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
// Get the layout of the API/Level table.
// Which one to use for the levels depends on whether the levels are
// the same or not.
TextView textLevelFrom = null;
TextView textLevelTo = null;
TableLayout tableLayout = null;
if (minLevel.equals(maxLevel)) {
Log.v(TAG, "Setting up api_table1.");
tableLayout = (TableLayout) inflater.inflate(R.layout.api_table1, tableId);
textLevelFrom = (TextView) tableLayout.findViewById(R.id.textLevel);
textLevelFrom.setText(minLevel);
textLevelFrom.setTextColor(getColour(minAPI));
}
else {
Log.v(TAG, "Setting up api_table2.");
tableLayout = (TableLayout) inflater.inflate(R.layout.api_table2, tableId);
textLevelFrom = (TextView) tableLayout.findViewById(R.id.textLevelFrom);
textLevelFrom.setText(minLevel);
textLevelFrom.setTextColor(getColour(minAPI));
textLevelTo = (TextView) tableLayout.findViewById(R.id.textLevelTo);
textLevelTo.setText(maxLevel);
textLevelTo.setTextColor(getColour(maxAPI));
}
Log.v(TAG, "Populating the table.");
TextView textAPIFrom = (TextView) tableLayout.findViewById(R.id.textAPIFrom);
textAPIFrom.setText(""+minAPI);
textAPIFrom.setTextColor(getColour(minAPI));
TextView textAPITo = (TextView) tableLayout.findViewById(R.id.textAPITo);
textAPITo.setText(""+maxAPI);
textAPITo.setTextColor(getColour(maxAPI));
textLevelFrom.setText(minLevel);
textLevelFrom.setTextColor(getColour(minAPI));
return tableLayout.getId();
}
The TableLayout TableId is previously found by a call like
tableCurrentGeneral = (TableLayout) findViewById(R.id.CurrentGeneral);
one for each of the four cells. The main table is defined in main.xml; the cells of these table are an empty TableLayout.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:map="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<fragment
android:id="#+id/map"
android:layout_width="match_parent"
android:layout_height="match_parent"
class="com.squirrel.hkairpollution.MySupportMapFragment"
/>
<!-- class="com.google.android.gms.maps.SupportMapFragment" -->
<TableLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/tableAPI"
android:background="#color/translucent_white"
android:layout_alignBottom="#id/map">
<!-- First row: headers. -->
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="#string/general"
android:textStyle="bold"
android:textColor="#color/black"
android:gravity="center"
android:paddingRight="8dip" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="#string/roadside"
android:textStyle="bold"
android:textColor="#color/black"
android:gravity="center" />
</TableRow>
<!-- Second row: current API -->
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="#string/current"
android:textStyle="bold"
android:textColor="#color/black"
android:paddingRight="5dip"
android:gravity="center" />
<!-- Current API, general stations -->
<TableLayout
android:id="#+id/CurrentGeneral"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingRight="8dip" />
<TableLayout
android:id="#+id/CurrentRoadside"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</TableRow>
<!-- Third row: forecast API -->
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="#string/forecast"
android:textStyle="bold"
android:textColor="#color/black"
android:paddingRight="5dip"
android:gravity="center" />
<!-- Forecast API, general stations -->
<TableLayout
android:id="#+id/ForecastGeneral"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:paddingRight="8dip" />
<TableLayout
android:id="#+id/ForecastRoadside"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</TableRow>
</TableLayout>
<ProgressBar
android:id="#+id/progressBar1"
android:visibility="invisible"
android:layout_width="48dip"
android:layout_height="48dip"
android:layout_alignTop="#id/map"
android:layout_alignLeft="#id/map"/>
<ImageView
android:id="#+id/refresh"
android:layout_width="48dip"
android:layout_height="48dip"
android:contentDescription="#string/refresh"
android:layout_alignTop="#id/map"
android:layout_alignLeft="#id/map"
android:src="#drawable/ic_menu_refresh" />
</RelativeLayout>
The line
tableLayout = (TableLayout) inflater.inflate(R.layout.api_table1, tableId);
correctly links the api_table1 resp. api_table2 layouts to the desired cells, but all the time this layout is added, it's not being replaced.
I unsuccessfully tried handing back the id of the just added view, to remove it later:
tableAPI.removeView(findViewById(tableCurrentRoadsideId));
How can this be done?

Finally solved it through a slightly different route.
I wrongly believed that when you attach a view to a cell again, it is a second view that is attached to it. Instead, my table was appending more rows to itself.
And also so much for no documentation on the actual workings of TableLayout.removeView()
The solution: at the start of setTable a line that removes all the views from that table. That clears up this table, after which I can re-attach my layout, and all is as it should be.
private void setTable(int minAPI, int maxAPI, TableLayout tableId) {
tableId.removeAllViews();
...

Create multirow button list dynamically

I want to create a multirow Button list. Something like this :
but I want to do it dynamically(in code). Is there a way to tell layout to do this automatically? Or i have to do this myself usingRelativeLayout.LayoutParams. I can do this by code but I should control so many things and I was wondering if there is another easier way to do this. For example tell layout to add elements in the next row when the current one is full!

You could also do this with LinearLayout and make all the buttons the same size using weight.
As for your question:
i can do this by code but i should control so many things and i was
wondering if there is another easier way to do this. for example tell
layout to add elements in the next row when the current one is full!
This is potentially possible if you measure the screen width and height and use the Functions in in the View class to figure out the specifics of that particular view and its children.
Alternative
But as mentioned in the comments, there are other views that you can use to solve your problem like GridView.

You can also use a table layout ,
Create first row of tabllayout in xml like this
<?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:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<Button
android:id="#+id/goBack"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="6dp"
android:layout_marginTop="12dp"
/>
</LinearLayout>
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="fill"
android:layout_weight="0.80">
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="fill"
android:layout_weight="0.80"
android:background="#f0ffff" >
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<TableLayout
android:id="#+id/data_table"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_margin="2dp"
android:background="#006400"
android:orientation="vertical" >
<TableRow
android:id="#+id/second"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<TextView
android:layout_width="105dp"
android:layout_height="fill_parent"
android:layout_margin="1dp"
android:background="#drawable/textbg"
android:gravity="center"
android:text="Number1"
android:textColor="#006400" >
</TextView>
<Button
android:layout_width="105dp"
android:layout_height="fill_parent"
android:layout_margin="1dp"
android:background="#drawable/textbg"
android:gravity="center"
android:text="Number2"
android:textColor="#006400" />
<TextView
android:layout_width="105dp"
android:layout_height="fill_parent"
android:layout_margin="1dp"
android:background="#drawable/textbg"
android:gravity="center"
android:paddingBottom="2dp"
android:paddingTop="2dp"
android:text="Distance"
android:textColor="#006400" >
</TextView>
<TextView
android:layout_width="105dp"
android:layout_height="fill_parent"
android:layout_margin="1dp"
android:gravity="center"
android:paddingBottom="8dp"
android:paddingLeft="8dp"
android:paddingRight="5dp"
android:paddingTop="8dp"
android:text="F/G/H/S"
android:textColor="#006400" >
</TextView>
</TableRow>
</TableLayout>
</ScrollView>
</FrameLayout>
</HorizontalScrollView>
</FrameLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="bottom"
android:orientation="vertical" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="60dp"
android:layout_marginTop="4dp"
android:gravity="center"
android:orientation="horizontal" >
<Button
android:id="#+id/savescore"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
I created this xml for four three texts and on button in a single row
refer to the table in onCreate
TableLayout extendeedTable = (TableLayout)findViewById(R.id.data_table);
add rows like
while (extendeedTable.getChildCount() > 1)
{
// while there are at least two rows in the table widget, delete
// the second row.
extendeedTable.removeViewAt(1);
}
// collect the current row information from the database and
// store it in a two dimensional ArrayList
// iterate the ArrayList, create new rows each time and add them
// to the table widget.
// Here value is the number of rows you want in table
for (int position=0; position < value ; position++)
{
TableRow tableRow= new TableRow(this);
tableRow.setBackgroundDrawable(null);
// ArrayList<Object> row = data.get(position);
TextView idText = new TextView(this);
idText.setText(Integer.toString(position + 1));
idText.setGravity(Gravity.CENTER);
idText.setTextColor(Color.BLACK);
idText.setWidth(10);
idText.setHeight(45);
idText.setBackgroundResource(R.drawable.text2);
tableRow.addView(idText);
textOne = new Button(this);
textOne.setText("CLUB");
textOne.setBackgroundResource(R.drawable.text2);
textOne.setGravity(Gravity.CENTER);
textOne.setTextColor(Color.BLACK);//left top right bottom
textOne.setWidth(10);
textOne.setHeight(45);
textOne.setId(1+position);
tableRow.addView(textOne);
allbtns.add(textOne);
// textOne.setOnClickListener(this);
textOne.setOnClickListener(new OnClickListener() {
public void onClick(View arg0) {
// do something when the button is clicked
final Button button = (Button) arg0;
System.out.println("value of button is "+
button.getId());
dialog1.setTitle(" SELECT CLUB ");
textTwo = new EditText(this);
textTwo.setText("");
textTwo.setBackgroundResource(R.drawable.text2);
textTwo.setGravity(Gravity.CENTER);
textTwo.setTextColor(Color.BLACK);
textTwo.setWidth(10);
textTwo.setHeight(45);
textTwo.setInputType(InputType.TYPE_CLASS_NUMBER);
tableRow.addView(textTwo);
allEds1.add(textTwo);
textTwo.setId(position +1);
textThree = new EditText(this);
textThree.setText("");
textThree.setWidth(10);
textThree.setHeight(45);
textThree.setTextColor(Color.BLACK);
textThree.setBackgroundResource(R.drawable.text2);
textThree.setGravity(Gravity.CENTER);
textThree.setInputType(InputType.TYPE_CLASS_TEXT);
tableRow.addView(textThree);
allEds2.add(textThree);
textThree.setId(position +1);
extendeedTable.addView(tableRow);
}
for this i took help from here
http://www.anotherandroidblog.com/2010/08/04/android-database-tutorial/7/
and
its xml
http://www.anotherandroidblog.com/2010/08/04/android-database-tutorial/6/

after some more google search i finally found the best way to do this. it's so clean and simple, using Adapters and grids.
thanks for all the answers
here is a Tutorial: Creating a Custom Adapter for Gridview(ButtonAdapter)

Clearing TableLayout inside LinearLayout removes TextView Header

I have a LinearLayout with a TextView and TableLayout embedded in it. here is the format of my xml file.
<?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"
>
<TextView
android:id="#+id/txtHeader"
android:layout_width="match_parent"
android:text="Header" />
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
<TableRow>
<!-- Column 1 -->
<TextView
android:id="#+id/row1Item1"
android:text="Column1" />
<!-- Column 2 -->
<TextView
android:id="#+id/row1Item2"
android:text="Column2" />
</TableRow>
</TableLayout>
</LinearLayout>
I am adding rows dynamically to the table. Everytime, I get an update, I need to clear the table and write new information (number of rows are variables). So, I am trying to do clear the table as a first step whenever I have to update.
ll = (LinearLayout)findViewById(R.id.wlayout);
tb = (TableLayout)findViewById(R.id.wtable);
private void on Update(){
tb.removeAllViewsInLayout();
Create table dynamically..
}
But it is removing my text header also. I have also tried ll.removeView(tb) where ll is the LinearLayout. Can any one please help me. I am new to Android. Thank you.

You have not given id to TableLayout tag.Please give id and then try to clear it.
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="+#id/wtable"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
<TableRow>
<!-- Column 1 -->
<TextView
android:id="#+id/row1Item1"
android:text="Column1" />
<!-- Column 2 -->
<TextView
android:id="#+id/row1Item2"
android:text="Column2" />
</TableRow>
</TableLayout>
And then try this..
tb = (TableLayout)findViewById(R.id.wtable);
tb.removeAllViewsInLayout();

How to add new row below previous one in tableview

I want to add a new row below previous ones. I mean I have a UI containing 2 text boxes and 1 submit button. When I fill the text box and press submit, the content of text box is added below the previous one. Is this done with listview or tableview?
Please give suggestions to me and how to implement that technique. And after item is added in listview and when I click on any of list position, it performs different-2 activity. And I am new in Android.
TextView exampleTextView = (TextView) findViewById(R.id.field1);
exampleTextView.setText("wedwqe");
TableLayout table = (TableLayout)findViewById(R.id.table);
TableRow tr = (TableRow) findViewById(R.id.row);
tr.addView(exampleTextView);
// table.removeView(tr);
table.addView(tr);
And the XML file is:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/table"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:layout_gravity="center"
android:background="#DDDDDD"
android:stretchColumns="1" >
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/row">
<TextView android:id="#+id/field1"
android:text=" "
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="3dip"
android:textStyle="bold"
android:textSize="18dip"
/>
<TextView android:id="#+id/field2"
android:padding="3dip"
android:text=" "
android:textSize="18dip"
android:gravity="right"
/>
</TableRow>
</TableLayout>

You can use addView(View child, int index) that you can find in here
I hope this helps