Barre d'outils transparent

create_account.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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="io.sleeko.board.CreateAccountActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <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>

<include layout="@layout/content_create_account" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>

J'ai besoin de faire le ci-dessus ToolBar transparent. de sorte que l'on peut voir l'Image d'arrière-plan.J'ai essayé différentes méthodes. mais ne pouvait pas trouver la bonne solution.

s'il vous plaît aider.grâce

OriginalL'auteur Nabeel K | 2015-10-31

  1. 52

    La plupart du temps, nous voulons la barre d'outils pour être translucide parce que nous voulons montrer le contenu derrière elle. Le problème est que les couleurs de ce contenu derrière la barre d'outils peuvent entrer en collision avec la couleur de la barre d'outils des éléments de texte/(haut/flèche vers la gauche par exemple).

    Pour cette raison que vous verrez dans beaucoup d'implémentations de la barre d'outils est en fait pas transparent mais translucide avec un dégradé.

    Vous pouvez obtenir ce avec le code suivant:

    <?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@drawable/background_toolbar_translucent" />

    background_toolbar_translucent.xml

    <?xml version="1.0" encoding="utf-8"?>

<shape
    xmlns:android="http://schemas.android.com/apk/res/android">

    <gradient
        android:angle="270"
        android:endColor="@android:color/transparent"
        android:startColor="@color/black_alpha_40"/>
</shape>

    colors.xml

    <color name="black_alpha_40">#66000000</color>

    Vous pouvez jouer avec différentes valeurs du gradient, ce que j'ai trouvé, c'est que pour les éléments blanc, le noir 40% fonctionne très bien.

    Une autre chose que vous pourriez faire est de cacher le titre de la barre d'outils.

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    Et montrent l'affordance...

    getSupportActionBar().setDisplayShowTitleEnabled(false);

    Ne vous inquiétez pas si vous voyez quelque chose de ce genre dans l'aperçu de la mise en panneau de...
    Barre d'outils transparent

    Il est très différent lorsque est en fait qui se chevauchent le contenu:

    Barre d'outils transparent

    Dois-je ajouter une image dans la barre d'outils ?
    merci de ce fait la job
    Merci, cela a fonctionné à merveille. Si vous utilisez AppBarLayout assurez-vous d'appliquer la ligne de android:background="@drawable/background_toolbar_translucent" ligne à la AppBaryLayout et de laisser la Barre d'outils sans arrière-plan.
    Merci beaucoup! Il a travaillé! 🙂 Dans mon cas, j'ai ajouté le bg dans AppBarLayout et aussi setElevation=0dp pour se débarrasser de fond de l'ombre de l'actionbar 🙂
    Malheureusement, il ne fonctionne pas pour moi. Je l'utilise sur la barre d'outils à l'intérieur de la AppBarLayout dans un CoordinatorLayout. Le gradient est appliqué, mais le problème, c'est la couleur bleue de la barre d'outils ne va pas loin. Le gradient est appliqué sur le flou de la couleur. Comment puis-je faire la couleur bleue de la barre d'outils disparaissent ?

    OriginalL'auteur

  2. 5

    Voici ma solution.

    <android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay"
    android:background="#00000000">

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

    OriginalL'auteur

  3. 0

    Essayer ça:

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@android:color/transparent"
        app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

    et le supprimer avec la balise de fin:

    <android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    Mais ne pas se rendre totalement transparent, vous pouvez utiliser la couleur de la transparence comme #93000000 de sorte qu'il sera comme ceci:

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#93000000"
        app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />
    Dois-je supprimer un thème appliqué pour les applications alot ?
    sa ne fonctionne pas
    voir mes modifications...
    dois-je supprimer barre d'applications ?
    Vous pouvez lui donner de la transparence comme: android:background="@android:color/transparent" mais AppBarLayout fait de l'ombre peut faire moche et que les ombres ne disparaît pas avec la transparence, c'est tout juste de retour de votre propre choix. Juste lui donner un essai!

    OriginalL'auteur