您的位置: 首页  >  技术问答  >  如何在折叠时更改工具栏图标颜色

如何在折叠时更改工具栏图标颜色

分类: 技术问答 • 2022-08-20 09:21:10
问题描述：

我在我的项目中使用了CoordinatorLayout。它工作正常，但有一个问题，我需要修复。我使用白色的操作栏图标和当CoordinatorLayout扩展和背景颜色是白色时，我看不到任何这些图标。如何在折叠时更改工具栏图标颜色

我在一个应用程序中看到了这个。当CoordinatorLayout展开时，图标变暗，向下滚动时，图标开始变为白色。

http://i.stack.imgur.com/rCCQb.png

，你可以看到，当它展开的图标是黑暗和它关闭时，图标变成白色。

其开始转变的时候，向下滚动，直到它完全从黑暗的图标转换为白色图标

抱歉而不安装代码，这里是我的代码：

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


<android.support.design.widget.AppBarLayout 
    android:id="@+id/app_bar_layout" 
    android:layout_width="match_parent" 
    android:layout_height="240dp" 
    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" 
     android:fitsSystemWindows="true" 
     app:contentScrim="#FF4548" 
     app:expandedTitleMarginEnd="64dp" 
     app:expandedTitleMarginStart="48dp" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

     <RelativeLayout 
      android:id="@+id/slidelayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:paddingTop="?attr/actionBarSize" 
      android:background="#fff"> 

      <android.support.v4.view.ViewPager 
       android:id="@+id/pager" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" /> 

      <com.viewpagerindicator.CirclePageIndicator 
       android:id="@+id/indicator" 
       android:layout_width="fill_parent" 
       android:layout_height="10dp" 
       android:layout_alignParentBottom="true" 
       android:layout_marginBottom="7dp" /> 
     </RelativeLayout> 

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

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:paddingLeft="3dp" 
      android:layout_gravity="top" 
      android:paddingRight="3dp" 
      app:layout_collapseMode="pin"> 

      <ImageView 
       android:id="@+id/imgsearch" 
       android:layout_width="wrap_content" 
       android:layout_height="?attr/actionBarSize" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentTop="true" 
       android:layout_marginRight="2dp" 
       android:paddingBottom="5dp" 
       android:src="@drawable/ic_action_search" 
       android:visibility="visible" /> 

      <ImageView 
       android:id="@+id/imgshare" 
       android:layout_width="wrap_content" 
       android:layout_height="?attr/actionBarSize" 
       android:layout_alignParentTop="true" 
       android:layout_marginLeft="5dp" 
       android:layout_toRightOf="@+id/imgsearch" 
       android:paddingBottom="5dp" 
       android:src="@drawable/ic_action_share" 
       android:visibility="visible" /> 

      <ImageView 
       android:id="@+id/imglike" 
       android:layout_width="wrap_content" 
       android:layout_height="?attr/actionBarSize" 
       android:layout_alignParentTop="true" 
       android:layout_marginLeft="5dp" 
       android:layout_toRightOf="@+id/imgshare" 
       android:paddingBottom="5dp" 
       android:src="@drawable/ic_action_favorite" 
       android:visibility="visible" /> 

      <RelativeLayout 
       android:id="@+id/sabadkharidslayout" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginLeft="10dp" 
       android:layout_toRightOf="@+id/imglike" 
       android:visibility="gone"> 

       <ImageView 
        android:id="@+id/img_sabad" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerVertical="true" 
        android:layout_marginRight="10dp" 
        android:src="@drawable/sabad" /> 

       <RelativeLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true" 
        android:layout_marginBottom="15dp" 
        android:layout_marginRight="10dp" 
        android:background="@drawable/circle"> 

        <TextView 
         android:id="@+id/text_numkharid" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_centerHorizontal="true" 
         android:gravity="right" 
         android:includeFontPadding="false" 
         android:singleLine="true" 
         android:textColor="#fff" 
         android:textSize="12sp" /> 
       </RelativeLayout> 
      </RelativeLayout> 

      <ImageView 
       android:id="@+id/back" 
       android:layout_width="wrap_content" 
       android:layout_height="?attr/actionBarSize" 
       android:layout_alignParentRight="true" 
       android:layout_alignParentTop="true" 
       android:layout_marginRight="5dp" 
       android:paddingBottom="5dp" 
       android:rotationY="180" 
       android:src="@drawable/ic_action_back" 
       android:visibility="visible" /> 

      <TextView 
       android:id="@+id/textVieww1" 
       android:layout_width="wrap_content" 
       android:layout_height="?attr/actionBarSize" 
       android:layout_marginRight="5dp" 
       android:layout_toLeftOf="@+id/back" 
       android:gravity="right|center_vertical" 
       android:shadowColor="#eee" 
       android:shadowDx="2" 
       android:shadowDy="2" 
       android:shadowRadius="4" 
       android:singleLine="true" 
       android:textColor="#fff" 
       android:textSize="17sp" /> 

      <AutoCompleteTextView 
       android:id="@+id/editText1" 
       android:layout_width="150dp" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:layout_marginRight="10dp" 
       android:layout_toLeftOf="@+id/textVieww1" 
       android:layout_toRightOf="@+id/sabadkharidslayout" 
       android:background="#fff" 
       android:completionThreshold="1" 
       android:dropDownWidth="match_parent" 
       android:ems="10" 
       android:singleLine="true" 
       android:gravity="right" 
       android:paddingBottom="5dp" 
       android:paddingTop="5dp" 
       android:textSize="12sp" 
       android:visibility="gone"> 

       <requestFocus /> 
      </AutoCompleteTextView> 
     </RelativeLayout> 
    </android.support.design.widget.CollapsingToolbarLayout> 
</android.support.design.widget.AppBarLayout>

我该怎么做？

+0

请提供代码片段，我们将能够更好地理解您的问题。 – Eugene

+0

欢迎来到StackOverflow。我编辑了您的问题以改进其格式并嵌入图像。但是，这个问题目前非常广泛。你应该编辑你的问题，以包括[mcve]，这会让别人更容易回答。 – IKavanagh

+0

@Eugene感谢您的回复，我附上我的代码。你可以看一下吗？ –

答

您可以按照此Stack Overflow post中所示的方法来执行此操作。由于tachyonflux

final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
final CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar); 
AppBarLayout appBar= (AppBarLayout) findViewById(R.id.appbar); 

appBar.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() { 
     @Override 
     public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) { 
      if ((collapsingToolbar.getHeight() + verticalOffset) < (2 * ViewCompat.getMinimumHeight(collapsingToolbar))) { 
       toolbar.getNavigationIcon().setColorFilter(getResources().getColor(R.color.white), PorterDuff.Mode.SRC_ATOP); 
      } else { 
       toolbar.getNavigationIcon().setColorFilter(getResources().getColor(R.color.black), PorterDuff.Mode.SRC_ATOP); 
      } 
     } 
    });

同样可以工具栏或折叠式工具布局中应用它的任何绘制或图像。

相关推荐