Challange:ViewPager的自定义动画。选择元素的变化高度(查看倍)自定义、元素、高度、动画

2023-09-06 03:24:21 作者:り侧耳倾听巴黎的冷暖

我目前工作的自定义动画切换在ViewPager页之间。当我向左滑动,查看正在向左移动,并从它下面的新观点是来到面前。我想提出的观点,即移动到左侧(即我处理),以缩小像如下因素图片:

I am currently working on custom animation between switching pages in ViewPager. When I slide to the left, View is moving to the left and from below of it new View is coming to the front. I would like to make the view, that moves to the left (that I dispose) to shrink like on the folowing images:

在第二和第三图像没想象新的视图来前,但我认为这是没有必要的。你有任何想法我怎么能修改code?_​​爱的我想改变TableLayout,RelativeLayout的和的FrameLayout的高度,并保持两者TextViews的高度。此外,我将不得不改变整个观的X位置。 我期待着你的创意的答案(code)。下面我附上我的code为动画。

On the second and third image I didn't picture new View coming to the front, but I think it wasn't necessary. Do you have any idea how can I modify the code? I would like to change height of TableLayout, RelativeLayout and FrameLayout and keep the height of both TextViews. Also I would have to change X-position of the whole View. I am looking forward for your creative answers (code). Below I attach my code for the animation.

import android.view.View;
import android.widget.RelativeLayout;
import android.annotation.SuppressLint;
import android.support.v4.view.ViewPager.PageTransformer;

public class DepthPageTransformer implements PageTransformer {
    private static float MIN_SCALE = 0.75f;

    @SuppressLint("NewApi")
    public void transformPage(View view, float position) {
        int pageWidth = view.getWidth();

        if (position < -1) { // [-Infinity,-1)
            // This page is way off-screen to the left.
            view.setAlpha(0);

        } else if (position <= 0) { // [-1,0]
            // Use the default slide transition when moving to the left page
            view.setTranslationX(0);
            view.setScaleX(1);
            view.setScaleY(1);
            //float scaleFactor = (1 - Math.abs(position));

            //WHAT TO PUT HERE TO ARCHIVE MY GOAL??

            //This is how I can get particular layouts:
            // RelativeLayout relativeLayout = (RelativeLayout) view.findViewById(R.id.fragment_object_canvas_RelativeLayout1);
            //relativeLayout.setScaleX(scaleFactor);
            //relativeLayout.setScaleY(scaleFactor);

        } else if (position <= 1) { // (0,1]
            // Fade the page out.
            view.setAlpha(1 - position);

            // Counteract the default slide transition
            view.setTranslationX(pageWidth * -position);
            //view.setRotation(1 - (position*360));

            // Scale the page down (between MIN_SCALE and 1)
            float scaleFactor = MIN_SCALE
                    + (1 - MIN_SCALE) * (1 - Math.abs(position));
            view.setScaleX(scaleFactor);
            view.setScaleY(scaleFactor);

        } else { // (1,+Infinity]
            // This page is way off-screen to the right.
            view.setAlpha(0);
        }
    }
}

更新:

我可以与整个景观的高度操作(现在我能做的只有这一点)具有以下code:

I can manipulate with height of whole View (for now I can do only this) with the following code:

  LinearLayout relativeLayout = (LinearLayout) view.findViewById(R.id.fragment_object_canvas_linearLayout1);
            relativeLayout.setLayoutParams(new FrameLayout.LayoutParams(relativeLayout.getWidth(), NEW_HEIGHT_HERE)));

不过,我不知道我应该投入NEW_HEIGHT_HERE变量,使其工作corectly ...

However, I am not sure what should I put into NEW_HEIGHT_HERE variable to make it work corectly...

推荐答案

尝试用一个位置浮点型变量工作。 让您的布局的高度,...

try to work with a position float variable. Get the height of your layout and...:

relativeLayout.setLayoutParams(....,position*height+height)
 
精彩推荐