web-dev-qa-db-fra.com

Affectation de fragments aux onglets de la barre d’action avec différentes orientations

J'ai 3 fragments et une activité. Je veux activer les onglets sur la ActionBar et assigner une Fragment à chacun des 3 onglets. Comment puis-je relier cela correctement?

ORIGINAL POST

Je développe une application à l'aide de l'application Google I/O. J'ai implémenté des onglets dans la ActionBar. Ils semblent fonctionner jusqu'à ce que l'orientation de la tablette change. Par exemple, les 3 onglets ont une Fragment. Je peux très bien passer de l'un à l'autre, mais lorsque je change d'orientation, quelle que soit la Fragment de ma dernière visite, celle-ci reste visible, mais le fait de cliquer sur les onglets ne modifie plus la vue ... comme s'ils étaient déconnectés. Comme on pouvait s'y attendre, revenir à l'orientation d'origine ne "règle" pas le problème.

J'ai examiné l'état de sauvegarde et de restauration, mais je ne vois pas en quoi cela aiderait. 

MODIFIER 

niveau du module:

Fragment mFragmentA = (Fragment) new AFragmentTab();
Fragment mFragmentB = (Fragment) new BFragmentTab();
Fragment mFragmentC = (Fragment) new CFragmentTab();

J'ai quelque chose comme ceci dans l'activité onCreate:

ActionBar actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
actionBar.setDisplayShowTitleEnabled(false);

ActionBar.Tab tabA = actionBar.newTab().setText("text a");
ActionBar.Tab tabB = actionBar.newTab().setText("text b");
ActionBar.Tab tabC = actionBar.newTab().setText("text c");

tabA.setTabListener(this);
tabB.setTabListener(this);
tabC.setTabListener(this);

actionBar.addTab(tabA);
actionBar.addTab(tabB);
actionBar.addTab(tabC);

et une TabListener comme ceci: 

EDIT ceci est supprimé

class MyTabListener implements ActionBar.TabListener {
    private Fragment mFragment;

    // Called to create an instance of the listener when adding a new tab
    public MyTabListener(Fragment fragment) {
        mFragment = fragment;
    }

    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        ft.add(R.id.fragment_content, mFragment, null);
    }

    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        ft.remove(mFragment);
    }

    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        // do nothing
    }
}

MODIFIER

J'ai déplacé le TabListener. Au lieu d’être une classe séparée, j’implémente TabListener sur Activity. Ensuite, sur les méthodes Selected et Unselected, j'ai quelque chose comme:

public void onTabSelected(Tab tab, FragmentTransaction ft) {
    switch (tab.getPosition()) {
    case 0:
        ft.add(R.id.fragment_content, mFragmentA, null);
        break;
    case 1:
        ft.add(R.id.fragment_content, mFragmentB, null);
        break;
    case 2:
        ft.add(R.id.fragment_content, mFragmentC, null);
        break;
    }
}

public void onTabUnselected(Tab tab, FragmentTransaction ft) {
    switch (tab.getPosition()) {
    case 0:
        ft.remove(mFragmentA);
        break;
    case 1:
        ft.remove(mFragmentB);
        break;
    case 2:
        ft.remove(mFragmentC);
        break;
    }
}

Il fait toujours la même chose. Je ne sais vraiment pas ce qui se passe. 

25
Metallicraft

On peut trouver ma réponse ici: http://developer.Android.com/resources/samples/ApiDemos/src/com/example/Android/apis/app/FragmentTabs.html

/*
 * Copyright (C) 2011 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.Apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package com.example.Android.apis.app;

import com.example.Android.apis.R;


import Android.app.ActionBar;
import Android.app.ActionBar.Tab;
import Android.app.Activity;
import Android.app.Fragment;
import Android.app.FragmentTransaction;
import Android.os.Bundle;
import Android.widget.Toast;

/**
 * This demonstrates the use of action bar tabs and how they interact
 * with other action bar features.
 */
public class FragmentTabs extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        final ActionBar bar = getActionBar();
        bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);

        bar.addTab(bar.newTab()
                .setText("Simple")
                .setTabListener(new TabListener<FragmentStack.CountingFragment>(
                        this, "simple", FragmentStack.CountingFragment.class)));
        bar.addTab(bar.newTab()
                .setText("Contacts")
                .setTabListener(new TabListener<LoaderCursor.CursorLoaderListFragment>(
                        this, "contacts", LoaderCursor.CursorLoaderListFragment.class)));
        bar.addTab(bar.newTab()
                .setText("Apps")
                .setTabListener(new TabListener<LoaderCustom.AppListFragment>(
                        this, "apps", LoaderCustom.AppListFragment.class)));
        bar.addTab(bar.newTab()
                .setText("Throttle")
                .setTabListener(new TabListener<LoaderThrottle.ThrottledLoaderListFragment>(
                        this, "throttle", LoaderThrottle.ThrottledLoaderListFragment.class)));

        if (savedInstanceState != null) {
            bar.setSelectedNavigationItem(savedInstanceState.getInt("tab", 0));
        }
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt("tab", getActionBar().getSelectedNavigationIndex());
    }

    public static class TabListener<T extends Fragment> implements ActionBar.TabListener {
        private final Activity mActivity;
        private final String mTag;
        private final Class<T> mClass;
        private final Bundle mArgs;
        private Fragment mFragment;

        public TabListener(Activity activity, String tag, Class<T> clz) {
            this(activity, tag, clz, null);
        }

        public TabListener(Activity activity, String tag, Class<T> clz, Bundle args) {
            mActivity = activity;
            mTag = tag;
            mClass = clz;
            mArgs = args;

            // Check to see if we already have a fragment for this tab, probably
            // from a previously saved state.  If so, deactivate it, because our
            // initial state is that a tab isn't shown.
            mFragment = mActivity.getFragmentManager().findFragmentByTag(mTag);
            if (mFragment != null && !mFragment.isDetached()) {
                FragmentTransaction ft = mActivity.getFragmentManager().beginTransaction();
                ft.hide(mFragment);
                ft.commit();
            }
        }

        public void onTabSelected(Tab tab, FragmentTransaction ft) {
            if (mFragment == null) {
                mFragment = Fragment.instantiate(mActivity, mClass.getName(), mArgs);
                ft.add(Android.R.id.content, mFragment, mTag);
            } else {
                ft.show(mFragment);
            }
        }

        public void onTabUnselected(Tab tab, FragmentTransaction ft) {
            if (mFragment != null) {
                ft.hide(mFragment);
            }
        }

        public void onTabReselected(Tab tab, FragmentTransaction ft) {
            Toast.makeText(mActivity, "Reselected!", Toast.LENGTH_SHORT).show();
        }
    }
}
22
Metallicraft

Le lien fourni par @Metallicraft est mort, voici donc de l'aide pour ceux qui tombent encore sur ce message. Allez ici pour obtenir de l'aide pour mettre en place des onglets.

Pour voir/lire l'exemple original, vous pouvez accéder au dossier suivant si vous avez installé l'environnement de développement Android: Android-sdk\samples\Android-14\ApiDemos\src\com\example\Android\apis\app\FragmentTabs.Java

De plus, si vous rencontrez des problèmes de chevauchement de fragments après l'orientation, changez-le en fonction des informations enregistrées. Voici un copier/coller d'un google tutorial qui explique le problème de chevauchement des fragments et comment l'éviter:

import Android.os.Bundle;
import Android.support.v4.app.FragmentActivity;

public class MainActivity extends FragmentActivity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.news_articles);

        // Check that the activity is using the layout version with
        // the fragment_container FrameLayout
        if (findViewById(R.id.fragment_container) != null) {

            // However, if we're being restored from a previous state,
            // then we don't need to do anything and should return or else
            // we could end up with overlapping fragments.
            if (savedInstanceState != null) {
                return;
            }

            // Create an instance of ExampleFragment
            HeadlinesFragment firstFragment = new HeadlinesFragment();

            // In case this activity was started with special instructions from an Intent,
            // pass the Intent's extras to the fragment as arguments
            firstFragment.setArguments(getIntent().getExtras());

            // Add the fragment to the 'fragment_container' FrameLayout
            getSupportFragmentManager().beginTransaction()
                    .add(R.id.fragment_container, firstFragment).commit();
        }
    }
}
7
Warpzit

Créez un nouveau projet exemple Android, choisissez l'exemple Support4Demos. Vous trouverez ici l'exemple FragmentTabs.

2
azevik

J'avais plus ou moins le même problème, mais les solutions présentées ci-dessus ne semblaient pas fonctionner dans ma situation. Finalement, j'ai trouvé la solution suivante:

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        if (mFragment == null) {
            mFragment = Fragment.instantiate(mActivity, mClass.getName());
            ft.replace(Android.R.id.content, mFragment, mTag); // Use replace iso add
        }
        else {
            ft.attach(mFragment);
        }
    }
1
Boeboe
        @Override
        public void onTabSelected(ActionBar.Tab tab, Android.support.v4.app.FragmentTransaction fragmentTransaction) {
            // Check if the fragment is already initialized

            if (mFragment == null) {
                // If not, instantiate and add it to the activity
               // Toast.makeText(getApplicationContext(),"TAb "+tab.getPosition(),Toast.LENGTH_LONG).show();
                if(tab.getPosition() == 1) {
                   mFragment = new HolderFragment();
                    fragmentTransaction.add(Android.R.id.content, mFragment, mTag);
                }
                else if(tab.getPosition() == 0)
                {
                    mFragment = new FragmentKnowledge();
                    fragmentTransaction.add(Android.R.id.c`enter code here`ontent, mFragment, mTag);

                }
                /*else
                {

                     mFragment = Fragment.instantiate(mActivity, mClass.getName());
                    fragmentTransaction.add(Android.R.id.content, mFragment, mTag);
                }
*/
            } else {
                // If it exists, simply attach it in order to show it
                fragmentTransaction.attach(mFragment);
            }
        }
0
Aye Su Naing

Cela a bien fonctionné pour moi! J'ai eu ce problème où les activités se chevauchaient chaque fois que j'ai changé les onglets:

        mFragment = mActivity.getFragmentManager().findFragmentByTag(mTag);
        if (mFragment != null && !mFragment.isDetached()) {
            FragmentTransaction ft = mActivity.getFragmentManager().beginTransaction();
            ft.detach(mFragment);
            ft.commit();

Merci encore!

0
saman0suke