10

bi'şey malzeme tasarımı ile bir Android uygulaması üzerinde çalışıyor iç içe bir ImageView degrade ekleyin. Bir CollapsingToolbarLayout ve bir ImageView (şimdiye kadar gayet iyi çalışıyor) ile bir detay görünümü var. Ne yazık ki, parlak bir görüntü varsa başlık okunamaz. screenshot of this issue Şimdiye kadar bir gradyan (Add gradient to imageview) ekleyin çalıştı ancak bu çözüm CollapsingToolbarLayout yüzünden benim için çalışmadı. Burada benim kodunu görebilirsiniz:Nasıl CollapsingToolbar

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

<android.support.design.widget.AppBarLayout 
    android:layout_height="256dp" 
    android:layout_width="match_parent" 
    android:fitsSystemWindows="true" 
    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" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     app:contentScrim="@color/primary" 
     android:fitsSystemWindows="true" 
     app:expandedTitleMarginEnd="50dp" 
     app:expandedTitleMarginStart="50dp" 
     > 


     <!--<View 
      android:background="@drawable/actionbar_gradient_dark" 
     />--> 
      <ImageView 
       android:id="@+id/backimg" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:fitsSystemWindows="true" 
       app:layout_collapseMode="parallax" 
       android:scaleType="centerCrop" 
       app:layout_scrollFlags="scroll|enterAlways" 
       /> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/detailToolbar" 
      android:layout_height="?attr/actionBarSize" 
      android:layout_width="match_parent" 
      app:layout_collapseMode="pin" 
      app:layout_collapseParallaxMultiplier="0.7" 
      app:layout_scrollFlags="scroll|enterAlways" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

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

kimse bu soruna yönelik bir çözüm biliyor mu?

+0

:

<FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/backimg" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:layout_collapseMode="parallax" android:scaleType="centerCrop" android:src="@drawable/image" app:layout_scrollFlags="scroll|enterAlways" /> <View android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/actionbar_gradient_dark" /> </FrameLayout> 

sizin degrade böyle bir şey olduğundan emin olun yazı tipine benzer renk? –

+0

Benim başlığına benzer renk ile tüm resimler için gradyan kullandı. – Jobs

cevap

19

bir FrameLayout daki ImageView sarın ve bir arka plana sahip bir Görünüm ekleyin: olan yalnızca resimlerle o degrade uygulamak dou

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" > 
    <gradient 
     android:angle="90" 
     android:endColor="@android:color/transparent" 
     android:startColor="@android:color/black" /> 
    <corners android:radius="0dp" /> 
</shape> 
+0

Teşekkürler :) Çalıştı! Size dou – Jobs

+0

sadece yazı tipi benzer renge sahip görüntülere o degrade uygulayın? –