0

我正在开发一个 Android 应用程序，并且有一个我想实现的功能，但由于缺乏经验，我不知道该怎么做，不幸的是谷歌搜索它没有帮助。

因此，有一个带有两个选项卡的ViewPager和一个带有箭头图像的FloatingActionButton，我想要做的是根据寻呼机的滚动状态旋转箭头（在第一个选项卡上它应该是一个左箭头，然后在选项卡之间它应该平滑地旋转到面朝上或朝下（并不重要），最后在第二个选项卡上它应该变成一个右箭头，反之亦然）。

我一直在尝试RotateAnimation类，但我没能成功。

请注意，我的应用程序的minSdkVersion是 14（Jelly Bean +），所以 Vector drawables 和其他只是棒棒糖甚至 KitKat 的东西对我不起作用。

提前致谢。

4

2 回答 2

1

您正在使用的库在其视图中包含阴影，这意味着在使用setRotation. 您可以通过将浮动操作按钮包装在 FrameLayout 中来解决此问题，fab_icon从您的 FAB 中删除该属性，并在您的 FAB 顶部添加一个 ImageView，如下所示：

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:layout_marginEnd="16dp">

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:fab_colorNormal="?attr/colorAccent"
        app:fab_colorPressed="?attr/colorAccentHighlight"/>

    <ImageView
        android:id="@+id/fab_icon_overlay"
        android:layout_width="@dimen/fab_icon_size"
        android:layout_height="@dimen/fab_icon_size"
        android:layout_gravity="center"
        android:layout_marginTop="-3dp"
        android:src="@drawable/ic_content_add"
        android:tint="@android:color/white"/>

</FrameLayout>

然后，不是旋转 FAB，而是旋转 ImageView。结果是 FAB 似乎在旋转，因为它是一个圆圈，并且其中的图标正在旋转。请注意，要使图标完全居中， 的值android:layout_marginTop必须是 的负值。fab_shadow_offset默认值为 3dp。

您现在要做的是将 Ashtons 的回答与对 的调用结合起来setRotation(float rotation)，请注意旋转以度数 ( 0.0f- 360.0f) 为单位。

解决方案可能如下所示：

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    // positionOffset ranges from 0.0f to 1.0f, multiply it by 180.0f to rotate the 
    // icon clockwise, making the icon appear flipped when scrolled to the last page.
    // Multiply by -180.0f to rotate counter-clockwise.
    fabIconOverlay.setRotation(positionOffset * 180.0f);
}
于 2015-03-26T21:37:46.237 回答
1

您需要PageChangedListener在视图寻呼机上使用。然后听onPageScrolled(int position, float positionOffset, int positionOffsetPixels)会告诉你计算旋转角度需要什么。

请注意，这不是动画——您将根据 viewpager 的滚动显式设置按钮的旋转。您需要跟踪当前页面并将其与您在 的位置参数中获得的页面进行比较onPageScrolled。为此，您可以使用我的代码作为示例：

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    if (currentPagePosition != position && (int) positionOffset == 0 && positionOffsetPixels == 0) {
        // New page is set!
        currentPagePosition = position;
        onNewPage(currentPagePosition);
    } else {
        if (positionOffset == 0 && positionOffsetPixels == 0) {
            // User scrolled a little, then let go 
            // and it went back without changing position
            onNewPage(position);
            return;
        }
        if (position == currentPagePosition) {
            onPageScrolledToLeft(position, positionOffset);
        } else if (position < currentPagePosition) {
            onPageScrolledToRight(position, positionOffset);
        }
    }
}

有了这个，现在你可以实现这两种方法来使用 positionOffset 来计算旋转角度。请注意，这onPageScrolledToLeft意味着当前页面正在向左移动，或者用户正在向右滚动。发生这种情况时， 的值positionOffset将从 1.0 变为 0.0。onPageScrolledToRight触发时，positionOffset将从 0.0 到 1.0。现在在计算出正确的旋转（即，0.5 应该是 0 度）之后，您可以使用视图的setRotation(float rot)方法。

于 2015-03-26T20:28:32.443 回答