Question

按钮点击后我想要展开的布局，如下所示：

Expectation

问题是我需要使用动画，所以我决定使用View.animate.translationY()。这是我的代码：

private void showBottomThreeLines(boolean show){
    if(show)
        mShiftContainer.animate().translationY(0);
    else
        mShiftContainer.animate().translationY(-(mFifthLineContainer.getHeight() * 3));
}

然而，这是我在测试后获得的：

Reality

当前身高仍然与之前身高相同！视图的高度使用MATCH_PARENT。我甚至尝试将其更改为1000dp，但它仍具有相同的高度。如何在translationY()动画期间更新视图的高度？

Answer 1

在做了一些研究后，我发现在翻译后定义视图高度不会增加其高度。看来整个视图高度的总和不能超过其父布局的高度。这意味着，如果您将父布局的高度设置为MATCH_PARENT且屏幕尺寸为960 dp，则您的子视图的最大高度将为960 dp，即使您定义其高度，例如android:layout_height="1200dp"。

因此，我决定动态调整父布局的高度，并使页脚布局的高度为MATCH_PARENT。默认情况下，我父级布局的高度为MATCH_PARENT，但我在onCreateView()上调用以下方法：

private void adjustParentHeight(){
    WindowManager wm = (WindowManager) mContext.getSystemService(Context.WINDOW_SERVICE);
    DisplayMetrics metrics = new DisplayMetrics();
    wm.getDefaultDisplay().getMetrics(metrics);
    ViewGroup.LayoutParams params = mView.getLayoutParams();
    mFifthLineContainer.measure(0, 0);
    params.height = metrics.heightPixels + (mFifthLineContainer.getMeasuredHeight() * 3);
    mView.setLayoutParams(params);
}

这将使我的页脚布局变为屏幕外。然后我尝试使用View.animate().translationY()，然后我又遇到了另一个问题！ Android动画中存在一个错误，当您在 View.setY()上调用 onAnimationEnd() 时会导致闪烁。似乎原因是在动画真正结束之前调用onAnimationEnd() 。以下是我用来解决这个问题的参考资料：

Android Animation Flicker

Android Flicker when using Animation and onAnimationEnd Listener

因此，我更改了showBottomThreeLines()方法：

private void showBottomThreeLines(boolean show){ if(show){ TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, -(mFifthLineContainer.getHeight() * 3), 0); translateAnimation.setDuration(300); translateAnimation.setFillAfter(true); translateAnimation.setFillEnabled(true); translateAnimation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { mShiftContainer.setY(mShiftContainer.getY() + mFifthLineContainer.getHeight() * 3); } @Override public void onAnimationEnd(Animation animation) { } @Override public void onAnimationRepeat(Animation animation) { } }); mShiftContainer.startAnimation(translateAnimation); } else{ TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, mFifthLineContainer.getHeight() * 3, 0); translateAnimation.setDuration(300); translateAnimation.setFillAfter(true); translateAnimation.setFillEnabled(true); translateAnimation.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { mShiftContainer.setY(mFifthLineContainer.getY()); } @Override public void onAnimationEnd(Animation animation) { } @Override public void onAnimationRepeat(Animation animation) { } }); mShiftContainer.startAnimation(translateAnimation); } }

Answer 2

使用此：

private ActionMode mActionMode;

...


private void expandView(View summary, int height, final boolean isSearch) {
        if (isSearch) summary.setVisibility(View.VISIBLE);

        final int widthSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.EXACTLY);
        summary.measure(widthSpec, height);

        Animator animator = slideAnimator(summary.getHeight(), height, summary);
        animator.start();
    }

    private void collapseView(final View summary, int height, final boolean isSearch) {
        int finalHeight = summary.getHeight();

        ValueAnimator mAnimator = slideAnimator(finalHeight, height, summary);
        final int widthSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.EXACTLY);
        summary.measure(widthSpec, height);

        Animator animator = slideAnimator(summary.getHeight(), height, summary);
        animator.start();
        mAnimator.start();
    }

    /**
     * Slide animation
     *
     * @param start   start animation from position
     * @param end     end animation to position
     * @param summary view to animate
     * @return valueAnimator
     */
    private ValueAnimator slideAnimator(int start, int end, final View summary) {

        ValueAnimator animator = ValueAnimator.ofInt(start, end);

        animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                //Update Height
                int value = (Integer) valueAnimator.getAnimatedValue();

                ViewGroup.LayoutParams layoutParams = summary.getLayoutParams();
                layoutParams.height = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, value, getResources().getDisplayMetrics());//value;
                summary.setLayoutParams(layoutParams);
            }
        });
        return animator;
    }

    private ActionMode.Callback mActionModeCallBack = new ActionMode.Callback() {
        //Contextual action menu. Shows different options in action bar when a list item is long clicked!
        @Override
        public boolean onCreateActionMode(ActionMode actionMode, Menu menu) {
            // Inflate a menu resource providing context menu items
            MenuInflater inflater = actionMode.getMenuInflater();
            inflater.inflate(R.menu.contextual_menu_options, menu);
            return true;
        }

        @Override
        public boolean onPrepareActionMode(ActionMode actionMode, Menu menu) {
            return false;
        }

        @Override
        public boolean onActionItemClicked(ActionMode actionMode, MenuItem menuItem) {
            mActionMode.finish();
            return true;
        }

        @Override
        public void onDestroyActionMode(ActionMode actionMode) {
            mActionMode = null;
        }
    };

希望这会对你有帮助！

Android - 更新视图在translateY（）动画上的高度

2 个答案: