Das Table Layout

XDeveloper · 5. Februar 2012

Hallo,

Ich habe eine frage zu dem Table Layout. Im Internet gibt es zu diesem
Thema nur wenige schlechte Tutorials. (Wenn ihr eins kennt, her damit)

Wenn ich den Code unten ausführe und den App starte dann bleibt der Bildschirm einfach schwarz.
Hat jemand Erfahrung mit Table Layout und kann mit Helfen ? Was muss die TableLayoutActivity
Activity für ein extends haben.

Hier der Code:

TableLayoutActivity :

public class TableLayoutActivity extends Activity {

int PROVINCE_Alberta = 0;
int PROVINCE_BC = 1;
int PROVINCE_Manitoba = 2;
int PROVINCE_NewBrunswick = 3;
int PROVINCE_Newfoundland = 4;
int PROVINCE_Northwest = 5;
int PROVINCE_NovaScotia = 6;
int PROVINCE_Nunavut = 7;
int PROVINCE_Ontario = 8;
int PROVINCE_PEI = 9;
int PROVINCE_Quebec = 10;
int PROVINCE_Saskatchewan = 11;
int PROVINCE_Yukon = 12;

int numProvinces = 13;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(R.layout.main);

String[] provinces = new String[numProvinces];
provinces[PROVINCE_Alberta] = "Alberta";
provinces[PROVINCE_BC] = "British Columbia";
provinces[PROVINCE_Manitoba] = "Manitoba";
provinces[PROVINCE_NewBrunswick] = "New Brunswick";
provinces[PROVINCE_Newfoundland] = "Newfoundland and Labrador";
provinces[PROVINCE_Northwest] = "Northwest Territories";
provinces[PROVINCE_NovaScotia] = "Nova Scotia";
provinces[PROVINCE_Nunavut] = "Nunavut";
provinces[PROVINCE_Ontario] = "Ontario";
provinces[PROVINCE_PEI] = "Prince Edward Island";
provinces[PROVINCE_Quebec] = "Quebec";
provinces[PROVINCE_Saskatchewan] = "Saskatchewan";
provinces[PROVINCE_Yukon] = "Yukon";
// Get the TableLayout
TableLayout tl = (TableLayout) findViewById(R.id.maintable);

Log.d("Main", "num:" + numProvinces);
// Go through each item in the array
for (int current = 0; current < numProvinces; current++)
{
Log.d("For", "Schleife" + current);
// Create a TableRow and give it an ID
TableRow tr = new TableRow(this);
tr.setId(100+current);
tr.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.WRAP_CONTENT));

// Create a TextView to house the name of the province
TextView labelTV = new TextView(this);
labelTV.setId(200+current);
labelTV.setText("hallo");
labelTV.setTextColor(Color.BLACK);
labelTV.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.WRAP_CONTENT));
tr.addView(labelTV);

// Create a TextView to house the value of the after-tax income
TextView valueTV = new TextView(this);
valueTV.setId(current);
valueTV.setText("$0");
valueTV.setTextColor(Color.BLACK);
valueTV.setLayoutParams(new LayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.WRAP_CONTENT));
tr.addView(valueTV);

// Add the TableRow to the TableLayout
tl.addView(tr, new TableLayout.LayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.WRAP_CONTENT));
}
}
}
Main.xml:

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="2"
android:id="@+id/maintable" >

UweApps · 5. Februar 2012

pobierst du mal .setTextColor(Color.WHITE); bei deinen Texten aus? Wird das dann besser??

XDeveloper · 5. Februar 2012

hat leider auch nicht geholfen. Gibt es im Android SDK vielleicht vielleicht eine Beispiel
mit einem Table Layout?

noch eine Idee. Muss ich die View in der variable tl vielleicht noch setzen und wenn ja wie??

UweApps · 5. Februar 2012

In deinem Code ist die main.xml leider unvollständig - da könnte noch was versteckt sein, glaub ich aber eher nicht.

