解决 Android 中 View 的 setPivotX 和 setPivotY 不生效的问题以及设置缩放中心的方法

原创文章,欢迎转载。转载请注明来源:
http://blog.csdn.net/hust_twj/article/details/78877087

背景是这样的:有一个需求要对下方的关注按钮实现如下动画,动画的最后要根据滑动位置对关注按钮进行缩放,缩放结束时整体大小为控件原始大小的90%,最终效果图如下所示(模拟器是 4.2 的系统,最上面的沉浸式有点问题,忽略之):

解决 Android 中 View 的 setPivotX 和 setPivotY 不生效的问题以及设置缩放中心的方法_第1张图片

如图,关注按钮向上滑动到某临界位置时,按钮需要缩小;同样,向下滑动到相同的临界位置时,需要放大。

在布局文件中,关注按钮整体布局为RelativeLayout,爱心ImageView和文字TextView居中。

由于动画需要根据滑动位置动态计算,因此不能用缩放动画实现。当滑动到临界位置时,我做如下处理:

float scale = 1- 0.1f * (scrollY - 100) / 10; //scale范围:1.0~0.9
mLayoutFollow.setPivotX(1.0f);
mLayoutFollow.setPivotY(1.0f);
mLayoutFollow.setScaleX(scale);
mLayoutFollow.setScaleY(scale);

上述代码中,缩放比例scale 的值是根据滑动距离scrollY 动态计算出来的,其取值范围为1.0~0.9;设置setPivotX(1.0f)setPivotY(1.0f)的目的,是想让关注按钮(RelativeLayout)的缩放轴点为右下角,但是悲剧的是,这样的设置并没有生效,缩放的中心始终为左上角。这与 xml 中设置PivotXPivotY属性是相矛盾的(在 xml中,都设置为0.0f,则缩放中心为控件左上角;都设置为0.5f,则缩放中心为控件中心;都设置为1.0f,则缩放中心为控件右下角,详见博文 图解 Android 动画中 android:pivotX 和 android:pivotY 属性的含义)。

测试后发现,只要 setPivotX(float x) 或 setPivotY(float y) 中有一个值为 0,最后的结果都是缩放中心为左上角;而当不设置这两个值时(即去掉setPivotX/Y这两行代码),缩放中心为控件中心。(奇怪,为什么呢?。。)

想到 xml 中还可以将PivotX属性设置为整数,于是这样设置:

mLayoutFollow.setPivotX(100);
mLayoutFollow.setPivotY(0.0f);

发现,缩放中心变为控件最上方,但偏右一些,说明setPivotX(100)生效了。

据此启发,于是,得到最终设置缩放中心为控件右下角的方法如下:

float scale = 1- 0.1f * (scrollY - 100) / 10;//scale范围:1.0~0.9
mLayoutFollow.setPivotX(X); //X为控件宽度的px值,以实际情况为准
mLayoutFollow.setPivotY(Y); //Y为控件宽度的px值,以实际情况为准
mLayoutFollow.setScaleX(scale);
mLayoutFollow.setScaleY(scale);

设置控件缩放中心为其他位置的方法亦类似。

查看 View 的setPivotX源码如下:

    /**
     * Sets the x location of the point around which the view is
     * {@link #setRotation(float) rotated} and {@link #setScaleX(float) scaled}.
     * By default, the pivot point is centered on the object.
     * Setting this property disables this behavior and causes the view to use only the
     * explicitly set pivotX and pivotY values.
     *
     * @param pivotX The x location of the pivot point.
     * @see #getRotation()
     * @see #getScaleX()
     * @see #getScaleY()
     * @see #getPivotY()
     *
     * @attr ref android.R.styleable#View_transformPivotX
     */
    public void setPivotX(float pivotX) {
        if (!mRenderNode.isPivotExplicitlySet() || pivotX != getPivotX()) {
            invalidateViewProperty(true, false);
            mRenderNode.setPivotX(pivotX);
            invalidateViewProperty(false, true);

            invalidateParentIfNeededAndWasQuickRejected();
        }
    }

翻译前面的注释:默认情况下(不设置时),轴点位于控件中心处;设置该属性后,控件只会明确地使用所设置的轴点位置。而参数pivotX的含义是轴点的 x 位置(这里应该就是绝对位置了)。

以上就是我的理解~~~抛砖引玉,如果有更了解的小伙伴还望告知~

你可能感兴趣的:(Android)