Commutazione tra l'immagine del Navigatore di navigazione Android e il cursore verso l'alto quando si utilizzano frammenti

Quando si utilizza il cassetto di navigazione, gli sviluppatori Android raccomandano che nell'ActionBar "solo le schermate rappresentate nel cassetto di navigazione dovrebbero effettivamente avere l'immagine del cassetto di navigazione" e che "tutte le altre schermate abbiano il carato tradizionale".

Vedi qui per i dettagli: http://youtu.be/F5COhlbpIbY

Sto usando un'attività per controllare più livelli di frammenti e riesco a far visualizzare e funzionare l'immagine del Navigatore a tutti i livelli.

Quando si creano frammenti di livello inferiore, posso chiamare ActionBarDrawerToggle setDrawerIndicatorEnabled(false)per nascondere l'immagine del cassetto di navigazione e visualizzare il cursore Su

LowerLevelFragment lowFrag = new LowerLevelFragment();

//disable the toggle menu and show up carat
theDrawerToggle.setDrawerIndicatorEnabled(false);
getSupportFragmentManager().beginTransaction().replace(R.id.frag_layout, 
lowFrag, "lowerFrag").addToBackStack(null).commit();

Il problema che sto riscontrando è quando torno indietro ai frammenti di livello superiore che mostra ancora il carato invece dell'immagine originale del Navigatore. Qualche suggerimento su come "aggiornare" la ActionBar sui frammenti di livello superiore per visualizzare nuovamente l'immagine del Navigatore?

Soluzione

Il suggerimento di Tom ha funzionato per me. Ecco cosa ho fatto:

Attività principale

Questa attività controlla tutti i frammenti nell'app.

Quando preparo nuovi frammenti per sostituirne altri, imposto DrawerToggle in setDrawerIndicatorEnabled(false)questo modo:

LowerLevelFragment lowFrag = new LowerLevelFragment();

//disable the toggle menu and show up carat
theDrawerToggle.setDrawerIndicatorEnabled(false);
getSupportFragmentManager().beginTransaction().replace(R.id.frag_layout,   
lowFrag).addToBackStack(null).commit();

Successivamente, in una sostituzione di onBackPressed, ho ripristinato quanto sopra impostando DrawerToggle in setDrawerIndicatorEnabled(true)questo modo:

@Override
public void onBackPressed() {
    super.onBackPressed();
    // turn on the Navigation Drawer image; 
    // this is called in the LowerLevelFragments
    setDrawerIndicatorEnabled(true)
}

In LowerLevelFragments

Nei frammenti ho modificato onCreatee onOptionsItemSelectedcosì:

In onCreateaggiunta setHasOptionsMenu(true)per abilitare la configurazione del menu delle opzioni. Impostare anche setDisplayHomeAsUpEnabled(true)per abilitare < nella barra delle azioni:

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // needed to indicate that the fragment would 
    // like to add items to the Options Menu        
    setHasOptionsMenu(true);    
    // update the actionbar to show the up carat/affordance 
    getActivity().getActionBar().setDisplayHomeAsUpEnabled(true);
}

Quindi onOptionsItemSelectedogni volta che si preme < chiama onBackPressed()dall'attività per salire di un livello nella gerarchia e visualizzare l'immagine del cassetto di navigazione:

@Override
public boolean onOptionsItemSelected(MenuItem item) {   
    // Get item selected and deal with it
    switch (item.getItemId()) {
        case android.R.id.home:
            //called when the up affordance/carat in actionbar is pressed
            getActivity().onBackPressed();
            return true;
        … 
    }

Hai scritto che, per implementare frammenti di livello inferiore, stai sostituendo il frammento esistente, invece di implementare il frammento di livello inferiore in una nuova attività.

Penserei che dovresti quindi implementare manualmente la funzionalità di back: quando l'utente ha premuto di nuovo hai un codice che apre lo stack (ad esempio in Activity::onBackPressedoverride). Quindi, ovunque tu lo faccia, puoi invertire il setDrawerIndicatorEnabled.

È facile come 1-2-3.

Se vuoi raggiungere:

1) Indicatore del cassetto : quando non vi sono frammenti nella pila posteriore o il cassetto è aperto

