web-dev-qa-db-fra.com

Comment fournir la navigation vers le haut avec le bouton d'accueil de la barre d'outils dans la barre d'outils v7

J'ai une barre d'outils dans mon activité (import Android.support.v7.widget.Toolbar;) et j'essaie de fournir une navigation vers le haut à l'aide de son bouton d'accueil. Ce que j'ai:

Manifeste:

<!-- ... -->
<activity Android:name=".SettingsActivity"
          Android:label="@string/settings"
          Android:parentActivityName=".MainActivity"/>
<!-- ... -->

view_toolbar.xml:

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v7.widget.Toolbar
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:id="@+id/toolbar"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:fitsSystemWindows="true"
    Android:minHeight="?attr/actionBarSize"
    Android:background="?attr/colorPrimary"
    Android:elevation="4dp">
</Android.support.v7.widget.Toolbar>

activity_settings.xml:

<?xml version="1.0" encoding="utf-8"?>
<Android.support.design.widget.CoordinatorLayout
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <!-- Toolbar -->
    <include
        layout="@layout/view_toolbar" />

    <!-- ... -->

ma méthode onCreate:

super.onCreate(bundle)
setContentView(R.layout.activity_settings);

// Set the toolbar
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

Jusqu'ici, je ne devrais pas avoir de bouton haut et je n'en ai pas. Donc ça va. Mais quand j'ai essayé de l'ajouter, je ne pouvais pas.

J'ai d'abord essayé ceci:

getSupportActionBar().setDisplayShowHomeEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

Ca n'a pas marché ..__ Ensuite, j'ai essayé ceci (comme montré ici ):

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
    Toast.makeText(ToolbarActivity.this, "Up clicked", 
        Toast.LENGTH_SHORT).show();
    NavUtils.navigateUpFromSameTask(ToolbarActivity.this);
}
});

J'ai même essayé une solution que j'avais vue quelque part, impliquant la création d'un menu factice et essayant d'obtenir l'événement de onOptionsItemSelected (qui n'est jamais appelé en passant).

Que puis-je faire? Quelle est la bonne façon de fournir une navigation vers le haut via la barre d’outils?

androidandroid-toolbar
14
TheCrafter

Aviez-vous le code ci-dessous pour définir votre barre d'outils en tant que barre d'action d'activité par défaut?

setSupportActionBar(toolbar);

Vous n'avez pas défini d'icône d'image sur le bouton d'accueil. Peut-être apparaît-elle, mais vous ne la voyez pas.

getSupportActionBar().setHomeAsUpIndicator(iconDrawable);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

et comme @Gonzalo l'a dit, vous devez également remplacer l'événement de sélection de menu pour gérer l'événement bouton OnClick du bouton d'accueil

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
    // Respond to the action bar's Up/Home button
    case Android.R.id.home:
        //handle the home button onClick event here.
        return true;
    case Android.R.id.other_menu
        return true
    }

    return super.onOptionsItemSelected(item);
}

et pourquoi n’avez-vous pas une barre d’application pour contenir la barre d’outils?

<Android.support.design.widget.AppBarLayout
        Android:id="@+id/baseAppbarLayout"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content">

        <Android.support.v7.widget.Toolbar
            Android:id="@+id/baseToolbar"
            Android:layout_width="match_parent"
            Android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

</Android.support.design.widget.AppBarLayout>

Plus de détails sur la mise en œuvre de la barre d’action, jetez un coup d’œil à mon projet github, en espérant que cela puisse aider:

Code Java https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/Java/com/daililol/material/appbase/base/BaseActionbarActivity.Java

code xml https://github.com/DanielShum/MaterialAppBase/blob/master/materialAppBaseLibrary/src/main/res/layout/base_actionbar_activity.xml

13
Daniel Martin Shum

Vous pouvez le faire comme ça.

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setTitle(R.string.title);
toolbar.setNavigationIcon(R.mipmap.back); // just setNavigationIcon
setSupportActionBar(toolbar);

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        // Respond to the toorbar's NavigationIcon as up/home button
        case Android.R.id.home:
            //NavigationIcon
            return true;
    }
    return super.onOptionsItemSelected(item);
}
2
David Wong

Autant que je sache, le bouton Précédent de la barre d’outils est traité comme un élément de menu. Vous devez donc remplacer la valeur onOptionsItemSelected.

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
    // Respond to the action bar's Up/Home button
    case Android.R.id.home:
        //Home/back button
        return true;
    }
    return super.onOptionsItemSelected(item);
}
0
Gonzalo

J'ai trouvé un moyen simple. Ce qui fonctionne parfaitement selon les attentes.

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar_id);
    toolbar.setTitleTextColor(Color.WHITE);
    toolbar.setTitle(getResources().getString(R.string.your_title));
    toolbar.setNavigationIcon(R.mipmap.back_btn);
    setSupportActionBar(toolbar);

    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            onBackPressed();  // byDefault provided backPressed method, or handle your own way
        }
    });
0
Tara

Moi aussi, j'ai eu ce genre de problème plus tôt. Je soupçonne que quelque chose se passe avec include. Essayez d’ajouter une id à la disposition de la barre d’outils, comme

<include
    layout="@layout/view_toolbar"
    id = "@+id/incl_toobar"/>

Et maintenant, essayez d'obtenir la barre d'outils en utilisant incl_toolbar.

Toolbar toolbar = (Toolbar) findViewById(R.id.incl_toolbar);

J'espère que cela t'aides. 

Cordialement,
Sree

0
sha

C'est très simple. Il suffit de suivre les étapes suivantes:

  1. Ajoutez la barre d’outils au activity_child.xml:

(Dans mon projet, cette AppBarLayout est placée dans une ConstraintLayout)

<Android.support.design.widget.AppBarLayout
            Android:id="@+id/appBarLayout"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:theme="@style/AppTheme.AppBarOverlay"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <Android.support.v7.widget.Toolbar
                Android:id="@+id/toolbar"
                Android:layout_width="match_parent"
                Android:layout_height="?attr/actionBarSize"
                Android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

</Android.support.design.widget.AppBarLayout>

...
  1. Configurer la barre d’outils dans le ChildActivity.Java
public class ChildActivity extends AppCompatActivity
{

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_child);

        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_arrow_back_black_24dp);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
  }

  ...
}
  1. définir la propriété parentActivityName dans AndroidManifest.xml
<activity Android:name=".ChildActivity"
            Android:theme="@style/AppTheme.NoActionBar"
            Android:parentActivityName=".ParentActivity"/>

Important

Pour que cela fonctionne correctement, ne pas appelez finish() dans l'activité parent après avoir appelé startActivity(intent).

0
Yashas