/* * Copyright 2022 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 * * https://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 com.google.android.material.carousel; import androidx.annotation.FloatRange; import androidx.annotation.NonNull; import com.google.android.material.animation.AnimationUtils; import com.google.errorprone.annotations.CanIgnoreReturnValue; import java.util.ArrayList; import java.util.Collections; import java.util.List; /** * An arrangement of keylines that are positioned along a scrolling axis. * *
This class is the model used to tell a scrolling item how it should be masked, offset, or * treated at certain points (keylines) along the scrolling axis. * *
Keylines are points located along a scrolling axis, relative to the scrolling container's * bounds, that tell an item how it should be treated (masked, offset) when it's center is located * at a keyline. When between keylines, a scrolling item is treated by interpolating between the * states of its nearest surrounding keylines. When put together, a KeylineState contains all * keylines associated with a scrolling container and is able to tell a scrolling item how it should * be treated at any point (as the item moves) along the scrolling axis, creating a fluid * interpolated motion tied to scroll position. * *
Keylines can be either focal or non-focal. A focal keyline is a keyline where items are
* considered visible or interactable in their fullest form. This usually means where items will be
* fully unmaksed and viewable. There must be at least one focal keyline in a KeylineState. The
* focal keylines are important for usability and alignment. Start-aligned strategies should
* place focal keylines at the beginning of the scroll container, center-aligned strategies at
* the center of the scroll container, etc.
*/
final class KeylineState {
private final float itemSize;
private final List Items with a mask of 0 should be laid out at this size.
*/
float getItemSize() {
return itemSize;
}
/** Returns list of keylines that should be positioned along the scroll axis. */
List This is used to reverse a keyline state for RTL layouts.
*
* @param keylineState the {@link KeylineState} to reverse
* @return a new {@link KeylineState} that has all keylines reversed.
*/
static KeylineState reverse(KeylineState keylineState) {
KeylineState.Builder builder = new KeylineState.Builder(keylineState.getItemSize());
float start =
keylineState.getFirstKeyline().locOffset
- (keylineState.getFirstKeyline().maskedItemSize / 2F);
for (int i = keylineState.getKeylines().size() - 1; i >= 0; i--) {
Keyline k = keylineState.getKeylines().get(i);
float offset = start + (k.maskedItemSize / 2F);
boolean isFocal =
i >= keylineState.getFirstFocalKeylineIndex()
&& i <= keylineState.getLastFocalKeylineIndex();
builder.addKeyline(offset, k.mask, k.maskedItemSize, isFocal);
start += k.maskedItemSize;
}
return builder.build();
}
/**
* A builder used to construct a {@link KeylineState}.
*
* {@link KeylineState.Builder} enforces the following rules:
*
* Note that calls to {@link #addKeyline(float, float, float, boolean)} and {@link
* #addKeylineRange(float, float, float, int)} are added in order. Typically, this means
* keylines should be added in order of ascending {@code offsetLoc}.
*
* @param offsetLoc The location of this keyline along the scrolling axis. An offsetLoc of 0
* will be at the start of the scroll container.
* @param mask The percentage of a child's full size that it should be masked by when its center
* is at {@code offsetLoc}. 0 is fully unmasked and 1 is fully masked.
* @param maskedItemSize The total size of this item when masked. This might differ from {@code
* itemSize - (itemSize * mask)} depending on how margins are included in the {@code mask}.
* @param isFocal Whether this keyline is considered part of the focal range. Typically, this is
* when {@code mask} is equal to 0.
*/
@NonNull
@CanIgnoreReturnValue
Builder addKeyline(
float offsetLoc,
@FloatRange(from = 0.0F, to = 1.0F) float mask,
float maskedItemSize,
boolean isFocal) {
if (maskedItemSize <= 0F) {
return this;
}
Keyline tmpKeyline = new Keyline(UNKNOWN_LOC, offsetLoc, mask, maskedItemSize);
if (isFocal) {
if (tmpFirstFocalKeyline == null) {
tmpFirstFocalKeyline = tmpKeyline;
firstFocalKeylineIndex = tmpKeylines.size();
}
if (lastFocalKeylineIndex != NO_INDEX && tmpKeylines.size() - lastFocalKeylineIndex > 1) {
throw new IllegalArgumentException(
"Keylines marked as focal must be placed next to each other. There cannot be"
+ " non-focal keylines between focal keylines.");
}
if (maskedItemSize != tmpFirstFocalKeyline.maskedItemSize) {
throw new IllegalArgumentException(
"Keylines that are marked as focal must all have the same masked item size.");
}
tmpLastFocalKeyline = tmpKeyline;
lastFocalKeylineIndex = tmpKeylines.size();
} else {
if (tmpFirstFocalKeyline == null && tmpKeyline.maskedItemSize < lastKeylineMaskedSize) {
throw new IllegalArgumentException(
"Keylines before the first focal keyline must be ordered by incrementing masked item"
+ " size.");
} else if (tmpLastFocalKeyline != null
&& tmpKeyline.maskedItemSize > lastKeylineMaskedSize) {
throw new IllegalArgumentException(
"Keylines after the last focal keyline must be ordered by decreasing masked item"
+ " size.");
}
}
lastKeylineMaskedSize = tmpKeyline.maskedItemSize;
tmpKeylines.add(tmpKeyline);
return this;
}
/**
* Adds a range of keylines along the scrolling axis where an item should be masked by {@code
* mask} when its center is between {@code offsetLoc} and {@code offsetLoc + (maskedItemSize *
* count)}.
*
* @see #addKeylineRange(float, float, float, int, boolean)
*/
@NonNull
@CanIgnoreReturnValue
Builder addKeylineRange(
float offsetLoc,
@FloatRange(from = 0.0F, to = 1.0F) float mask,
float maskedItemSize,
int count) {
return addKeylineRange(offsetLoc, mask, maskedItemSize, count, false);
}
/**
* Adds a range along the scrolling axis where an object should be masked by {@code mask} when
* its center is between {@code offsetLoc} and {@code offsetLoc + (maskedItemSize * count)}.
*
* Note that calls to {@link #addKeyline(float, float, float, boolean)} and {@link
* #addKeylineRange(float, float, float, int)} are added in order. Typically, this means
* keylines should be added in order of ascending {@code offsetLoc}.
*
* @param offsetLoc the location along the scrolling axis where this range starts. The range's
* end will be defined by {@code offsetLoc + (maskedItemSize * count)}. An offsetLoc of 0
* will be at the start of the scrolling container.
* @param mask the percentage of a child's full size that it should be masked by when its center
* is within the keyline range. 0 is fully unmasked and 1 is fully masked.
* @param maskedItemSize the total size of this item when masked. This might differ from {@code
* itemSize - (itemSize * mask)} depending on how margins are included in the {@code mask}.
* @param count The number of items that should be in this range at a time.
* @param isFocal whether this keyline range is the focal range. Typically this is when {@code
* mask} is equal to 0.
*/
@NonNull
@CanIgnoreReturnValue
Builder addKeylineRange(
float offsetLoc,
@FloatRange(from = 0.0F, to = 1.0F) float mask,
float maskedItemSize,
int count,
boolean isFocal) {
if (count <= 0 || maskedItemSize <= 0F) {
return this;
}
for (int i = 0; i < count; i++) {
float loc = offsetLoc + (maskedItemSize * i);
addKeyline(loc, mask, maskedItemSize, isFocal);
}
return this;
}
/** Builds and returns a {@link KeylineState}. */
@NonNull
KeylineState build() {
if (tmpFirstFocalKeyline == null) {
throw new IllegalStateException("There must be a keyline marked as focal.");
}
List The first focal keyline acts as a pivot and locations are shifted to correctly reflect
* where the focal range lies.
*
* @param firstFocalLoc the location of the first focal item
* @param itemSize the size of each item
* @param firstFocalPosition the number of items to the left of the first focal item.
* @param itemPosition the position of the item whose location is being calculated.
* @return the location of the item at {@code position} if it were laid out end-to-end.
*/
private static float calculateKeylineLocationForItemPosition(
float firstFocalLoc, float itemSize, int firstFocalPosition, int itemPosition) {
return firstFocalLoc - (itemSize * firstFocalPosition) + (itemPosition * itemSize);
}
}
/**
* A data class that represents a state an item should be in when its center is at a position
* along the scroll axis.
*/
static final class Keyline {
final float loc;
final float locOffset;
final float mask;
final float maskedItemSize;
/**
* Creates a keyline along a scroll axis.
*
* @param loc Where this item will be along the scroll axis if it were laid out end-to-end when
* it should be in the state defined by {@code locOffset} and {@code mask}.
* @param locOffset The location within the carousel where an item should be when its center is
* at {@code loc}.
* @param mask The percentage of this items full size that it should be masked by when its
* center is at {@code loc}.
* @param maskedItemSize The size of this item when masked.
*/
Keyline(float loc, float locOffset, float mask, float maskedItemSize) {
this.loc = loc;
this.locOffset = locOffset;
this.mask = mask;
this.maskedItemSize = maskedItemSize;
}
/** Linearly interpolates between two keylines and returns the interpolated object. */
static Keyline lerp(Keyline from, Keyline to, @FloatRange(from = 0, to = 1) float progress) {
return new Keyline(
AnimationUtils.lerp(from.loc, to.loc, progress),
AnimationUtils.lerp(from.locOffset, to.locOffset, progress),
AnimationUtils.lerp(from.mask, to.mask, progress),
AnimationUtils.lerp(from.maskedItemSize, to.maskedItemSize, progress));
}
}
}
*
*
* Typically there should be a keyline for every visible item in the scrolling container.
*/
static final class Builder {
private static final int NO_INDEX = -1;
private static final float UNKNOWN_LOC = Float.MIN_VALUE;
private final float itemSize;
// A list of keylines that hold all values except the Keyline#loc which needs to be calculated
// in the build method.
private final List