2) Freccia - quando alcuni frammenti sono nella pila posteriore

private FragmentManager.OnBackStackChangedListener
        mOnBackStackChangedListener = new FragmentManager.OnBackStackChangedListener() {
    @Override
    public void onBackStackChanged() {
        syncActionBarArrowState();
    }
};

@Override
protected void onCreate(Bundle savedInstanceState) {
    getSupportActionBar().setDisplayShowHomeEnabled(true);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    mDrawerToggle = new ActionBarDrawerToggle(
            this,             
            mDrawerLayout,  
            R.drawable.ic_navigation_drawer, 
            0, 
            0  
    ) {

        public void onDrawerClosed(View view) {
            syncActionBarArrowState();
        }

        public void onDrawerOpened(View drawerView) {
            mDrawerToggle.setDrawerIndicatorEnabled(true);
        }
    };

    mDrawerLayout.setDrawerListener(mDrawerToggle);
    getSupportFragmentManager().addOnBackStackChangedListener(mOnBackStackChangedListener);
}

@Override
protected void onDestroy() {
    getSupportFragmentManager().removeOnBackStackChangedListener(mOnBackStackChangedListener);
    super.onDestroy();
}

private void syncActionBarArrowState() {
    int backStackEntryCount = 
        getSupportFragmentManager().getBackStackEntryCount();
    mDrawerToggle.setDrawerIndicatorEnabled(backStackEntryCount == 0);
}

3) Entrambi gli indicatori agiscono in base alla loro forma

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (mDrawerToggle.isDrawerIndicatorEnabled() && 
        mDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    } else if (item.getItemId() == android.R.id.home && 
               getSupportFragmentManager().popBackStackImmediate()) {
        return true;
    } else {
        return super.onOptionsItemSelected(item);
    }
}

PS Vedi Creazione di un cassetto di navigazione per sviluppatori Android su altri suggerimenti sul comportamento dell'indicatore a 3 righe.

Ho usato la prossima cosa:

getSupportFragmentManager().addOnBackStackChangedListener(new FragmentManager.OnBackStackChangedListener() {
            @Override
            public void onBackStackChanged() {
                if(getSupportFragmentManager().getBackStackEntryCount() > 0){
                    mDrawerToggle.setDrawerIndicatorEnabled(false);
                    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
                }
                else {
                    getSupportActionBar().setDisplayHomeAsUpEnabled(false);
                    mDrawerToggle.setDrawerIndicatorEnabled(true);
                }
            }
        });

Se il pulsante su della barra delle azioni non funziona, non dimenticare di aggiungere il listener:

// Navigation back icon listener
mDrawerToggle.setToolbarNavigationClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            onBackPressed();
        }
});

Ho dei problemi nell'implementare una navigazione del cassetto con un pulsante home, tutto ha funzionato tranne il pulsante di azione.

Prova a gestire la selezione dell'elemento Home in MainActivity in base allo stato di DrawerToggle. In questo modo non è necessario aggiungere lo stesso codice ad ogni frammento.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Only handle with DrawerToggle if the drawer indicator is enabled.
    if (mDrawerToggle.isDrawerIndicatorEnabled() &&
            mDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    // Handle action buttons
    switch (item.getItemId()) {
        // Handle home button in non-drawer mode
        case android.R.id.home:
            onBackPressed();
            return true;

        default:
            return super.onOptionsItemSelected(item);
    }
}

AZIONE SUPPLEMENTARE

