Hi zusammen!
Ich bastel zur Zeit an einer kleinen Android App und möchte global ein immer sichtbares Tabmenü wie auf dem iPhone haben.
Im Prinzip brauch ich so ein Menü unten, wie auf dem Bild:
[Blockierte Grafik: http://www.horsesandsports.de/wp-content/uploads/2010/02/FEI-Iphone-App.jpg]
Die standard Tabs auf Android sind aber oben und nicht unten. Wie kriege ich das jetzt am besten hin?
Vielen Dank schonmal,
euer whitenexx 
Ich hab mal etwas rum probiert. Layout in main.xml:
<?xml version="1.0" encoding="utf-8"?>
<TabHost
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<RelativeLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"/>
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/textview1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="this is a tab"/>
<TextView
android:id="@+id/textview2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="this is another tab" />
<TextView
android:id="@+id/textview3"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="this is a third tab" />
</FrameLayout>
</RelativeLayout>
</TabHost>
Und die Activity dazu
import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;
public class TabTest extends TabActivity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TabHost mTabHost = getTabHost();
mTabHost.addTab(mTabHost.newTabSpec("tab_test1").setIndicator("TAB 1").setContent(R.id.textview1));
mTabHost.addTab(mTabHost.newTabSpec("tab_test2").setIndicator("TAB 2").setContent(R.id.textview2));
mTabHost.addTab(mTabHost.newTabSpec("tab_test3").setIndicator("TAB 3").setContent(R.id.textview3));
mTabHost.setCurrentTab(0);
}
}Da gibts jetz noch das Problem, dass der Content der Tabs über die Tabs unten raus geschrieben wird, wenn der Inhalt zu groß wird. Aber das sollte man mit ein bisschen rum spielen an dem RelativeLayout für den gesamten TabHost und dem FrameLayout für den Inhalt fixen können.
EDIT: im Layout Editor muss man den Target auf 3.0 setzen, damit er das richtig anzeigt. Es läuft aber dann auch richtig auf der normalen Target-Version.
hey,
hab ne vermutlich etwas bessere Lösung, da das FrameLayout da nicht über das TabWidget geht.
Hier das xml:
<?xml version="1.0" encoding="UTF-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_above="@android:id/tabs"
android:layout_weight="1" />
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>
</TabHost>BTW hast du etwas darüber herausgefunden wie man das Design ändern kann?
Denn wenn man das nach unten macht sieht das echt schrecklich aus
habs jetzt selbst herausgefunden
für die die es interessiert, hier ist es sehr schön erklärt:
http://joshclemm.com/blog/?p=136
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!