[英]Click through RecyclerView ViewHolder
我有一个 RecyclerView,它显示一个扩展到其父 ViewHolder 之外的 Button。 我在按钮上添加了一个 clickListener 来显示吐司。 如果您单击 Button 并且单击位于 Button 父 ViewHolder 的区域,则会显示 toast,但是如果您单击按钮但在其父 ViewHolder 之外,则 toast 将不再显示。
这是我目前拥有的
回收者视图:
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="0dp"
android:layout_height="match_parent"
android:clipChildren="false"
android:clipToPadding="false"
android:clickable="false"
android:focusable="false"
android:focusableInTouchMode="false"
android:focusedByDefault="false"
android:scrollbars="horizontal"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/indicator"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:reverseLayout="true"
app:stackFromEnd="true" />
物品视图:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/layout"
android:layout_width="15dp"
android:layout_height="match_parent"
android:clipChildren="false"
android:clickable="false"
android:focusable="false"
android:focusableInTouchMode="false"
android:clipToPadding="false"
android:elevation="0dp"
android:scaleY="-1.0">
<View
android:id="@+id/vertical"
android:layout_width="1dp"
android:layout_height="match_parent"
android:alpha="0.25"
android:background="#ffffff"
android:visibility="gone"
android:layout_marginVertical="5dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<androidx.appcompat.widget.AppCompatButton
android:id="@+id/annotation"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:visibility="gone"
android:scaleY="-1.0"
android:elevation="100dp"
android:text="TEST ANNOTATION"
android:clickable="true"
android:focusable="true"
android:focusableInTouchMode="true"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
适配器:
class ChartAdapter(
private val dataSet: MutableList<Float>,
private val context: Context
) : RecyclerView.Adapter<ChartAdapter.ViewHolder>() {
private var scaleFactor: Float = 1.0f
inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
val layout: ConstraintLayout = view.findViewById(R.id.layout)
val vertical: View = view.findViewById(R.id.vertical)
val annotation: View = view.findViewById(R.id.annotation)
}
override fun onCreateViewHolder(viewGroup: ViewGroup, viewType: Int): ViewHolder =
ViewHolder(
LayoutInflater.from(viewGroup.context)
.inflate(R.layout.layout_quadrant, viewGroup, false)
)
override fun onBindViewHolder(viewHolder: ViewHolder, position: Int) {
viewHolder.layout.layoutParams = ConstraintLayout.LayoutParams(
(39 * this.scaleFactor).roundToInt(),
ConstraintLayout.LayoutParams.MATCH_PARENT
)
ConstraintSet().apply {
clone(viewHolder.layout)
applyTo(viewHolder.layout)
}
viewHolder.annotation.scaleX = this.scaleFactor
viewHolder.annotation.scaleY = this.scaleFactor * -1
viewHolder.vertical.visibility = when {
position % 5 == 0 || position == dataSet.size - 1 -> View.VISIBLE
else -> View.GONE
}
viewHolder.annotation.visibility = when (position) {
15 -> View.VISIBLE
else -> View.GONE
}
viewHolder.annotation.setOnClickListener {
Toast.makeText(context, "annotation clicked!", Toast.LENGTH_SHORT).show()
}
}
override fun getItemCount() = dataSet.size
fun setScaleFactor(scaleFactor: Float) {
this.scaleFactor = scaleFactor
notifyDataSetChanged()
}
}
如您所见,我尝试将android:clickable="false"
、 android:focusable="false"
和android:focusableInTouchMode="false"
到 Item 布局和 RecyclerView 以防止它拦截单击操作,但没有幸运的是,父母总是不断拦截点击,从而防止按钮被点击。
我也在 ViewHolder 上试过这个,但没有运气
inner class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
val layout: ConstraintLayout = view.findViewById(R.id.layout)
val vertical: View = view.findViewById(R.id.vertical)
val annotation: View = view.findViewById(R.id.annotation)
init {
view.layoutParams = WindowManager.LayoutParams().apply {
height = WindowManager.LayoutParams.MATCH_PARENT;
width = WindowManager.LayoutParams.WRAP_CONTENT;
flags =
WindowManager.LayoutParams.FLAG_NOT_TOUCHABLE
}
view.isClickable = false
view.isFocusable = false
view.isFocusableInTouchMode = false
val itemTouchListener = View.OnTouchListener { v, event -> false }
view.setOnTouchListener(itemTouchListener)
}
}
问题是 Android 触摸系统在ViewGroup (这里是ConstraintLayout )上启动触摸,然后将其传播到 ViewGroup 的子级,但触摸必须在子级与ViewGroup重叠的部分上。 这就是你所看到的。
这是对发生的事情的一个很好的解释。
我认为,如果您需要坚持当前的设计,最好的方法是捕获封装整个按钮的视图项的第一个祖先的触摸。 然后,您可以测试该祖先上的触摸事件,以查看它们是否也在按钮的范围内。 如果是,则将触摸事件dispatchTouchEvent()
到按钮的dispatchTouchEvent()
。
这是正在发生的事情的简单演示。 我不使用RecyclerView ,而是使用更简单的布局,该布局显示一个跨越包含在LinearLayout中的ConstraintLayout右边缘的按钮。 目标是在其父ViewGroup 中获取按钮 1/2 和 1/2 以显示点击是如何发生的。
在演示中,开关确定我们是否要检测位于其父级之外的按钮部分的点击。 当开关“关闭”时,不会检测到外部的咔嗒声,而当开关打开时,会检测到外部的咔嗒声。
这是演示的代码。 该代码为按钮建立一个屏幕上的点击矩形,并在dispatchTouchEvent() 中检查主活动的触摸是否在点击矩形内。
主活动.kt
class MainActivity : AppCompatActivity() {
private lateinit var mBaseLayout: LinearLayoutCompat
private lateinit var mButton: Button
private val mButtonOnScreenBounds = Rect()
private var mIsOutsideClickEnabled = false
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
mBaseLayout = findViewById(R.id.baseLayout)
findViewById<SwitchCompat>(R.id.enableClicks).setOnCheckedChangeListener { _, isChecked ->
mIsOutsideClickEnabled = isChecked
}
mButton = findViewById(R.id.button)
}
override fun dispatchTouchEvent(ev: MotionEvent) =
super.dispatchTouchEvent(ev) ||
(mIsOutsideClickEnabled && isClickWithinView(mButton, ev)
&& mButton.dispatchTouchEvent(ev))
fun isClickWithinView(view: View, ev: MotionEvent) =
Rect().let { rect ->
view.getGlobalVisibleRect(rect)
rect.contains(ev.x.toInt(), ev.y.toInt())
}
fun onClick(view: View) {
when (view.id) {
R.id.baseLayout -> Toast.makeText(this, "baseLayout clicked!", Toast.LENGTH_SHORT)
R.id.innerLayout -> Toast.makeText(this, "innerLayout clicked!", Toast.LENGTH_SHORT)
R.id.button -> Toast.makeText(this, "button clicked!", Toast.LENGTH_SHORT)
else -> Toast.makeText(this, "Something else clicked!", Toast.LENGTH_SHORT)
}.show()
}
}
这是使用的布局:
活动_main.xml
<androidx.appcompat.widget.LinearLayoutCompat
android:id="@+id/baseLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_red_light"
android:clipChildren="false"
android:orientation="horizontal"
tools:context=".MainActivity">
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/innerLayout"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_marginBottom="96dp"
android:background="@android:color/holo_blue_light"
android:text="Hello World!"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent">
<androidx.appcompat.widget.SwitchCompat
android:id="@+id/enableClicks"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:text="Enable clicks outside "
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:onClick="onClick"
android:text="Button"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.appcompat.widget.LinearLayoutCompat>
该处理或类似处理也可以在触摸处理期间调用的其他函数(例如触摸监听器)中完成。
虽然上面的方法看起来可行,但如果你看一下在LinearLayout内部和外部触摸按钮时的涟漪效果,它是不同的。 当触摸在按钮上但在LinearLayout内部时,波纹会按预期从触摸点延伸。 当触摸在LinearLayout之外时,波纹不是来自触摸点而是来自底部中心。 这引起了我的关注,因为它表明,不知何故,处理是不同的。 可能还有其他问题,例如可访问性等。因此,请注意 emptor 。
更好的方法是以某种方式扩展视图持有者以包含按钮的整个范围。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.