La soluzione fornita da @dzeikei è chiara, ma può essere estesa, quando si usano frammenti, per gestire automaticamente il settaggio dell'indicatore del cassetto quando lo zaino è vuoto.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Only handle with DrawerToggle if the drawer indicator is enabled.
    if (mDrawerToggle.isDrawerIndicatorEnabled() &&
            mDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    // Handle action buttons
    switch (item.getItemId()) {
        // Handle home button in non-drawer mode
        case android.R.id.home:
            // Use getSupportFragmentManager() to support older devices
            FragmentManager fragmentManager = getFragmentManager();
            fragmentManager.popBackStack();
            // Make sure transactions are finished before reading backstack count
            fragmentManager.executePendingTransactions();
            if (fragmentManager.getBackStackEntryCount() < 1){
                mDrawerToggle.setDrawerIndicatorEnabled(true);  
            }
            return true;

        default:
            return super.onOptionsItemSelected(item);
    }
}

MODIFICARE

Per la domanda di @JJD.

I frammenti sono mantenuti / gestiti in un'attività. Il codice sopra è scritto una volta in quell'attività, ma gestisce solo il cursore verso l'alto per il onOptionsItemSelected.

In una delle mie app avevo anche bisogno di gestire il comportamento del cursore verso l'alto quando veniva premuto il pulsante Indietro. Questo può essere gestito sostituendo onBackPressed.

@Override
public void onBackPressed() {
    // Use getSupportFragmentManager() to support older devices
    FragmentManager fragmentManager = getFragmentManager();
    fragmentManager.executePendingTransactions();
    if (fragmentManager.getBackStackEntryCount() < 1){
        super.onBackPressed();
    } else {
        fragmentManager.executePendingTransactions();
        fragmentManager.popBackStack();
        fragmentManager.executePendingTransactions();
        if (fragmentManager.getBackStackEntryCount() < 1){
            mDrawerToggle.setDrawerIndicatorEnabled(true);
        }
    }
};

Notare la duplicazione del codice tra onOptionsItemSelectede onBackPressedche può essere evitata creando un metodo e chiamando quel metodo in entrambe le posizioni.

Nota anche che aggiungo altre due volte executePendingTransactionsche nel mio caso erano necessarie, oppure a volte avevo comportamenti strani nel caret up.

Ho creato un'interfaccia per l'attività di hosting per aggiornare lo stato di visualizzazione del menu hamburger. Per i frammenti di livello superiore ho impostato l'interruttore su truee per i frammenti per i quali voglio visualizzare la freccia su <ho impostato l'interruttore su false.

public class SomeFragment extends Fragment {

    public interface OnFragmentInteractionListener {
        public void showDrawerToggle(boolean showDrawerToggle);
    }

    private OnFragmentInteractionListener mListener;

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        try {
            this.mListener = (OnFragmentInteractionListener) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException(activity.toString() + " must implement OnFragmentInteractionListener");
        }
    }

    @Override
    public void onResume() {
        super.onResume();
        mListener.showDrawerToggle(false);
    }
}

Quindi nella mia attività ...

public class MainActivity extends Activity implements SomeFragment.OnFragmentInteractionListener {

    private ActionBarDrawerToggle mDrawerToggle;

    public void showDrawerToggle(boolean showDrawerIndicator) {
        mDrawerToggle.setDrawerIndicatorEnabled(showDrawerIndicator);
    }

}

Questa risposta funzionava ma c'era un piccolo problema. Non è getSupportActionBar().setDisplayHomeAsUpEnabled(false)stato chiamato in modo esplicito e stava facendo sì che l'icona del cassetto fosse nascosta anche quando non c'erano oggetti nello zaino, quindi cambiando il setActionBarArrowDependingOnFragmentsBackStack()metodo ha funzionato per me.

private void setActionBarArrowDependingOnFragmentsBackStack() {
        int backStackEntryCount = getSupportFragmentManager()
                .getBackStackEntryCount();
        // If there are no items in the back stack
        if (backStackEntryCount == 0) {
            // Please make sure that UP CARAT is Hidden otherwise Drawer icon
            // wont display
            getSupportActionBar().setDisplayHomeAsUpEnabled(false);
            // Display the Drawer Icon
            mDrawerToggle.setDrawerIndicatorEnabled(true);
        } else {
            // Show the Up carat
            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            // Hide the Drawer Icon
            mDrawerToggle.setDrawerIndicatorEnabled(false);
        }

    }

