Şeffaf AppBarLayout ve CollapsingToolbarLayout

Question

Aşağıdaki düzeni başarmak istiyoruz Bunun nasıl olması gerektiğine dair bir örnek.

Ben CollapsingToolbarLayout ve AppBarLayout uygulanması için Cheesesquare gelen bu büyük örneği takip ediyordu. CollapsingToolbarLayout içerisindeki harita ile çalışan içeriği almayı başardım (xml düzeninde yorumlanmıştır), ancak bu istenen sonuç değildir. Bununla birlikte gri kutu (başlangıçta içteki resme bakın) ilk pozisyonda şeffaf hale getirmek için herhangi bir çözüm/belge bulamadım. Haritaya bakmak için şeffaf olmasını isterim. Kullanıcı yukarı giderse, CollapsingToolbarLaoyut bunu yapmalı ve şeffaf pencereyi daraltmalı ve Araç Çubuğunu göstermelidir. Şimdilik görüntü sadece beyaz ya da verdiğim renkten ibaret görünüyor. Rengi saydam olarak ayarlamaya çalıştım, ancak istenen etkiye sahip değildi.

Benim soru: nasıl ayarlayabilirsiniz "CollapsingToolbarLayout" şeffaf başlangıç ​​safhasında (görüntü Katman 1 gri kutu bakınız)?

Düzen için benim kodum İşte. CollapsingToolbarLayout harika çalışıyor, ancak aşağıdaki haritayı göremiyorum. Uygulanması mümkün olsaydı harika olurdu. Ben başlangıç ​​safhasında "CollapsingToolbarLayout" şeffaf set olabilir (görüntü Katman 1 gri kutuya bakın) Nasıl

<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" 
    android:fitsSystemWindows="true"> 


    <!-- Layer 0 --> 
    <FrameLayout 
     android:id="@+id/overlayFragmentMap" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:elevation="0dip" 
     /> 


    <!-- Layer 1 --> 
    <android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="192dp" 
     android:fitsSystemWindows="true" 
     android:theme="@style/CustomActionBar"> 
     <!--android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar--> 

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorAccent" 
      app:expandedTitleMarginBottom="32dp" 
      app:expandedTitleMarginEnd="64dp" 
      app:expandedTitleMarginStart="48dp" 
      app:expandedTitleTextAppearance="@color/black" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed"> 


      <!-- Map view inside here works perfectly but is not 
      the deisired result --> 
      <!-- 
      <FrameLayout 
       android:id="@+id/overlayFragmentMap" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:elevation="0dip" 
       app:layout_collapseMode="parallax" 
       /> 
      --> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       android:background="@drawable/transparent" 
       android:elevation="4dip" 
       app:layout_collapseMode="pin" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

     </android.support.design.widget.CollapsingToolbarLayout> 
    </android.support.design.widget.AppBarLayout> 




    <!-- Fragment with recyclerview inside --> 
    <FrameLayout 
     android:id="@+id/overlayFragmentContent" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:elevation="3dip" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

    <android.support.design.widget.FloatingActionButton 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="10dip" 
     android:clickable="true" 
     app:layout_anchor="@+id/appbar" 
     app:layout_anchorGravity="bottom|right|end" /> 

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

Answer 1

?

deneyin senin AppBarLayout bu kullanmak: Burada android:background="@android:color/transparent"

<android.support.design.widget.AppBarLayout 
      android:id="@+id/appbar" 
      android:layout_width="match_parent" 
      android:layout_height="192dp" 
      android:background="@android:color/transparent" 
      android:fitsSystemWindows="true"> 

sonucudur: yardımcı

Umut.