MotionLayout 忽略填充
MotionLayout ignores padding
我正在尝试在滑动时为 textview 的边距、填充和 alpha 设置动画。
一开始,textview 没有 padding,alpha 为 1。
最后,我希望 alpha 为 0,padding 为 100dp,边距为 16dp dp,alpha 为 0.5
一切正常,除了填充没有改变。
MotionLayout 是否支持填充?
我正在使用 androidx.constraintlayout:constraintlayout:2.0.0-beta4.
添加更多文本,因为 SO 说我的 post 看起来主要是代码...
添加更多文本,因为 SO 说我的 post 看起来主要是代码...
添加更多文本,因为 SO 说我的 post 看起来主要是代码...
布局xml:
<androidx.constraintlayout.motion.widget.MotionLayout
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:id="@+id/layoutParent"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layoutDescription="@xml/test">
<TextView
android:id="@+id/fakenavigationBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:text="hello world">
</TextView>
</androidx.constraintlayout.motion.widget.MotionLayout>
运动场景:
<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">
<ConstraintSet android:id="@+id/start">
<Constraint
android:id="@id/fakenavigationBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:alpha="1"
android:padding="100dp"
motion:layout_constraintTop_toTopOf="parent"
motion:layout_constraintStart_toStartOf="parent">
</Constraint>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint
android:id="@id/fakenavigationBar"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:alpha="0.5"
motion:layout_constraintStart_toStartOf="parent"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintBottom_toBottomOf="parent">
</Constraint>
</ConstraintSet>
<Transition
motion:constraintSetStart="@+id/start"
motion:constraintSetEnd="@+id/end"
motion:duration="2000"
motion:motionInterpolator="linear">
<OnSwipe
motion:touchAnchorId="@+id/fakenavigationBar"
motion:touchAnchorSide="top"
motion:dragDirection="dragDown"/>
</Transition>
</MotionScene>
我承认这不是一个很有帮助的答案,但我在填充方面遇到了同样的问题。边距似乎适用于 MotionLayout,但它似乎不支持填充。为了使我的工作有点像我想要的那样,我所做的是将我的 MotionLayout 文件中的填充添加到我想要的任何视图。它尊重该文件中的填充,但不尊重运动场景约束集中的填充,因此在我的情况下无法为填充设置动画。它只会保留在 MotionLayout 文件中设置的静态填充,这足以让我通过。
从 this blog post 看来,如果您将动态场景过渡设置在两个不同的布局之间而不是 ConstraintSet,则可能会在填充之间设置动画。
我已经向一些不同的资源提出了一个问题,问了为什么 MotionLayout 不支持填充,如果我得到任何有用的信息,我会更新我的答案,但据我所知,动画填充值在 MotionLayout 中不受支持.
这是可能的,但显然会付出很大的性能代价。
将 MotionLayout.TransitionListener
添加到您的 MotionLayout
以计算给定进度值 (0f-1f) 的正确填充值,并将其设置到您在 onTransitionChange()
中的视图:
motionLayout.setTransitionListener(object : MotionLayout.TransitionListener {
override fun onTransitionStarted(motionLayout: MotionLayout, startId: Int, endId: Int) { }
override fun onTransitionChange(motionLayout: MotionLayout, startId: Int, endId: Int, progress: Float) {
val paddingInPx = calculatePaddingPx(progress)
myView.setPadding(paddingInPx, paddingInPx, paddingInPx, paddingInPx)
}
override fun onTransitionCompleted(motionLayout: MotionLayout, currentId: Int) { }
override fun onTransitionTrigger(motionLayout: MotionLayout, triggerId: Int, positive: Boolean, progress: Float) { }
})
在您的 MotionScene
中,添加:
<Transition motion:layoutDuringTransition="honorRequest"/>
另请参阅:https://github.com/androidx/constraintlayout/issues/7#issuecomment-721447209
编辑 1:尽管我能够使用此技术更改填充,但我最终决定不使用它,因为性能影响在旧设备上非常明显。
Edit 2: 还有一个与滚动动画相关的问题,如果你做一个fling,那么TransitionListener
回调不保证被调用,所以过渡会达到它的start/end 没有更新填充的状态。
这是 MotionLayout 的限制
填充不是受支持的属性 ConstraintSet,因此不支持它。
View setPaddingTop 上什至没有方法,因此它们不能被视为自定义属性。
这是 MotionLayout 中的一个空白,但存在填充问题。填充更改视图测量尺寸,随着视图尺寸的变化请求布局。
这很昂贵,因为解决动画的唯一方法是解决开始和结束约束集并重建插值。
最好重新设计布局以使用边距,因为这是布局的控件。
我正在尝试在滑动时为 textview 的边距、填充和 alpha 设置动画。 一开始,textview 没有 padding,alpha 为 1。 最后,我希望 alpha 为 0,padding 为 100dp,边距为 16dp dp,alpha 为 0.5 一切正常,除了填充没有改变。 MotionLayout 是否支持填充? 我正在使用 androidx.constraintlayout:constraintlayout:2.0.0-beta4.
添加更多文本,因为 SO 说我的 post 看起来主要是代码... 添加更多文本,因为 SO 说我的 post 看起来主要是代码... 添加更多文本,因为 SO 说我的 post 看起来主要是代码...
布局xml:
<androidx.constraintlayout.motion.widget.MotionLayout
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:id="@+id/layoutParent"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layoutDescription="@xml/test">
<TextView
android:id="@+id/fakenavigationBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:text="hello world">
</TextView>
</androidx.constraintlayout.motion.widget.MotionLayout>
运动场景:
<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:motion="http://schemas.android.com/apk/res-auto">
<ConstraintSet android:id="@+id/start">
<Constraint
android:id="@id/fakenavigationBar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:alpha="1"
android:padding="100dp"
motion:layout_constraintTop_toTopOf="parent"
motion:layout_constraintStart_toStartOf="parent">
</Constraint>
</ConstraintSet>
<ConstraintSet android:id="@+id/end">
<Constraint
android:id="@id/fakenavigationBar"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:alpha="0.5"
motion:layout_constraintStart_toStartOf="parent"
motion:layout_constraintEnd_toEndOf="parent"
motion:layout_constraintBottom_toBottomOf="parent">
</Constraint>
</ConstraintSet>
<Transition
motion:constraintSetStart="@+id/start"
motion:constraintSetEnd="@+id/end"
motion:duration="2000"
motion:motionInterpolator="linear">
<OnSwipe
motion:touchAnchorId="@+id/fakenavigationBar"
motion:touchAnchorSide="top"
motion:dragDirection="dragDown"/>
</Transition>
</MotionScene>
我承认这不是一个很有帮助的答案,但我在填充方面遇到了同样的问题。边距似乎适用于 MotionLayout,但它似乎不支持填充。为了使我的工作有点像我想要的那样,我所做的是将我的 MotionLayout 文件中的填充添加到我想要的任何视图。它尊重该文件中的填充,但不尊重运动场景约束集中的填充,因此在我的情况下无法为填充设置动画。它只会保留在 MotionLayout 文件中设置的静态填充,这足以让我通过。
从 this blog post 看来,如果您将动态场景过渡设置在两个不同的布局之间而不是 ConstraintSet,则可能会在填充之间设置动画。
我已经向一些不同的资源提出了一个问题,问了为什么 MotionLayout 不支持填充,如果我得到任何有用的信息,我会更新我的答案,但据我所知,动画填充值在 MotionLayout 中不受支持.
这是可能的,但显然会付出很大的性能代价。
将 MotionLayout.TransitionListener
添加到您的 MotionLayout
以计算给定进度值 (0f-1f) 的正确填充值,并将其设置到您在 onTransitionChange()
中的视图:
motionLayout.setTransitionListener(object : MotionLayout.TransitionListener {
override fun onTransitionStarted(motionLayout: MotionLayout, startId: Int, endId: Int) { }
override fun onTransitionChange(motionLayout: MotionLayout, startId: Int, endId: Int, progress: Float) {
val paddingInPx = calculatePaddingPx(progress)
myView.setPadding(paddingInPx, paddingInPx, paddingInPx, paddingInPx)
}
override fun onTransitionCompleted(motionLayout: MotionLayout, currentId: Int) { }
override fun onTransitionTrigger(motionLayout: MotionLayout, triggerId: Int, positive: Boolean, progress: Float) { }
})
在您的 MotionScene
中,添加:
<Transition motion:layoutDuringTransition="honorRequest"/>
另请参阅:https://github.com/androidx/constraintlayout/issues/7#issuecomment-721447209
编辑 1:尽管我能够使用此技术更改填充,但我最终决定不使用它,因为性能影响在旧设备上非常明显。
Edit 2: 还有一个与滚动动画相关的问题,如果你做一个fling,那么TransitionListener
回调不保证被调用,所以过渡会达到它的start/end 没有更新填充的状态。
这是 MotionLayout 的限制
填充不是受支持的属性 ConstraintSet,因此不支持它。 View setPaddingTop 上什至没有方法,因此它们不能被视为自定义属性。
这是 MotionLayout 中的一个空白,但存在填充问题。填充更改视图测量尺寸,随着视图尺寸的变化请求布局。 这很昂贵,因为解决动画的唯一方法是解决开始和结束约束集并重建插值。
最好重新设计布局以使用边距,因为这是布局的控件。