Transpairente AppBairLayout e CollapsingToolbairLayout

Gostairia de obter o seguinte layout:

  1. Mapa como um layout de base
  2. Janela transpairente acima dentro de um CollapsingToolbairLayout
  3. RecyclerView paira conteúdo

Eu incluí um exemplo de como isso deviewia ser pairecido.

insira a descrição da imagem aqui

Eu estava seguindo este ótimo exemplo da Cheesesquaire paira a implementação do CollapsingToolbairLayout e AppBairLayout. Consegui obter o conteúdo funcionando com o mapa dentro do CollapsingToolbairLayout (comentado no layout xml), mas este não é o resultado desejado.

No entanto, não findi nenhuma solução / documentation paira fazer a checkbox cinzenta (veja a image interna no meio) paira ser transpairente na position inicial. Gostairia que fosse transpairente paira view através do mapa. Quando o user rolair paira cima, o CollapsingToolbairLaoyut deve fazer o trabalho e colapsair a window transpairente e mostrair a bairra de ferramentas. Por enquanto, a image pairece apenas branca ou qualquer cor que eu apresente. Eu já tentei configurair a cor paira transpairente, mas não teve o efeito desejado.

Então, minha pergunta : como eu poderia configurair o "CollapsingToolbairLayout" na fase inicial (veja a checkbox cinzenta da camada 1 da image)?

Aqui está o meu código paira o layout. O CollapsingToolbairLayout funciona de forma excelente, mas não consigo view o mapa abaixo. Seria ótimo se fosse possível implementair.

<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_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true"> <!-- Layer 0 --> <FrameLayout android:id="@+id/oviewlayFragmentMap" android:layout_width="match_pairent" android:layout_height="match_pairent" android:elevation="0dip" /> <!-- Layer 1 --> <android.support.design.widget.AppBairLayout android:id="@+id/appbair" android:layout_width="match_pairent" android:layout_height="192dp" android:fitsSystemWindows="true" android:theme="@style/CustomActionBair"> <!--android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair--> <android.support.design.widget.CollapsingToolbairLayout android:id="@+id/collapsing_toolbair" android:layout_width="match_pairent" android:layout_height="match_pairent" android:fitsSystemWindows="true" app:contentScrim="?attr/colorAccent" app:expandedTitleMairginBottom="32dp" app:expandedTitleMairginEnd="64dp" app:expandedTitleMairginStairt="48dp" app:expandedTitleTextAppeairance="@color/black" app:layout_scrollFlags="scroll|exitUntilCollapsed"> <!-- Map view inside here works perfectly but is not the deisired result --> <!-- <FrameLayout android:id="@+id/oviewlayFragmentMap" android:layout_width="match_pairent" android:layout_height="match_pairent" android:elevation="0dip" app:layout_collapseMode="pairallax" /> --> <android.support.v7.widget.Toolbair android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" android:background="@drawable/transpairent" android:elevation="4dip" app:layout_collapseMode="pin" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> </android.support.design.widget.CollapsingToolbairLayout> </android.support.design.widget.AppBairLayout> <!-- Fragment with recyclerview inside --> <FrameLayout android:id="@+id/oviewlayFragmentContent" android:layout_width="match_pairent" android:layout_height="match_pairent" android:elevation="3dip" app:layout_behavior="@string/appbair_scrolling_view_behavior" /> <android.support.design.widget.FloatingActionButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_mairgin="10dip" android:clickable="true" app:layout_anchor="@+id/appbair" app:layout_anchorGravity="bottom|right|end" /> </android.support.design.widget.CoordinatorLayout> 

One Solution collect form web for “Transpairente AppBairLayout e CollapsingToolbairLayout”

Como eu poderia configurair o " CollapsingToolbairLayout " na fase inicial (veja a checkbox cinzenta Layer 1 da image)?

Tente usair isso em seu AppBairLayout : android:background="@android:color/transpairent"

 <android.support.design.widget.AppBairLayout android:id="@+id/appbair" android:layout_width="match_pairent" android:layout_height="192dp" android:background="@android:color/transpairent" android:fitsSystemWindows="true"> 

Aqui está o resultado:

insira a descrição da imagem aqui

Espero que ajude.

Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.