- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
对于我使用 MotionLayout 的项目,除了一件小事外,一切都运行良好且顺利。当我打开应用程序并按下屏幕上的某个位置时,有时布局会跳转到未定义状态。
我定义的状态是:- 应用以“碎白”背景开始- 向右滑动时,会显示蓝色背景的框架布局- 向上滑动时,将显示红色背景的框架布局,隐藏所有其他 imageView
按下屏幕某处时应用程序所处的状态- 出现红色背景,所有 imageView 都可见。
我一直在寻找发生这种情况的原因,我猜这是一个错误(因为它仍处于 alpha 阶段),但想听听别人的意见。
代码将被附加以相当容易地重现它。
主要布局:
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:id="@+id/fl_forUnity"
android:layout_width="match_parent"
android:visibility="gone"
android:layout_height="match_parent"
android:alpha="1"
tools:ignore="UnusedAttribute"/>
<androidx.constraintlayout.motion.widget.MotionLayout
app:layoutDescription="@xml/scene_motion"
android:id="@+id/topMotionLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<View
android:id="@+id/backgroundView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
<View
android:id="@+id/ivBottomAnchor"
android:layout_width="match_parent"
android:layout_height="1dp"/>
<FrameLayout
android:id="@+id/flBottom"
app:layout_constraintTop_toBottomOf="@id/ivBottomAnchor"
app:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<View
android:id="@+id/ivLeftAnchor"
android:layout_width="1dp"
android:layout_height="match_parent"/>
<FrameLayout
android:id="@+id/flLeft"
app:layout_constraintEnd_toStartOf="@id/ivLeftAnchor"
android:layout_width="300dp"
android:layout_height="match_parent"/>
<View
android:id="@+id/ivRightAnchor"
android:layout_width="1dp"
android:layout_height="match_parent"/>
<FrameLayout
android:id="@+id/flRight"
app:layout_constraintStart_toEndOf="@id/ivRightAnchor"
app:layout_constraintEnd_toEndOf="parent"
android:layout_width="0dp"
android:layout_height="match_parent"/>
<ImageView
android:layout_width="32dp"
android:src="@drawable/ic_message"
android:layout_height="32dp"
tools:tint="@color/colorGreen_200"
android:id="@+id/fabStartButton"/>
<ImageView
android:id="@+id/middleButton"
tools:tint="@color/colorGreen_200"
android:layout_width="64dp"
android:src="@drawable/ic_circle"
android:layout_height="64dp"/>
<ImageView
android:id="@+id/bottomButton"
tools:tint="@color/colorGreen_200"
android:layout_width="28dp"
android:src="@drawable/ic_message"
android:layout_height="28dp"/>
<ImageView
android:layout_width="32dp"
android:layout_height="32dp"
tools:tint="@color/colorGreen_200"
android:src="@drawable/ic_adb"
android:id="@+id/fabEndButton"/>
<ImageView
android:src="@drawable/ic_orb"
android:id="@+id/ivOrb"
tools:tint="@color/colorGreen_200"
android:layout_width="6dp"
android:layout_height="6dp"/>
</androidx.constraintlayout.motion.widget.MotionLayout>
运动布局:
<MotionScene
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">
<Transition
android:id="@+id/SwipeUp"
motion:constraintSetStart="@+id/beginning"
motion:constraintSetEnd="@+id/endAtTop">
<OnSwipe
motion:dragDirection="dragUp"
motion:touchAnchorId="@id/ivBottomAnchor"
motion:touchAnchorSide="top"/>
<KeyFrameSet>
<KeyAttribute
android:alpha="0"
motion:framePosition="15"
motion:target="@id/bottomButton"/>
<KeyAttribute
android:alpha="0"
motion:framePosition="15"
motion:target="@id/fabStartButton"/>
<KeyAttribute
android:alpha="0"
motion:framePosition="15"
motion:target="@id/middleButton"/>
<KeyAttribute
android:alpha="0"
motion:framePosition="15"
motion:target="@id/fabEndButton"/>
<KeyAttribute
motion:target="@id/backgroundView">
<CustomAttribute
motion:attributeName="backgroundColor"
motion:customColorValue="#B71C1C"/>
</KeyAttribute>
</KeyFrameSet>
</Transition>
<Transition
android:id="@+id/SwipeLeft"
motion:constraintSetStart="@+id/beginning"
motion:constraintSetEnd="@+id/endRighty">
<OnSwipe
motion:dragDirection="dragLeft"
motion:touchAnchorId="@id/ivRightAnchor"
motion:touchAnchorSide="top"/>
</Transition>
<Transition
android:id="@+id/SwipeRight"
motion:constraintSetStart="@+id/beginning"
motion:constraintSetEnd="@+id/endLefty">
<OnSwipe
motion:dragDirection="dragRight"
motion:touchAnchorId="@id/ivLeftAnchor"
motion:touchAnchorSide="top"/>
<KeyFrameSet>
<KeyAttribute
motion:target="@id/backgroundView">
<CustomAttribute
motion:attributeName="backgroundColor"
motion:customColorValue="#0D47A1"/>
</KeyAttribute>
</KeyFrameSet>
</Transition>
<!--TODO: pressing on the bottombutton, go to bottom screen-->
<ConstraintSet android:id="@+id/beginning">
<Constraint
android:id="@+id/backgroundView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="0"/>
<Constraint
android:id="@+id/tbMain"
android:layout_width="match_parent"
android:layout_height="?actionBarSize"/>
<Constraint
android:id="@+id/ivBottomAnchor"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_height="1dp"
android:layout_width="match_parent"/>
<Constraint
android:id="@+id/flBottom"
motion:layout_constraintTop_toBottomOf="@id/ivBottomAnchor"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivLeftAnchor"
motion:layout_constraintStart_toStartOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flLeft"
motion:layout_constraintEnd_toStartOf="@id/ivLeftAnchor"
android:layout_width="300dp"
android:layout_marginEnd="10dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flRight"
android:layout_width="0dp"
motion:layout_constraintStart_toEndOf="@id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/fabStartButton"
android:layout_width="28dp"
android:layout_height="28dp"
android:layout_marginBottom="32dp"
android:layout_marginStart="32dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/middleButton"
android:layout_width="78dp"
android:layout_height="78dp"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="72dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/bottomButton"
android:layout_marginBottom="32dp"
android:layout_width="28dp"
android:layout_height="28dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/fabEndButton"
android:layout_width="28dp"
android:layout_height="28dp"
android:layout_marginBottom="32dp"
android:layout_marginEnd="32dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintEnd_toEndOf="parent"/>
<Constraint
android:id="@+id/ivOrb"
android:layout_width="6dp"
android:layout_height="6dp"
android:visibility="gone"
android:alpha="0"
android:layout_marginTop="8dp"
motion:layout_constraintTop_toBottomOf="@id/fabStartButton"
motion:layout_constraintStart_toStartOf="@id/middleButton"
motion:layout_constraintEnd_toEndOf="@id/middleButton"/>
</ConstraintSet>
<ConstraintSet android:id="@+id/endAtTop">
<Constraint
android:id="@+id/backgroundView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="1"/>
<Constraint
android:id="@+id/tbMain"
android:layout_width="match_parent"
android:layout_height="?actionBarSize"/>
<Constraint
android:id="@+id/ivBottomAnchor"
android:layout_height="1dp"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_width="match_parent"/>
<Constraint
android:id="@+id/flBottom"
motion:layout_constraintTop_toBottomOf="@id/ivBottomAnchor"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivLeftAnchor"
motion:layout_constraintStart_toStartOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flLeft"
motion:layout_constraintEnd_toStartOf="@id/ivLeftAnchor"
android:layout_width="300dp"
android:layout_marginEnd="10dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flRight"
android:layout_width="0dp"
motion:layout_constraintStart_toEndOf="@id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/fabStartButton"
android:layout_width="26dp"
android:layout_height="26dp"
android:alpha="0"
android:layout_marginBottom="32dp"
android:layout_marginStart="80dp"
android:translationY="-100dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/middleButton"
android:layout_width="52dp"
android:translationY="-100dp"
android:alpha="0"
android:layout_height="52dp"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="38dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/bottomButton"
android:translationY="-100dp"
android:layout_width="26dp"
android:layout_height="26dp"
android:alpha="0"
motion:layout_constraintTop_toBottomOf="@id/middleButton"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/fabEndButton"
android:layout_width="26dp"
android:translationY="-100dp"
android:alpha="0"
android:layout_height="26dp"
android:layout_marginBottom="32dp"
android:layout_marginEnd="80dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintEnd_toEndOf="parent"/>
<Constraint
android:id="@+id/ivOrb"
android:visibility="gone"
android:translationY="-100dp"
android:layout_width="6dp"
android:alpha="0"
android:layout_height="6dp"
android:layout_marginTop="8dp"
motion:layout_constraintTop_toBottomOf="@id/fabStartButton"
motion:layout_constraintStart_toStartOf="@id/middleButton"
motion:layout_constraintEnd_toEndOf="@id/middleButton"/>
</ConstraintSet>
<ConstraintSet android:id="@+id/endRighty">
<Constraint
android:id="@+id/backgroundView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="0"/>
<Constraint
android:id="@+id/tbMain"
android:layout_width="match_parent"
android:layout_height="?actionBarSize"/>
<Constraint
android:id="@+id/ivBottomAnchor"
android:layout_height="1dp"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"/>
<Constraint
android:id="@+id/flBottom"
motion:layout_constraintTop_toBottomOf="@id/ivBottomAnchor"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivLeftAnchor"
motion:layout_constraintStart_toStartOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flLeft"
motion:layout_constraintEnd_toStartOf="@id/ivLeftAnchor"
android:layout_width="300dp"
android:layout_marginEnd="10dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivRightAnchor"
motion:layout_constraintStart_toStartOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flRight"
motion:layout_constraintStart_toEndOf="@id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/fabStartButton"
android:layout_width="26dp"
android:layout_height="26dp"
android:layout_marginBottom="32dp"
android:layout_marginStart="80dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/middleButton"
android:layout_width="52dp"
android:layout_height="52dp"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="38dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/bottomButton"
android:layout_width="28dp"
android:layout_height="28dp"
android:alpha="0"
motion:layout_constraintTop_toBottomOf="@id/middleButton"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/fabEndButton"
android:layout_width="26dp"
android:layout_height="26dp"
android:layout_marginBottom="32dp"
android:layout_marginEnd="80dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintEnd_toEndOf="parent"/>
<Constraint
android:id="@+id/ivOrb"
android:layout_width="6dp"
android:layout_height="6dp"
android:layout_marginTop="8dp"
motion:layout_constraintTop_toBottomOf="@id/fabEndButton"
motion:layout_constraintStart_toStartOf="@id/fabEndButton"
motion:layout_constraintEnd_toEndOf="@id/fabEndButton"/>
</ConstraintSet>
<ConstraintSet android:id="@+id/endLefty">
<Constraint
android:id="@+id/backgroundView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:alpha="1"/>
<Constraint
android:id="@+id/tbMain"
android:layout_width="match_parent"
android:layout_height="?actionBarSize"/>
<Constraint
android:id="@+id/ivBottomAnchor"
android:layout_height="1dp"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"/>
<Constraint
android:id="@+id/flBottom"
motion:layout_constraintTop_toBottomOf="@id/ivBottomAnchor"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivLeftAnchor"
motion:layout_constraintEnd_toEndOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flLeft"
motion:layout_constraintEnd_toStartOf="@id/ivLeftAnchor"
motion:layout_constraintStart_toStartOf="parent"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_width="match_parent"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
android:layout_height="match_parent"
android:layout_width="1dp"/>
<Constraint
android:id="@+id/flRight"
android:layout_width="0dp"
motion:layout_constraintStart_toEndOf="@id/ivRightAnchor"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintTop_toBottomOf="@id/tbMain"
android:layout_height="0dp"/>
<Constraint
android:id="@+id/fabStartButton"
android:layout_width="26dp"
android:layout_height="26dp"
android:alpha="0"
android:layout_marginBottom="32dp"
android:layout_marginStart="80dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/middleButton"
android:layout_width="52dp"
android:layout_height="52dp"
android:alpha="0"
motion:layout_constraintBottom_toBottomOf="parent"
android:layout_marginBottom="38dp"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/bottomButton"
android:layout_width="28dp"
android:layout_height="28dp"
android:alpha="0"
motion:layout_constraintTop_toBottomOf="@id/middleButton"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintStart_toStartOf="parent"/>
<Constraint
android:id="@+id/fabEndButton"
android:layout_width="26dp"
android:layout_height="26dp"
android:alpha="0"
android:layout_marginBottom="32dp"
android:layout_marginEnd="80dp"
motion:layout_constraintBottom_toBottomOf="parent"
motion:layout_constraintEnd_toEndOf="parent"/>
<Constraint
android:id="@+id/ivOrb"
android:alpha="0"
android:layout_width="6dp"
android:layout_height="6dp"
android:layout_marginTop="8dp"
motion:layout_constraintTop_toBottomOf="@id/fabStartButton"
motion:layout_constraintStart_toStartOf="@id/fabStartButton"
motion:layout_constraintEnd_toEndOf="@id/fabStartButton"/>
</ConstraintSet>
最佳答案
解决方案是等待新版本的 motionLayout。在那个 RC(我认为是 RC3)中有一个关于可见性状态等的错误。从下一个 RC (RC4) 开始,这个问题已经解决,并且按预期工作。
关于android - MotionLayout - 单击布局时行为不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54943837/
我有 2 种不同的 MotionLayout 行为。这个想法是根据应用程序状态更改它们。但是当我从代码设置时: if(smth) { constraintToolbar.loadLayoutDe
我在我的运动布局中使用了一个回收器 View ,其 handle 是一个 ImageView。但是当你第一次想要向上滑动它时,它会摇晃,上下移动,但不会出现。 我尝试使用这些属性,但没有任何效果。 布
我找不到任何关于 MotionLayout 中 MotionScene 默认状态的文档。 我有如下简单的 MotionScene
我注意到到目前为止所有的 MotionLayouts 总是捕捉到它们的一个结束状态,即使你在动画的中途拖动一个 View ,停止,然后放开。我想要实现的是让motionlayout 只对用户交互和动量
我正在尝试制作从 initial 状态到 end 状态的连续动画。 从 initial 到 start 的转换应该是即时的,所以我在 OnClick 上设置了 app:clickAction="jum
我正在尝试在滑动时为 textview 的边距、填充和 alpha 设置动画。开始时,textview 没有填充,alpha 为 1。最后,我希望 alpha 为 0,padding 为 100dp,
我试图让我的 View 使用 MotionLayout 进行动画处理,但希望某些约束在其他约束之前进行动画处理。我认为这是motion的目的:Transition 的交错属性,但我不明白它是如何工作的
我有一个约束布局,其中包含一个 RecyclerView、一个 TextInputEditText、一个约束组(它处理 RecyclerView 和 TextInputEditText 的可见性、一个
我在我的主要事件中使用运动布局。它工作正常。但是,当我移动到其他事件并导航回我的主要事件时,有时事件会被重置并且布局处于其起始状态。如何防止这种情况发生?除此之外 我还有另一个关于运动布局的问题,我已
对于我使用 MotionLayout 的项目,除了一件小事外,一切都运行良好且顺利。当我打开应用程序并按下屏幕上的某个位置时,有时布局会跳转到未定义状态。 我定义的状态是:- 应用以“碎白”背景开始-
我要开始使用 MotionLayout。 用 MotionLayout 替换现有的 ConstraintLayout 后,其中有一个简单的运动场景, 我注意到 androidx.constraintl
我有一个 Fragment,它在 MotionLayout 中承载了一个 RecyclerView。在回收站 View 之上,我有一个可以折叠和展开的 View ,所有这些都是在我的运动场景中完成的。
我一定是遗漏了 android: 动态布局中的可见性变化。这是我的布局的简化版本。 Bunch of image views, Text views that are constrainted
我有一些项目被包裹在 motionLayout 和 recyclerView 中,其中需要将一个项目设置为结束状态,并将其余项目保持在开始状态,没有任何动画或闪烁,只是显示。 当我尝试调用 trans
我的代码Activity class SwipeHandlerActivity : AppCompatActivity(R.layout.activity_swipe_handler){ ov
首先,我使用的是 androidx.constraintlayout:constraintlayout:2.0.0-beta1,因为 beta2 在我们的应用中打乱了很多布局。 我试图让 Motion
我在使用 MotionLayout 时遇到了一个问题,如果用户在可点击项目上开始滑动,他们将无法向上/向下滑动。我希望用户能够在屏幕的任何部分上滑动,并触发滑动过渡。 基本上,该行为将与目前在 And
我想在转换期间更改 fab 按钮中的图像,但我还没有找到如何使用 xml 来执行此操作,因为 CustomAttribute 标记仅支持可绘制颜色作为值。我的解决方案是将 TransitionAdap
我有一些 View 需要以编程方式设置一些边距(来自 applyWindowInsets 监听器),但 View 似乎忽略了我用代码设置的任何边距,即使我没有为边距设置动画。 我可以很好地设置填充,但
我有一个 MotionScene,它有 4 个 ConstraintSet,代表 4 个屏幕状态(加载状态),它们之间有 3 个转换。 当我的应用程序状态从例如更改时加载到处理中,我想运行 Trans
我是一名优秀的程序员,十分优秀!