public class

PathInterpolator

extends java.lang.Object

implements Interpolator

 java.lang.Object

↳androidx.core.animation.PathInterpolator

Gradle dependencies

compile group: 'androidx.core', name: 'core-animation', version: '1.0.0-beta01'

  • groupId: androidx.core
  • artifactId: core-animation
  • version: 1.0.0-beta01

Artifact androidx.core:core-animation:1.0.0-beta01 it located at Google repository (https://maven.google.com/)

Overview

An interpolator that can traverse a Path that extends from Point (0, 0) to (1, 1). The x coordinate along the Path is the input value and the output is the y coordinate of the line at that point. This means that the Path must conform to a function y = f(x).

The Path must not have gaps in the x direction and must not loop back on itself such that there can be two points sharing the same x coordinate. It is alright to have a disjoint line in the vertical direction:

     Path path = new Path();
     path.lineTo(0.25f, 0.25f);
     path.moveTo(0.25f, 0.5f);
     path.lineTo(1f, 1f);
 

Summary

Constructors
publicPathInterpolator(Context context, AttributeSet attrs, XmlPullParser parser)

Create an interpolator from XML.

publicPathInterpolator(float controlX, float controlY)

Create an interpolator for a quadratic Bezier curve.

publicPathInterpolator(float controlX1, float controlY1, float controlX2, float controlY2)

Create an interpolator for a cubic Bezier curve.

publicPathInterpolator(Path path)

Create an interpolator for an arbitrary Path.

publicPathInterpolator(Resources res, Theme theme, AttributeSet attrs, XmlPullParser parser)

Create an interpolator from XML.

Methods
public floatgetInterpolation(float input)

Using the line in the Path in this interpolator that can be described as y = f(x), finds the y coordinate of the line given t as the x coordinate.

from java.lang.Objectclone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

Constructors

public PathInterpolator(Path path)

Create an interpolator for an arbitrary Path. The Path must begin at (0, 0) and end at (1, 1).

Parameters:

path: The Path to use to make the line representing the interpolator.

public PathInterpolator(float controlX, float controlY)

Create an interpolator for a quadratic Bezier curve. The end points (0, 0) and (1, 1) are assumed.

Parameters:

controlX: The x coordinate of the quadratic Bezier control point.
controlY: The y coordinate of the quadratic Bezier control point.

public PathInterpolator(float controlX1, float controlY1, float controlX2, float controlY2)

Create an interpolator for a cubic Bezier curve. The end points (0, 0) and (1, 1) are assumed.

Parameters:

controlX1: The x coordinate of the first control point of the cubic Bezier.
controlY1: The y coordinate of the first control point of the cubic Bezier.
controlX2: The x coordinate of the second control point of the cubic Bezier.
controlY2: The y coordinate of the second control point of the cubic Bezier.

public PathInterpolator(Context context, AttributeSet attrs, XmlPullParser parser)

Create an interpolator from XML.

Parameters:

context: The context.
attrs: The AttributeSet for pathInterpolator.
parser: The XmlPullParser that was used to create the AttributeSet with .

public PathInterpolator(Resources res, Theme theme, AttributeSet attrs, XmlPullParser parser)

Create an interpolator from XML.

Parameters:

res: The resources.
theme: The theme.
attrs: The AttributeSet for pathInterpolator.
parser: The XmlPullParser that was used to create the AttributeSet with .

Methods

public float getInterpolation(float input)

Using the line in the Path in this interpolator that can be described as y = f(x), finds the y coordinate of the line given t as the x coordinate. Values less than 0 will always return 0 and values greater than 1 will always return 1.

Parameters:

input: Treated as the x coordinate along the line.

Returns:

The y coordinate of the Path along the line where x = t.

See also: Interpolator.getInterpolation(float)

Source

/*
 * Copyright (C) 2018 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package androidx.core.animation;

import android.content.Context;
import android.content.res.Resources;
import android.content.res.Resources.Theme;
import android.content.res.TypedArray;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.InflateException;

import androidx.annotation.FloatRange;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.core.content.res.TypedArrayUtils;
import androidx.core.graphics.PathParser;

import org.xmlpull.v1.XmlPullParser;


/**
 * An interpolator that can traverse a Path that extends from <code>Point</code>
 * <code>(0, 0)</code> to <code>(1, 1)</code>. The x coordinate along the <code>Path</code>
 * is the input value and the output is the y coordinate of the line at that point.
 * This means that the Path must conform to a function <code>y = f(x)</code>.
 *
 * <p>The <code>Path</code> must not have gaps in the x direction and must not
 * loop back on itself such that there can be two points sharing the same x coordinate.
 * It is alright to have a disjoint line in the vertical direction:</p>
 * <p><blockquote><pre>
 *     Path path = new Path();
 *     path.lineTo(0.25f, 0.25f);
 *     path.moveTo(0.25f, 0.5f);
 *     path.lineTo(1f, 1f);
 * </pre></blockquote></p>
 */
public class PathInterpolator implements Interpolator {

    // This governs how accurate the approximation of the Path is.
    private static final float PRECISION = 0.002f;
    private static final float EPSILON = 0.01f;

    private float[] mData;

    /**
     * Create an interpolator for an arbitrary <code>Path</code>. The <code>Path</code>
     * must begin at <code>(0, 0)</code> and end at <code>(1, 1)</code>.
     *
     * @param path The <code>Path</code> to use to make the line representing the interpolator.
     */
    public PathInterpolator(@NonNull Path path) {
        initPath(path);
    }

    /**
     * Create an interpolator for a quadratic Bezier curve. The end points
     * <code>(0, 0)</code> and <code>(1, 1)</code> are assumed.
     *
     * @param controlX The x coordinate of the quadratic Bezier control point.
     * @param controlY The y coordinate of the quadratic Bezier control point.
     */
    public PathInterpolator(float controlX, float controlY) {
        initQuad(controlX, controlY);
    }

    /**
     * Create an interpolator for a cubic Bezier curve.  The end points
     * <code>(0, 0)</code> and <code>(1, 1)</code> are assumed.
     *
     * @param controlX1 The x coordinate of the first control point of the cubic Bezier.
     * @param controlY1 The y coordinate of the first control point of the cubic Bezier.
     * @param controlX2 The x coordinate of the second control point of the cubic Bezier.
     * @param controlY2 The y coordinate of the second control point of the cubic Bezier.
     */
    public PathInterpolator(float controlX1, float controlY1, float controlX2, float controlY2) {
        initCubic(controlX1, controlY1, controlX2, controlY2);
    }

    /**
     * Create an interpolator from XML.
     *
     * @param context The context.
     * @param attrs   The AttributeSet for pathInterpolator.
     * @param parser  The XmlPullParser that was used to create the AttributeSet with
     *                {@link android.util.Xml#asAttributeSet(XmlPullParser)}.
     */
    public PathInterpolator(
            @NonNull Context context,
            @Nullable AttributeSet attrs,
            @NonNull XmlPullParser parser
    ) {
        this(context.getResources(), context.getTheme(), attrs, parser);
    }

    /**
     * Create an interpolator from XML.
     *
     * @param res    The resources.
     * @param theme  The theme.
     * @param attrs  The AttributeSet for pathInterpolator.
     * @param parser  The XmlPullParser that was used to create the AttributeSet with
     *                {@link android.util.Xml#asAttributeSet(XmlPullParser)}.
     */
    public PathInterpolator(
            @NonNull Resources res,
            @Nullable Theme theme,
            @Nullable AttributeSet attrs,
            @NonNull XmlPullParser parser
    ) {
        TypedArray a;
        if (theme != null) {
            a = theme.obtainStyledAttributes(attrs, AndroidResources.STYLEABLE_PATH_INTERPOLATOR,
                    0, 0);
        } else {
            a = res.obtainAttributes(attrs, AndroidResources.STYLEABLE_PATH_INTERPOLATOR);
        }
        parseInterpolatorFromTypeArray(a, parser);
        a.recycle();
    }

    private void parseInterpolatorFromTypeArray(TypedArray a, XmlPullParser parser) {
        // If there is pathData defined in the xml file, then the controls points
        // will be all coming from pathData.
        if (TypedArrayUtils.hasAttribute(parser, "pathData")) {
            String pathData = TypedArrayUtils.getNamedString(a, parser, "pathData",
                    AndroidResources.STYLEABLE_PATH_INTERPOLATOR_PATH_DATA);
            Path path = PathParser.createPathFromPathData(pathData);
            if (path == null) {
                throw new InflateException("The path is null, which is created"
                        + " from " + pathData);
            }
            initPath(path);
        } else {

            if (!TypedArrayUtils.hasAttribute(parser, "controlX1")) {
                throw new InflateException("pathInterpolator requires the controlX1 attribute");
            } else if (!TypedArrayUtils.hasAttribute(parser, "controlY1")) {
                throw new InflateException("pathInterpolator requires the controlY1 attribute");
            }
            float x1 = TypedArrayUtils.getNamedFloat(a, parser, "controlX1",
                    AndroidResources.STYLEABLE_PATH_INTERPOLATOR_CONTROL_X_1, 0);
            float y1 = TypedArrayUtils.getNamedFloat(a, parser, "controlY1",
                    AndroidResources.STYLEABLE_PATH_INTERPOLATOR_CONTROL_Y_1, 0);

            boolean hasX2 = TypedArrayUtils.hasAttribute(parser, "controlX2");
            boolean hasY2 = TypedArrayUtils.hasAttribute(parser, "controlY2");

            if (hasX2 != hasY2) {
                throw new InflateException(
                        "pathInterpolator requires both controlX2 and controlY2 for cubic Beziers."
                );
            }

            if (!hasX2) {
                initQuad(x1, y1);
            } else {
                float x2 = TypedArrayUtils.getNamedFloat(a, parser, "controlX2",
                        AndroidResources.STYLEABLE_PATH_INTERPOLATOR_CONTROL_X_2, 0);
                float y2 = TypedArrayUtils.getNamedFloat(a, parser, "controlY2",
                        AndroidResources.STYLEABLE_PATH_INTERPOLATOR_CONTROL_Y_2, 0);
                initCubic(x1, y1, x2, y2);
            }
        }
    }

    private void initQuad(float controlX, float controlY) {
        Path path = new Path();
        path.moveTo(0, 0);
        path.quadTo(controlX, controlY, 1f, 1f);
        initPath(path);
    }

    private void initCubic(float x1, float y1, float x2, float y2) {
        Path path = new Path();
        path.moveTo(0, 0);
        path.cubicTo(x1, y1, x2, y2, 1f, 1f);
        initPath(path);
    }

    private void initPath(Path path) {
        mData = PathUtils.createKeyFrameData(path, PRECISION);

        int numPoints = getNumOfPoints();

        // Initial validation check
        if (!floatEquals(getXAtIndex(0), 0f) || !floatEquals(getYAtIndex(0), 0f)
                || !floatEquals(getXAtIndex(numPoints - 1), 1f)
                || !floatEquals(getYAtIndex(numPoints - 1), 1f)) {
            throw new IllegalArgumentException("The Path must start at (0,0) and end at (1,1)");
        }

        float prevX = 0;
        float prevFraction = 0;
        for (int i = 0; i < numPoints; i++) {
            float fraction = getFractionAtIndex(i);
            float x = getXAtIndex(i);
            if (fraction == prevFraction && x != prevX) {
                throw new IllegalArgumentException(
                        "The Path cannot have discontinuity in the X axis.");
            }
            if (x < prevX) {
                throw new IllegalArgumentException("The Path cannot loop back on itself.");
            }
            prevFraction = fraction;
            prevX = x;
        }
    }

    /**
     * Using the line in the Path in this interpolator that can be described as
     * <code>y = f(x)</code>, finds the y coordinate of the line given <code>t</code>
     * as the x coordinate. Values less than 0 will always return 0 and values greater
     * than 1 will always return 1.
     *
     * @param input Treated as the x coordinate along the line.
     * @return The y coordinate of the Path along the line where x = <code>t</code>.
     * @see Interpolator#getInterpolation(float)
     */
    @Override
    public float getInterpolation(@FloatRange(from = 0, to = 1) float input) {
        if (input <= 0) {
            return 0;
        } else if (input >= 1) {
            return 1;
        }
        // Do a binary search for the correct x to interpolate between.
        int startIndex = 0;
        int endIndex = getNumOfPoints() - 1;

        while (endIndex - startIndex > 1) {
            int midIndex = (startIndex + endIndex) / 2;
            if (input < getXAtIndex(midIndex)) {
                endIndex = midIndex;
            } else {
                startIndex = midIndex;
            }
        }

        float xRange = getXAtIndex(endIndex) - getXAtIndex(startIndex);
        if (xRange == 0) {
            return getYAtIndex(startIndex);
        }

        float tInRange = input - getXAtIndex(startIndex);
        float fraction = tInRange / xRange;

        float startY = getYAtIndex(startIndex);
        float endY = getYAtIndex(endIndex);
        return startY + (fraction * (endY - startY));
    }

    private float getFractionAtIndex(int index) {
        return mData[3 * index];
    }

    private float getXAtIndex(int index) {
        return mData[3 * index + 1];
    }

    private float getYAtIndex(int index) {
        return mData[3 * index + 2];
    }

    private int getNumOfPoints() {
        return mData.length / 3;
    }

    private static boolean floatEquals(float a, float b) {
        return Math.abs(a - b) < EPSILON;
    }

}