Android: Comment créer des onglets comme le montrent sur l'INTERFACE utilisateur Android Page

Donc android sort de sa façon de construire cette belle INTERFACE utilisateur guide d'utilisation pour tout un chacun. Mais je ne vois nulle part où il présente des exemples de code de la façon de développer ces éléments.

L'INTERFACE utilisateur des lignes directrices pour les onglets peuvent être trouvés ici. http://developer.android.com/design/building-blocks/tabs.html.

Personne ne sait comment créer des onglets aime ce que c'est?
Android: Comment créer des onglets comme le montrent sur l'INTERFACE utilisateur Android Page

Toute aide serait appréciée, merci.

SOLUTION POSTÉ

Ok, voici donc ce que j'ai fait après probablement perdre environ 10 heures à essayer de faire de beaux onglets.

Android: Comment créer des onglets comme le montrent sur l'INTERFACE utilisateur Android Page

D'abord j'ai abandonnée l'idée d'utiliser android de la mise en œuvre des onglets. Pour une raison de l'onglet d'accueil widget est supposé obsolète pour la barre d'action, mais l'action de la barre ne fonctionne qu'à partir d'android 3 sur.

J'ai enfin compris que, si la utilisé un linéaire de la mise en page et comme arrière-plan pour le linéaire de la mise en page j'ai mis l'image que je voulais utiliser (à l'aide d'un 9 patch de l'image). Ensuite créer un linearlayout et textview pour mettre du texte sur le haut de la linearlayout. Faites ensuite votre disposition linéaire cliquable. Alors comme vous obtenez plus avancé, vous pouvez vous rendre linéaire de la mise en page d'arrière-plan d'un xml sélecteur et vous êtes bon pour aller. Au cas où vous n'obtenez pas tout ce qui est ici de mon code.

LinearLayout

    <LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:background="@color/main_screen_bg_color"
    android:orientation="horizontal"
    android:padding="2dp" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/selector_not_current"
        android:clickable="true"
        android:onClick="onClickSub"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:text="Example 1"
                android:textColor="@color/black"
                android:textSize="18sp"
                android:textStyle="bold" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/selector_current"
        android:clickable="true"
        android:onClick="onClickFoodDetails"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:text="Example 2"
                android:textColor="@color/black"
                android:textSize="18sp"
                android:textStyle="bold" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

Exemple Sélecteur De

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
      android:drawable="@drawable/selected_pressed_tab" /> <!-- pressed -->
<item android:state_focused="true"
      android:drawable="@drawable/selected_pressed_tab" /> <!-- focused -->
<item android:drawable="@drawable/selected_tab" /> <!-- default -->

Espère que cela aide tout le monde. Android onglets étaient tout simplement trop difficile gênant de travailler avec qui il était plus facile juste pour faire mon propre à partir de zéro. Bonne Chance!

  • Autant que je sache, c'est la présentation par défaut d'Android ICS à l'aide de Holo thème.
InformationsquelleAutor S.A.Jay | 2012-04-03