La logica è chiara. Mostra il pulsante Indietro se lo stack posteriore del frammento è chiaro. Mostra l'animazione materiale hamburger-back se la pila di frammenti non è chiara.

getSupportFragmentManager().addOnBackStackChangedListener(
    new FragmentManager.OnBackStackChangedListener() {
        @Override
        public void onBackStackChanged() {
            syncActionBarArrowState();
        }
    }
);


private void syncActionBarArrowState() {
    int backStackEntryCount = getSupportFragmentManager().getBackStackEntryCount();
    mNavigationDrawerFragment.setDrawerIndicatorEnabled(backStackEntryCount == 0);
}

//add these in Your NavigationDrawer fragment class

public void setDrawerIndicatorEnabled(boolean flag){
    ActionBar actionBar = getActionBar();
    if (!flag) {
        mDrawerToggle.setDrawerIndicatorEnabled(false);
        actionBar.setDisplayHomeAsUpEnabled(true);
        mDrawerToggle.setHomeAsUpIndicator(getColoredArrow());
    } else {
        mDrawerToggle.setDrawerIndicatorEnabled(true);
    }
    mDrawerToggle.syncState();
    getActivity().supportInvalidateOptionsMenu();
}

//download back button from this(https://www.google.com/design/icons/) website and add to your project

private Drawable getColoredArrow() {
    Drawable arrowDrawable = ContextCompat.getDrawable(getActivity(), R.drawable.ic_arrow_back_black_24dp);
    Drawable wrapped = DrawableCompat.wrap(arrowDrawable);

    if (arrowDrawable != null && wrapped != null) {
        // This should avoid tinting all the arrows
        arrowDrawable.mutate();
        DrawableCompat.setTint(wrapped, Color.GRAY);
    }
    return wrapped;
}

Se dai un'occhiata all'app GMAIL e vieni qui per cercare l'icona del carret / accessorio.

Ti chiederei di farlo, nessuna delle risposte sopra era chiara. sono stato in grado di modificare la risposta accettata.

• NavigationDrawer -> Listview contiene subframment.

  ---

• le subframmenti verranno elencate in questo modo

• firstFragment == position 0 ---> questo avrà dei frammenti secondari -> frammento

• secondFragment
• thirdFragment e così via ....

In firstFragment hai altri frammenti.

Chiamalo su DrawerActivity

getFragmentManager().addOnBackStackChangedListener(new FragmentManager.OnBackStackChangedListener() {
        @Override
        public void onBackStackChanged() {
            if (getFragmentManager().getBackStackEntryCount() > 0) {
                mDrawerToggle.setDrawerIndicatorEnabled(false);
            } else {
                mDrawerToggle.setDrawerIndicatorEnabled(true);
            }
        }
    });

e in frammento

    setHasOptionsMenu(true);    

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Get item selected and deal with it
    switch (item.getItemId()) {
        case android.R.id.home:
            //called when the up affordance/carat in actionbar is pressed
            activity.onBackPressed();
            return true;
    }
    return false;
}

Sul metodo di attività del cassetto OnBackPressed impostare l'interruttore del cassetto su true per abilitare nuovamente l'icona dell'elenco di navigazione.

Grazie, Pusp

Puoi vedere questo piccolo esempio! https://github.com/oskarko/NavDrawerExample

IMO, usando onNavigateUp () (come mostrato qui ) nella soluzione di riwnodennyk o Tom è più pulito e sembra funzionare meglio. Sostituisci semplicemente il codice onOptionsItemSelected con questo:

@Override
public boolean onSupportNavigateUp() {
    if (getSupportFragmentManager().getBackStackEntryCount() > 0) {
        // handle up navigation
        return true;
    } else {
        return super.onSupportNavigateUp();
    }
}