MotionLayout прогресс скачет от 0 до 1 без промежуточных шагов - PullRequest
Новая
       22

MotionLayout прогресс скачет от 0 до 1 без промежуточных шагов

0 голосов
/ 14 января 2019

У меня есть MotionLayout с TransitionListener, и прогресс для моего MotionScene, кажется, изменяется от 0 до 1: 

<MotionScene xmlns:app="http://schemas.android.com/apk/res-auto"
             xmlns:android="http://schemas.android.com/apk/res/android">

    <Transition
        app:constraintSetStart="@id/header_expanded"
        app:constraintSetEnd="@id/header_condensed"
        app:duration="2000">

        <OnSwipe
             app:touchAnchorId="@id/view_pager"
            app:dragDirection="dragDown"
            app:touchAnchorSide="top"/>

        <KeyFrameSet>
            <KeyAttribute
                android:elevation="@dimen/header_elevation_expanded"
                app:framePosition="0"
                app:target="@id/header"/>

            <KeyAttribute
                android:elevation="@dimen/header_elevation_expanded"
                app:framePosition="90"
                app:target="@id/header"/>


            <KeyAttribute
                android:elevation="@dimen/header_elevation_collapsed"
                app:framePosition="100"
                app:target="@id/header" />
        </KeyFrameSet>
    </Transition>

    <ConstraintSet android:id="@+id/header_expanded">
        <Constraint
            android:id="@+id/guideline_expanded_state"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.5" />

    </ConstraintSet>

    <ConstraintSet android:id="@+id/header_condensed">
        <Constraint
            android:id="@+id/guideline_expanded_state"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.18" />
    </ConstraintSet>
</MotionScene>

Если вы печатаете прогресс в журнале, кажется, что он скачет с 0 до 1. Я попытался изменить длительность или просто изменить ограничения для представления заголовка на другой ориентир, но это, похоже, не влияет на прогресс.

Единственная странная вещь, которую я вижу в журналах, это то, что она не может найти представление OnSwipe touchAnchorId.

W / MotionLayout: WARNING не удалось найти идентификатор представления com.pitchero.ph:id/view_pager

Макет с использованием этого MotionScence приведен ниже: 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.motion.widget.MotionLayout android:id="@+id/container"
                                                      xmlns:android="http://schemas.android.com/apk/res/android"
                                                      xmlns:app="http://schemas.android.com/apk/res-auto"
                                                      xmlns:tools="http://schemas.android.com/tools"
                                                      android:layout_width="match_parent"
                                                      android:layout_height="match_parent"
                                                      android:background="@color/activity_background"
                                                      app:layoutDescription="@xml/motion_scene_team">

    <com.github.florent37.shapeofview.shapes.DiagonalView
        android:id="@+id/header"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:elevation="@dimen/menu_header_elevation_expanded"
        app:layout_constraintBottom_toTopOf="@+id/guideline_expanded_state"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:shape_diagonal_angle="@dimen/header_angle"
        app:shape_diagonal_direction="left"
        app:shape_diagonal_position="bottom">

        <View
            android:id="@+id/background"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/redE64"/>

    </com.github.florent37.shapeofview.shapes.DiagonalView>

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/transparent"
        app:layout_collapseMode="pin">

        <LinearLayout
            android:id="@+id/toolbar_title_container"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:elevation="5dp"
            android:gravity="center"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/toolbar_image"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginEnd="7dp"
                android:visibility="gone"/>

            <TextView
                android:id="@+id/title"
                style="@style/title.white"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:ellipsize="end"
                android:gravity="center"
                android:includeFontPadding="true"
                android:maxLines="1"
                tools:text="Help Center"/>
        </LinearLayout>
    </androidx.appcompat.widget.Toolbar>

    <com.google.android.material.tabs.TabLayout
        android:id="@+id/tabs_bar"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@color/transparent"
        android:elevation="2dp"
        android:textAlignment="center"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/toolbar"
        app:tabBackground="@color/transparent"
        app:tabIndicatorColor="@color/white"
        app:tabSelectedTextColor="@color/white"
        app:tabTextColor="@color/white_50_percent"/>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginTop="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tabs_bar"/>

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline_expanded_state"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5"/>

</androidx.constraintlayout.motion.widget.MotionLayout>

Я не очень понимаю, почему это происходит в данном конкретном случае. Я подозреваю, что это потому, что он не может найти ViewPager, но я не понимаю, почему это произошло.

Кроме того, я использую следующую версию библиотек ConstraintLayout:

реализация 'androidx.constraintlayout: constraintlayout: 2.0.0-alpha3'

реализация 'androidx.constraintlayout: constraintlayout-solver: 2.0.0-alpha3'

Любая помощь будет высоко ценится, спасибо!

1 Ответ

0 голосов
/ 28 февраля 2019

Вы неправильно внедрили MotionLayout, во-первых, вы не должны использовать Guideline для настройки анимации, вы можете использовать ViewGroup контейнеры или View для анимации.

Следующая вещь, вы должны определить все ContraintSet , которые ссылаются на другой макет. Например, 

 <androidx.viewpager.widget.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginTop="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/tabs_bar"/>

Здесь вы используете app: layout_constraintTop_toBottomOf = "@ id / tabs_bar" в качестве ссылки, поэтому, если вы анимируете этот viewpager, вам нужно будет добавить ConstraintSet для обоих их, тогда только вы можете избавиться от этого предупреждения. :)

...