Question

我有一个我正在做的应用程序，它有一个FragmentPagerAdapter设置，其中有3个片段可以在主页面之间滑动。

我一直试图设置它，以便在片段之间滑动时，操作栏会改变颜色（淡入和淡出）。

但是我不确定我应该怎么做。在片段之间滑动时调用什么方法？ I.E我应该在哪里放置代码来更改操作栏颜色？

还有我如何获得淡入淡出效果（因此它将一种颜色淡化为另一种颜色）？

我真的很感激任何人的帮助。

提前致谢

干杯科里：）

Answer 1

在片段之间滑动时调用什么方法？

您正在寻找ViewPager.OnPageChangeListener.onPageScrolled。这会给你：

位置当前显示的第一页的位置索引。
positionOffset 来自[0,1）的值，表示距离页面位置的偏移量。
positionOffsetPixels 以像素为单位的值，表示距离位置的偏移量。

虽然，您只需要前两个参数。您要做的是将特定颜色绑定到每个片段，检索当前页面和下一页颜色，然后使用positionOffset比例将它们混合在一起以创建新的ActionBar背景。

可以在Google的新SlidingTabStrip示例中找到基于比率混合两种颜色的有用算法。 0.0将返回第二种颜色，0.5将返回均匀混合，1.0将返回第一种颜色

static int blendColors(int from, int to, float ratio) {
    final float inverseRation = 1f - ratio;
    final float r = Color.red(from) * ratio + Color.red(to) * inverseRation;
    final float g = Color.green(from) * ratio + Color.green(to) * inverseRation;
    final float b = Color.blue(from) * ratio + Color.blue(to) * inverseRation;
    return Color.rgb((int) r, (int) g, (int) b);
}

这是一个简单的例子：

<强> ColorFragment

public class ColorFragment extends Fragment {

    private static final String KEY_COLOR = "colorfragment:color";

    /** Empty constructor as per the {@link Fragment} docs */
    public ColorFragment() {
    }

    public static ColorFragment newInstance(int color) {
        final Bundle args = new Bundle();
        args.putInt(KEY_COLOR, color);
        final ColorFragment fragment = new ColorFragment();
        fragment.setArguments(args);
        return fragment;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        final FrameLayout rootView = new FrameLayout(getActivity());
        rootView.setBackgroundColor(getArguments().getInt(KEY_COLOR));
        return rootView;
    }

    public int getColor() {
        return getArguments().getInt(KEY_COLOR);
    }

}

全力拉动

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // Set the ActionBar background
    final ColorDrawable actionBarBackground = new ColorDrawable();
    getSupportActionBar().setBackgroundDrawable(actionBarBackground);
    ...
    final PagerAdapter pagerAdapter = ...;
    ...
    // Bind your data to your PagerAdapter
    ...
    final ViewPager pager = ...;
    pager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            super.onPageScrolled(position, positionOffset, positionOffsetPixels);
            if (position >= pagerAdapter.getCount() - 1) {
                // Guard against ArrayIndexOutOfBoundsException
                return;
            }
            // Retrieve the current and next ColorFragment
            final ColorFragment from = (ColorFragment) pagerAdapter.getItem(position);
            final ColorFragment to = (ColorFragment) pagerAdapter.getItem(position + 1);
            // Blend the colors and adjust the ActionBar
            final int blended = blendColors(to.getColor(), from.getColor(), positionOffset);
            actionBarBackground.setColor(blended);
        }

    });
    pager.setAdapter(pagerAdapter);
}

<强>结果

http://gfycat.com/CautiousBewitchedJabiru

我希望能帮到你一些！

Answer 2

您可以让FragmentPagerAdapter实现ViewPager.OnPageChangeListener。

然后，覆盖onPageSelected

@Override
public void onPageSelected(int position) {
    // get the action bar here and change color
}

关于变色动画。我没有尝试过，但这是来自另一个stackoverflow问题：

Android objectAnimator animate backgroundColor of Layout

在片段之间滑动时如何更改ActionBar颜色（Material Design）？

2 个答案: