ViewPager 更改页面时更改工具栏颜色

Question

我一直在思考这个问题，但我似乎无法弄清楚。我有一个简单的应用程序退出 3 个选项卡 (TabLayout + ViewPager)，我想在滑动选项卡时更改 ToolBar 的颜色。我想要实现的效果是在用户滑动到下一个或上一个标签时动态更改颜色。

Check video here

在过去，我可以通过为每个子视图分配颜色并使用PageTransformer 修改工作正常的 alpha 组件来更改 ViewPager 的子视图的背景，但是， ToolBar 不是 ViewPager 的子代，因此我无法为每一页设置颜色，因为始终只有一个 ToolBar。

关于如何实现这一点的任何想法？

Answer 1

在这种情况下，您应该向 ViewPager 添加一个 onPageChangeListener，然后单独处理每个更改。

public class MyActivity extends AppCompatActivity {
private Toolbar toolbar;
private ViewPager viewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.oncreate(savedInstanceState);

    //Initialize your views

    viewPager.addOnPageChangeListener(new OnPageChangeListener() {
    //Override default methods and change toolbar color inside of here
    });
  }
}

Answer 2

您可以借助界面和片段内部的 setUserVisibleHint(boolean isVisibleToUser) 来完成此操作。

colorChangeInterface：

public interface ColorChangeInterface {
    void setToolbarAndTabColor(int position);
}

MainActivity：

public class MainActivity extends AppCompatActivity implements ColorChangeInterface
{
public void setToolbarAndTabColor(int position)
{
     if(position==1)
        {
            toolbar.setBackgroundColor(ContextCompat.getColor(getApplicationContext(),R.color.classColor4));
            tabLayout.setBackgroundColor(ContextCompat.getColor(getApplicationContext(),R.color.classColor4));
            Log.d("colorchange",String.valueOf(position));
        }
        else if(position ==2)
        {
            toolbar.setBackgroundColor(ContextCompat.getColor(getApplicationContext(),R.color.classColor2));
            tabLayout.setBackgroundColor(ContextCompat.getColor(getApplicationContext(),R.color.classColor2));
            Log.d("colorchange", String.valueOf(position));


        }

}

FragmentOne：

让你的片段使用默认的覆盖方法 setUserVisibleHint。 这是检查当前Fragment在ViewPager中是否可见，如果Visible使用Interface改变工具栏和Tabbar的颜色。

public class FragmentOne extends Fragment {
 @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
       if (isVisibleToUser)
       {
          ColorChangeInterface colorChangeInterface = (ColorChangeInterface) getActivity();
          colorChangeInterface.setToolbarAndPagerColor(1);
           Log.d("TAG","Current Fragment is visible");
        }
    }
}

片段二：

 public class FragmentOne extends Fragment {
     @Override
        public void setUserVisibleHint(boolean isVisibleToUser) {
            super.setUserVisibleHint(isVisibleToUser);
           if (isVisibleToUser)
           {
              ColorChangeInterface colorChangeInterface = (ColorChangeInterface) getActivity();
              colorChangeInterface.setToolbarAndPagerColor(2);
               Log.d("TAG","Current Fragment is visible");
            }
        }
    }

或 如果您只是想在每次滑动时更改工具栏颜色。

public class FragmentOne extends Fragment {
Toolbar toolbar;
 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity);
 toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
       }
         @Override
         public void setUserVisibleHint(boolean isVisibleToUser) {
                super.setUserVisibleHint(isVisibleToUser);
               if (isVisibleToUser)
               {
                 toolbar.setBackgroundColor(ContextCompat.getColor(getApplicationContext(),R.color.classColor2));  
             }
            }
        }