Если вы хотите добиться этого с помощью библиотеки поддержки 23.4.0.+, я расскажу вам, как я ее получил и как она работает.
Насколько я вижу, активность/фрагмент имеет следующее поведение:
- 2 панели инструментов с анимацией, реагирующей на движения нижнего листа.
- FAB, который скрывается, когда он находится рядом с модальной панелью инструментов (та, которая появляется, когда вы проводите пальцем вверх).
- Фоновое изображение за нижним листом с эффектом параллакса.
- Заголовок (TextView) на панели инструментов, который появляется, когда нижний лист достигает его.
- Фон строки уведомлений может быть прозрачным или полноцветным.
- Пользовательское поведение нижнего листа с состоянием привязки.
note2: этот ответ говорит о 6 вещах, а не об 1 или 2, как и в другом вопросе, теперь вы видите разницу?
Хорошо, а теперь давайте еще раз проверим:
Панели инструментов
Когда вы открываете это представление в Картах Google, вы видите панель инструментов, где вы можете искать, это единственная панель, которую я не делаю равной, как карты Google, потому что я хотел сделать это больше общий. В любом случае, этот ToolBar
находится внутри AppBarLayout
, и он скрывается, когда вы начинаете перетаскивать нижний лист, и появляется снова, когда нижний лист достигает состояния COLLAPSED
.
Для этого вам нужно:
- создать
Behavior
и расширить его из AppBarLayout.ScrollingViewBehavior
- переопределить методы
layoutDependsOn
и onDependentViewChanged
. Делая это, вы будете слушать движения нижнего листа.
- создайте несколько методов для скрытия и отображения AppBarLayout/ToolBar с анимацией.
Вот как я сделал это для первой панели инструментов или панели действий:
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
return dependency instanceof NestedScrollView;
}
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, View child,
View dependency) {
if (mChild == null) {
initValues(child, dependency);
return false;
}
float dVerticalScroll = dependency.getY() - mPreviousY;
mPreviousY = dependency.getY();
//going up
if (dVerticalScroll <= 0 && !hidden) {
dismissAppBar(child);
return true;
}
return false;
}
private void initValues(final View child, View dependency) {
mChild = child;
mInitialY = child.getY();
BottomSheetBehaviorGoogleMapsLike bottomSheetBehavior = BottomSheetBehaviorGoogleMapsLike.from(dependency);
bottomSheetBehavior.addBottomSheetCallback(new BottomSheetBehaviorGoogleMapsLike.BottomSheetCallback() {
@Override
public void onStateChanged(@NonNull View bottomSheet, @BottomSheetBehaviorGoogleMapsLike.State int newState) {
if (newState == BottomSheetBehaviorGoogleMapsLike.STATE_COLLAPSED ||
newState == BottomSheetBehaviorGoogleMapsLike.STATE_HIDDEN)
showAppBar(child);
}
@Override
public void onSlide(@NonNull View bottomSheet, float slideOffset) {
}
});
}
private void dismissAppBar(View child){
hidden = true;
AppBarLayout appBarLayout = (AppBarLayout)child;
mToolbarAnimation = appBarLayout.animate().setDuration(mContext.getResources().getInteger(android.R.integer.config_shortAnimTime));
mToolbarAnimation.y(-(mChild.getHeight()+25)).start();
}
private void showAppBar(View child) {
hidden = false;
AppBarLayout appBarLayout = (AppBarLayout)child;
mToolbarAnimation = appBarLayout.animate().setDuration(mContext.getResources().getInteger(android.R.integer.config_mediumAnimTime));
mToolbarAnimation.y(mInitialY).start();
}
полный файл, если вам это нужно
Вторая панель инструментов или модальная панель инструментов:
вам нужно переопределить некоторые методы, но в этом случае вы должны позаботиться о большем количестве вариантов поведения:
- показать/скрыть панель инструментов с анимацией
- изменить цвет/фон строки состояния
- показать/скрыть заголовок BottomSheet на панели инструментов
- закрыть нижний лист или отправить его в свернутое состояние
Код для этого немного обширен, поэтому я позволю ссылка
The FAB
Это тоже настраиваемое поведение, но оно происходит от FloatingActionButton.Behavior
. В onDependentViewChanged
вы должны смотреть, когда он достигает смещения или указывает, где вы хотите его скрыть. В моем случае я хочу скрыть его, когда он находится рядом со второй панелью инструментов, поэтому я копаюсь в родительском элементе FAB (CoordiantorLayout) в поисках AppBarLayout, содержащего панель инструментов, затем я использую положение панели инструментов, например OffSet
:
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton child, View dependency) {
if (offset == 0)
setOffsetValue(parent);
if (dependency.getY() <=0)
return false;
if (child.getY() <= (offset + child.getHeight()) && child.getVisibility() == View.VISIBLE)
child.hide();
else if (child.getY() > offset && child.getVisibility() != View.VISIBLE)
child.show();
return false;
}
Полный пользовательский Ссылка на потрясающее поведение
Изображение за BottomSheet с эффектом параллакса:
Как и другие, это настраиваемое поведение, единственная сложная вещь в этом — это небольшой алгоритм, который удерживает изображение привязанным к BottomSheet и избегает изображения. свернуть, как эффект параллакса по умолчанию:
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, View child,
View dependency) {
if (mYmultiplier == 0) {
initValues(child, dependency);
return true;
}
float dVerticalScroll = dependency.getY() - mPreviousY;
mPreviousY = dependency.getY();
//going up
if (dVerticalScroll <= 0 && child.getY() <= 0) {
child.setY(0);
return true;
}
//going down
if (dVerticalScroll >= 0 && dependency.getY() <= mImageHeight)
return false;
child.setY( (int)(child.getY() + (dVerticalScroll * mYmultiplier) ) );
return true;
}
[complete file for backdrop Image with parallax effect][4]
Напоследок: Пользовательское поведение BottomSheet
Чтобы выполнить 3 шага, сначала нужно понять, что поведение BottomSheetBehavior по умолчанию имеет 5 состояний: STATE_DRAGGING, STATE_SETTLING, STATE_EXPANDED, STATE_COLLAPSED, STATE_HIDDEN
, а для поведения Google Maps необходимо добавить среднее состояние между свернутым и развернутым: STATE_ANCHOR_POINT
.
Я безуспешно пытался расширить значение bottomSheetBehavior по умолчанию, поэтому я просто скопировал и вставил весь код и изменил то, что мне нужно.
Чтобы достичь того, о чем я говорю, выполните следующие шаги. :
Создайте класс Java и расширьте его из CoordinatorLayout.Behavior<V>
Скопируйте и вставьте код из файла BottomSheetBehavior
по умолчанию в новый.
Измените метод clampViewPositionVertical
следующим кодом:
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
return constrain(top, mMinOffset, mHideable ? mParentHeight : mMaxOffset);
}
int constrain(int amount, int low, int high) {
return amount < low ? low : (amount > high ? high : amount);
}
Добавить новое состояние
публичный статический финал int STATE_ANCHOR_POINT = X;
Измените следующие методы: onLayoutChild
, onStopNestedScroll
, BottomSheetBehavior<V> from(V view)
и setState
(необязательно)
public boolean onLayoutChild(CoordinatorLayout parent, V child, int layoutDirection) {
// First let the parent lay it out
if (mState != STATE_DRAGGING && mState != STATE_SETTLING) {
if (ViewCompat.getFitsSystemWindows(parent) &&
!ViewCompat.getFitsSystemWindows(child)) {
ViewCompat.setFitsSystemWindows(child, true);
}
parent.onLayoutChild(child, layoutDirection);
}
// Offset the bottom sheet
mParentHeight = parent.getHeight();
mMinOffset = Math.max(0, mParentHeight - child.getHeight());
mMaxOffset = Math.max(mParentHeight - mPeekHeight, mMinOffset);
//if (mState == STATE_EXPANDED) {
// ViewCompat.offsetTopAndBottom(child, mMinOffset);
//} else if (mHideable && mState == STATE_HIDDEN...
if (mState == STATE_ANCHOR_POINT) {
ViewCompat.offsetTopAndBottom(child, mAnchorPoint);
} else if (mState == STATE_EXPANDED) {
ViewCompat.offsetTopAndBottom(child, mMinOffset);
} else if (mHideable && mState == STATE_HIDDEN) {
ViewCompat.offsetTopAndBottom(child, mParentHeight);
} else if (mState == STATE_COLLAPSED) {
ViewCompat.offsetTopAndBottom(child, mMaxOffset);
}
if (mViewDragHelper == null) {
mViewDragHelper = ViewDragHelper.create(parent, mDragCallback);
}
mViewRef = new WeakReference<>(child);
mNestedScrollingChildRef = new WeakReference<>(findScrollingChild(child));
return true;
}
public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, V child, View target) {
if (child.getTop() == mMinOffset) {
setStateInternal(STATE_EXPANDED);
return;
}
if (target != mNestedScrollingChildRef.get() || !mNestedScrolled) {
return;
}
int top;
int targetState;
if (mLastNestedScrollDy > 0) {
//top = mMinOffset;
//targetState = STATE_EXPANDED;
int currentTop = child.getTop();
if (currentTop > mAnchorPoint) {
top = mAnchorPoint;
targetState = STATE_ANCHOR_POINT;
}
else {
top = mMinOffset;
targetState = STATE_EXPANDED;
}
} else if (mHideable && shouldHide(child, getYVelocity())) {
top = mParentHeight;
targetState = STATE_HIDDEN;
} else if (mLastNestedScrollDy == 0) {
int currentTop = child.getTop();
if (Math.abs(currentTop - mMinOffset) < Math.abs(currentTop - mMaxOffset)) {
top = mMinOffset;
targetState = STATE_EXPANDED;
} else {
top = mMaxOffset;
targetState = STATE_COLLAPSED;
}
} else {
//top = mMaxOffset;
//targetState = STATE_COLLAPSED;
int currentTop = child.getTop();
if (currentTop > mAnchorPoint) {
top = mMaxOffset;
targetState = STATE_COLLAPSED;
}
else {
top = mAnchorPoint;
targetState = STATE_ANCHOR_POINT;
}
}
if (mViewDragHelper.smoothSlideViewTo(child, child.getLeft(), top)) {
setStateInternal(STATE_SETTLING);
ViewCompat.postOnAnimation(child, new SettleRunnable(child, targetState));
} else {
setStateInternal(targetState);
}
mNestedScrolled = false;
}
public final void setState(@State int state) {
if (state == mState) {
return;
}
if (mViewRef == null) {
// The view is not laid out yet; modify mState and let onLayoutChild handle it later
/**
* New behavior (added: state == STATE_ANCHOR_POINT ||)
*/
if (state == STATE_COLLAPSED || state == STATE_EXPANDED ||
state == STATE_ANCHOR_POINT ||
(mHideable && state == STATE_HIDDEN)) {
mState = state;
}
return;
}
V child = mViewRef.get();
if (child == null) {
return;
}
int top;
if (state == STATE_COLLAPSED) {
top = mMaxOffset;
} else if (state == STATE_ANCHOR_POINT) {
top = mAnchorPoint;
} else if (state == STATE_EXPANDED) {
top = mMinOffset;
} else if (mHideable && state == STATE_HIDDEN) {
top = mParentHeight;
} else {
throw new IllegalArgumentException("Illegal state argument: " + state);
}
setStateInternal(STATE_SETTLING);
if (mViewDragHelper.smoothSlideViewTo(child, child.getLeft(), top)) {
ViewCompat.postOnAnimation(child, new SettleRunnable(child, state));
}
}
public static <V extends View> BottomSheetBehaviorGoogleMapsLike<V> from(V view) {
ViewGroup.LayoutParams params = view.getLayoutParams();
if (!(params instanceof CoordinatorLayout.LayoutParams)) {
throw new IllegalArgumentException("The view is not a child of CoordinatorLayout");
}
CoordinatorLayout.Behavior behavior = ((CoordinatorLayout.LayoutParams) params)
.getBehavior();
if (!(behavior instanceof BottomSheetBehaviorGoogleMapsLike)) {
throw new IllegalArgumentException(
"The view is not associated with BottomSheetBehaviorGoogleMapsLike");
}
return (BottomSheetBehaviorGoogleMapsLike<V>) behavior;
}
ссылка на проект дыры, где вы можете увидеть все настраиваемые поведения
примечание 3: в следующий раз добавьте комментарий с вежливой просьбой изменить ответ или спросите, почему этот ответ имеет НЕКОТОРЫЕ равные вещи, чем другие мои ответы на ту же тему, ПРЕЖДЕ чем закрыть его или пометить как дублированный.
А вот как это выглядит
[
]
person
MiguelHincapieC
schedule
27.05.2016
android:animateLayoutChanges="true"
? Если это имеет смысл. - person AL.   schedule 20.05.2016