android - 当触摸区域包含 RecyclerView 时,Android MotionLayout OnSwipe 不起作用
问题描述
我正在尝试实现这个播放器动画
我还希望能够在折叠和展开时同时滑动歌曲。所以这个想法是将 aMotionLayout
与 a 一起使用RecyclerView
,并且让每个项目都RecyclerView
成为 a MotionLayout
。这样我就可以在它的孩子上应用扩展动画RecyclerView
,也可以在它的孩子上应用过渡。
如附加视频中所示,过渡本身可以正常工作。但是让阻力对RecyclerView
自身起作用并没有。仅当触摸从 外部开始时才会检测到拖动,RecyclerView
如视频中突出显示的触摸所示,触摸从 下方开始RecyclerView
。
如果触摸开始于RecyclerView
,则滚动歌曲会消耗该事件。即使禁用附件中的滚动LinearLayoutManager
也不起作用。我还尝试覆盖onTouch
以RecyclerView
始终返回false
并且不消耗任何触摸事件(理论上),但这也不起作用。
该项目可以在这里找到https://github.com/vlatkozelka/PlayerAnimation2 它并不是一个生产就绪的应用程序,只是一个测试游乐场。
这是相关代码
布局:
<?xml version="1.0" encoding="utf-8"?>
<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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorPrimary"
app:layoutDescription="@xml/player_scene"
tools:context=".MainActivity"
android:id="@+id/layout_main"
>
<FrameLayout
android:id="@+id/layout_player"
android:layout_width="match_parent"
android:layout_height="@dimen/mini_player_height"
android:elevation="2dp"
app:layout_constraintBottom_toTopOf="@id/layout_navigation"
app:layout_constraintStart_toStartOf="parent"
android:background="@color/dark_grey"
android:focusable="true"
android:clickable="true"
>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_songs"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusable="false"
android:clickable="false"
/>
</FrameLayout>
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/layout_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/dark_grey"
android:padding="5dp"
android:weightSum="3"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent">
<ImageView
android:id="@+id/iv_home"
android:layout_width="0dp"
android:layout_height="34dp"
android:layout_weight="1"
android:tint="#fff"
app:layout_constraintEnd_toStartOf="@id/iv_search"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_home_24px" />
<ImageView
android:id="@+id/iv_search"
android:layout_width="0dp"
android:layout_height="34dp"
android:layout_weight="1"
android:tint="#fff"
app:layout_constraintEnd_toStartOf="@id/iv_library"
app:layout_constraintStart_toEndOf="@id/iv_home"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_search_24px" />
<ImageView
android:id="@+id/iv_library"
android:layout_width="0dp"
android:layout_height="34dp"
android:layout_weight="1"
android:tint="#fff"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/iv_search"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_library_music_24px" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.motion.widget.MotionLayout>
运动场景:
<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<Transition
android:id="@+id/dragUp"
app:constraintSetEnd="@id/expanded"
app:constraintSetStart="@id/collapsed">
<OnSwipe
app:dragDirection="dragUp"
app:touchRegionId="@id/layout_player" />
<OnClick
app:clickAction="transitionToEnd"
app:targetId="@id/layout_player" />
</Transition>
<Transition
android:id="@+id/dragDown"
app:constraintSetEnd="@id/collapsed"
app:constraintSetStart="@id/expanded">
<OnSwipe
app:dragDirection="dragDown"
app:touchRegionId="@id/layout_player" />
<OnClick
app:clickAction="transitionToEnd"
app:targetId="@id/layout_player" />
</Transition>
<ConstraintSet android:id="@+id/collapsed">
<Constraint
android:id="@+id/layout_navigation"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/dark_grey"
android:orientation="horizontal"
android:padding="5dp"
android:weightSum="3"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" />
<Constraint
android:id="@+id/layout_player"
android:layout_width="match_parent"
android:layout_height="@dimen/mini_player_height"
android:elevation="2dp"
app:layout_constraintBottom_toTopOf="@id/layout_navigation"
app:layout_constraintStart_toStartOf="parent" />
</ConstraintSet>
<ConstraintSet android:id="@+id/expanded">
<Constraint
android:id="@+id/layout_navigation"
android:layout_width="match_parent"
android:layout_height="0dp"
android:background="@color/dark_grey"
android:orientation="horizontal"
android:padding="5dp"
android:weightSum="3"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="parent" />
<Constraint
android:id="@+id/layout_player"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:elevation="2dp"
app:layout_constraintBottom_toTopOf="@id/layout_navigation"
app:layout_constraintStart_toStartOf="parent" />
</ConstraintSet>
</MotionScene>
主要活动:
package com.example.playeranimation2
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
import androidx.constraintlayout.motion.widget.MotionLayout
import androidx.recyclerview.widget.LinearLayoutManager
import androidx.recyclerview.widget.PagerSnapHelper
import androidx.recyclerview.widget.RecyclerView
import androidx.viewpager2.widget.ViewPager2
import io.reactivex.subjects.PublishSubject
import org.notests.sharedsequence.Driver
data class AppState(
val songs: List<Song> = Song.getRandomSongs(),
val currentSong: Int = 0,
val expandedPercent: Float = 0f
)
class MainActivity : AppCompatActivity() {
companion object {
var appState = AppState()
val appStateObservable = PublishSubject.create<AppState>()
val appStateDriver = Driver(appStateObservable.startWith(appState))
}
lateinit var mainLayout: MotionLayout
lateinit var songsRecycler: RecyclerView
lateinit var playerLayout : ViewGroup
lateinit var adapter: SongsAdapter
lateinit var snapHelper: PagerSnapHelper
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
mainLayout = findViewById(R.id.layout_main)
songsRecycler = findViewById(R.id.recycler_songs)
playerLayout = findViewById(R.id.layout_player)
songsRecycler.layoutManager = LinearLayoutManager(this).apply { orientation = LinearLayoutManager.HORIZONTAL }
adapter = SongsAdapter()
songsRecycler.adapter = adapter
adapter.refreshData(appState.songs)
snapHelper = PagerSnapHelper()
snapHelper.attachToRecyclerView(songsRecycler)
mainLayout.setTransitionListener(object : MotionLayout.TransitionListener {
override fun onTransitionTrigger(p0: MotionLayout?, p1: Int, p2: Boolean, p3: Float) {
}
override fun onTransitionStarted(p0: MotionLayout?, p1: Int, p2: Int) {
}
override fun onTransitionChange(p0: MotionLayout?, p1: Int, p2: Int, p3: Float) {
if (p1 == R.id.expanded) {
appState = appState.copy(expandedPercent = 1f - p3)
} else {
appState = appState.copy(expandedPercent = p3)
}
emitNewAppState()
adapter.expandedPercent = appState.expandedPercent
updateAllRecyclerChildren()
}
override fun onTransitionCompleted(p0: MotionLayout?, p1: Int) {
}
})
songsRecycler.addOnScrollListener(object: RecyclerView.OnScrollListener(){
override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
super.onScrolled(recyclerView, dx, dy)
updateAllRecyclerChildren()
}
})
}
fun updateAllRecyclerChildren(){
for (i in appState.songs.indices) {
val childView = songsRecycler.getChildAt(i)
if(childView != null){
val songViewHolder = songsRecycler.getChildViewHolder(childView) as? SongsAdapter.SongViewHolder
songViewHolder?.setExpandPercent(appState.expandedPercent)
}
}
}
fun emitNewAppState() {
appStateObservable.onNext(appState)
}
class SongsAdapter : RecyclerView.Adapter<SongsAdapter.SongViewHolder>() {
val data = arrayListOf<Song>()
var expandedPercent : Float = 0f
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): SongViewHolder {
val view = LayoutInflater.from(parent.context).inflate(R.layout.item_song, parent, false)
return SongViewHolder(view)
}
override fun getItemCount(): Int {
return data.size
}
override fun onBindViewHolder(holder: SongViewHolder, position: Int) {
holder.bind(data[position], expandedPercent)
}
fun refreshData(data: List<Song>) {
this.data.clear()
this.data.addAll(data)
}
class SongViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
var songImageView: ImageView? = itemView.findViewById(R.id.iv_cover_art)
var songTitleView: TextView? = itemView.findViewById(R.id.tv_song_title)
var rootView: MotionLayout? = itemView.findViewById(R.id.root_view)
fun bind(song: Song, expandedPercent: Float) {
songImageView?.setImageResource(song.imageRes)
songTitleView?.text = song.title
setExpandPercent(expandedPercent)
}
fun setExpandPercent(percent: Float) {
rootView?.setInterpolatedProgress(percent)
}
}
}
}
知道如何让拖动手势RecyclerView
玩得更好吗?MotionLayout
解决方案
在此处创建了潜在修复的拉取请求
需要进行两项主要更改
- 从使用更改为
touchRegionId
同时使用touchAnchorId
和touchAnchorSide
在运动屏幕文件中
<OnSwipe
app:dragDirection="dragUp"
app:touchAnchorId="@id/layout_player"
app:touchAnchorSide="top"/>
RecyclerView
将'委托onTouch
给MotionLayout
songsRecycler.setOnTouchListener { _, motionEvent ->
if (mainLayout.onTouchEvent(motionEvent).not()) {
songsRecycler.onTouchEvent(motionEvent)
} else {
songsRecycler.onTouchEvent(motionEvent)
}
}
推荐阅读
- javascript - 为什么 flowtype 认为我的变量未定义?
- android - 绕过 Kotlin “预期的属性获取器或设置器”
- java - 为什么这个空的同步块会影响程序的输出?
- python - 为什么 n_jobs = 2 的 sklearn.linear_model.LogisticRegression 表现如此糟糕?
- r - R - 从相对子集的计算中将列添加到 data.table
- python - 不能两次使用 TensorFlow 变量
- c# - 当我切换到 ListView 中的另一个源时,它不会更新
- iis - 格式错误的 web.config 文件 aspNetCore 节点导致问题
- c# - 如何使用托管代码获取本地计算机上的所有组(无 P/Invoke)
- spring-boot - Java Spring Boot Batch - 需要一些设计建议