customize tabview/ tab design ändern

[movinganimations]

Hey Leute, ich habe eine Frage zu Tage in Android. Wie kann man das Design bei TabViews ändern, denn das Standard Design, sieht nicht so toll aus.

so richtig was dazu gefunden habe ich leider nicht hoffe ihr könnt mir schnell helfen

LG

Der ursprüngliche Beitrag von 16:59 Uhr wurde um 18:31 Uhr ergänzt:

Hey Leute, ich habe eine Frage zu Tage in Android. Wie kann man das Design bei TabViews ändern, denn das Standard Design, sieht nicht so toll aus.

so richtig was dazu gefunden habe ich leider nicht hoffe ihr könnt mir schnell helfen

LG

Meinte Tabs nicht Tage

 

[steerben]

Du musst dem TabWidget ein Style Attribut zuordnen. Entweder ein vorhandenes nehmen oder selbst eines erstellen.

Hierzu der Verweis auf Styles und Themes, was durchaus wichtig ist:
Styles and Themes | Android Developers

Zusätzlich die XML Attribute des TabViews inklusive der vererbten.
TabWidget | Android Developers

Es gibt schon festgelegte Styles. Von diesen kannst du falls Bedarf auch per "parent" Attribut im Style Tag "erben" lassen. Näheres dazu siehe im Link auf Themes oben.

Wenn du nach "Custom TabView Style Android" bei Google suchst, wirst du relativ schnell fündig werden. Generell sei dir aber das Konzept der Styles (wiederum siehe oben) ans Herz gelegt.

Bsp.:

<?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"
        android:padding="5dp">
        <TabWidget
            style="@android:style/Widget.Holo.TabWidget"
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="5dp" />
    </LinearLayout>
</TabHost>

Bspw. Widget.Holo.TabWidget

welcher so definiert ist:

<style name="Widget.Holo.TabWidget" parent="Widget.TabWidget">
        <item name="android:tabStripLeft">@null</item>
        <item name="android:tabStripRight">@null</item>
        <item name="android:tabStripEnabled">false</item>
        <item name="android:divider">?android:attr/dividerVertical</item>
        <item name="android:showDividers">middle</item>
        <item name="android:dividerPadding">8dip</item>
        <item name="android:measureWithLargestChild">true</item>
        <item name="android:tabLayout">@android:layout/tab_indicator_holo</item>
    </style>

Ich hoffe das ist hilfreich.

Schöne Grüße.