Ich hab noch nicht mit TableLayout gearbeitet, darum kann ich dir konkret auch nix sagen.

Du hast dort aber (wohl für den TableLayout) android:layout_height="fill_parent" stehen - das kann manchmal andere Elemente vom Bildschirm vertreiben. Versuch es bei der Höhe am besten immer mit wrap_content. Um ein Element dann doch noch so groß wie möglich zu machen, hilft ein android:layout_weight="1"

Vielleicht verteilst du mal ein paar Hintergrundfarben, dann findest du die Elemente hoffentlich wieder...

killphil75 · 5. Februar 2012

Bei mir schaut es so aus

Code

TableLayout tl = (TableLayout) findViewById(R.id.tableLayout1);
       		tl.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
       		tl.setColumnStretchable(1, true);
       		tl.setColumnShrinkable(1, true);
     	
       		// Header zeichnen - 1.Zeile
      		TableRow trh = new TableRow(context);
      		trh.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
      		trh.setBackgroundColor(Color.rgb(230,230,230));
      		
        	TextView header1 = new TextView(context);
        	header1.setText("");
        	header1.setTextSize((float) 11.0);
        	header1.setPadding(2, 0, 8, 2);
        	header1.setTextColor(Color.GRAY);
        	header1.setGravity(Gravity.RIGHT);
        	trh.addView(header1);


        	TextView header2 = new TextView(context);
        	header2.setText("Mannschaft");
        	header2.setTextSize((float) 11.0);
        	header2.setPadding(2, 0, 8, 2);
        	header2.setTextColor(Color.GRAY);
        	header2.setGravity(Gravity.LEFT);
        	trh.addView(header2);


       	.... usw .... 




        	tl.addView(trh);// add rows to the table.

Alles anzeigen

und nun die Daten in einer Schleife baue ich wie folgt zusammen

Code

TableRow tr = new TableRow(context);
          		tr.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));


	    		// ID
	        	TextView col1 = new TextView(context);
	        	col1.setText( String.valueOf(data.getId()));
	        	col1.setTextSize((float) 13.0);
	        	col1.setPadding(2, 0, 8, 2);
	        	col1.setTextColor(Color.GRAY);
	        	col1.setGravity(Gravity.RIGHT);
	        	tr.addView(col1);


	        	// Mannschaft
	        	
	        	TextView col2 = new TextView(context);
	        	col2.setTextSize((float) 13.0);
	        	col2.setPadding(0, 2, 0, 2);
		        	col2.setTextColor(Color.BLACK);		        		
		        	col2.setText(data.getName());
	        	col2.setGravity(Gravity.LEFT);
	        	tr.addView(col2);


  	.... usw ....


	        	tl.addView(tr);// add rows to the table.

Alles anzeigen

in der xml

Code

&lt;LinearLayout
        	android:id="@+id/linearLayout1"
        	android:layout_width="fill_parent"
        	android:layout_height="fill_parent"
        	android:orientation="horizontal" &gt;


        	&lt;TableLayout
            	android:id="@+id/tableLayout1"
            	android:layout_width="fill_parent"
            	android:layout_height="wrap_content" &gt;


        	&lt;/TableLayout&gt;


    	&lt;/LinearLayout&gt;

Alles anzeigen

XDeveloper · 8. Februar 2012

Hallo killphil75,

Hier noch eine Frage zu deinem obigen Quellcode.
In dem 1 Code wird der Text festgelegt.
Aber was passiert in Code 2? Und was kommt jetzt in die Schleife.
Können jetzt flexible Zeilen hinzugefügt werden?
Muss ich das TableLayout jetzt nicht auch noch setzen:
table.addView(rowZId1);
setContentView(table);

killphil75 · 8. Februar 2012

Also in 1) wird nur das Tablelayout gesucht und eine Instanz gespeichert

Code

TableLayout tl = (TableLayout) findViewById(R.id.tableLayout1);

Und dann füge ich einen Header hinzu, was im Grunde ja auch nur eine Tabellenzeile ist.

der 2te Code Teil ist ja fast identisch, den habe ich nur mal ausgeklammert, weil das bei mir der Teil ist, der in einer Schleife läuft und mit Daten befüllt wird.

Code

for(int i=0;i&lt;tabelle.size();i++) {
          		TabEintrag data = tabelle.get(i);		// Daten aus Tabelle holen

Code

col1.setText( String.valueOf(data.getId()));

wobei data einfach eine Datenstruktur/Klasse ist - könnte ja auch ein Array sein, was auch immer ...

Das setzen des Grundlayout hab ich weggelassen das ist ja Standardkost.

Code

public void onCreate(Bundle savedInstanceState) {
   
		super.onCreate(savedInstanceState);
		setContentView(R.layout.act_tabelle);

UweApps · 8. Februar 2012

Ich will dir jetzt nicht den Spaß am TableLayout vermiesen, aber ich hab mir den Code mal angeschaut und hab 'nen Gegen-Vorschlag:

ListView mit einem netten ListAdapter, der dir jeweils ein LinearLayout (mit orientation=HORIZONTAL) für deine Listeneinträge bastelt.

Diese Listeneinträge kannst du entweder wie hier per Hand zusammenbauen oder über einen Inflater aus einer XML-Layout-Datei holen lassen.

Die Android-Doku hat Beispiele, welche direkt auf ListActivity aufsetzt - wenn du einen eigenen View hast, dann musst du statt "setListAdapter(new MyListAdapter(this));" folgendes eintragen:

Java

MyListAdapter myListAdapter = new MyListAdapter();
myListView = (ListView) findViewById(R.id.containerListView);
myListView.setAdapter(myListAdapter);
maListView.setOnItemClickListener(myListAdapter);

XDeveloper · 8. Februar 2012

Hier noch einmal die Hintergrund Idee:

Ich möchte eine Tabelle mit Punkten von 10 Spielern aufstellen. Die einzelnen Punkte werden aber erst wehrend der Laufzeit über die Buttons eingegeben.
Im Anhang findet ihr ein Bild wie dies aussehen sollte. Das problemm:
Wie mann sied habe ich die einzelnen spalten alle einzeln in der XML Datei definiert.
Ich möchte jetzt nur eine Zeile neu beschriften.
Wie funktioniert dass jetzt mit den TableRows?
Meine Struktur Idee:
- Bei einer Benutzer Eingabe wird der Lehrwert der Zeile mit der Punktzahl überschrieben.
- Ich füge jetzt die gesamte Zeile mit allen aktualisierten werten neu zum TableLayout hinzu
- Mir setContentView füge ich die Aktualisierung zu Ende.

jetzt die Konkrete Frage:

Nutzt das gesamte TableLayout eine XML Datei als Gerüst oder werden nur sol viele Spalten angezeigt wie in der TableRow definiert ???

Danke für eure Mithilfe

killphil75 · 8. Februar 2012

Zitat

Nutzt das gesamte TableLayout eine XML Datei als Gerüst oder werden nur
sol viele Spalten angezeigt wie in der TableRow definiert ???

Das kannst du halten wie du möchtest, entweder XML oder halt dynamisch im Programmverlauf.
Natürlich kannst du vorher alle Zeilen vordefinieren, was aber nicht besonders effektiv ist. Stell Dir vor es werden 11 oder mehr Spieler.

Das Problem an deinem Screenshot, ich weiss noch immer nicht wo du hin willst.
Die Punkte Button oben, wie willst du wissen welcher Spiele wieviele Punkte bekommt - wie realisierst du die Auswahl/Zuteilung ???

Zitat

- Mir setContentView füge ich die Aktualisierung zu Ende.

Brauchst du nur einmal am Anfang zum Init. Neue Views einfach nur per addView.

Das Table Layout

Jetzt mitmachen!

Teilen

Tags