在列表视图行中添加多个可点击区域

Question

I want to implement a row for a listview with two click zones with some special requirements:

What I want to implement is something like:

With the following click config:

• The red zone links the user profile
• The blue zone links the item detail
• Clicks over the yellow zone are ignored
• When clicking the blue zone all the row is selected (like with a background= ?attr/selectableItemBackground )

I have tried several configs but I do not get all the points:

Config A: Add a clicklistener over the blue container and another over the red container, works nice but the full row selected effect when clicking the blue zone is missing.

Config B: Add a clickListener over the full row and another clicklistener over the red container, also works but the clicks over the yellow zone are not ignored.

How can I accomplish that?

Note: Also tried to use the Config B with an empty click listener over the yellow container. But sounds weird to add a clickListener to ignore it, and my real view is more complex than that and I should add a lot of empty clicklisteners. The ideal behavior should be the blue container to propagate its click status to the rowView

Answer 1

So A works but you want to get rid the on pressed color ? If so add this in your ListView XML.

    <ListView
    android:cacheColorHint="#00000000"
    android:listSelector="@android:color/transparent"
    />

Answer 2

您必须实现一个具有两个子布局的布局，其中一个包含头像，另一个包含您的数据，而在适配器类中，您必须添加具有特定布局ID的标记，还必须为该布局添加OnClickListener，然后您单击具有标签的布局，然后基于该标签，您就可以在ListView Item中处理您的视图。

Answer 3

You can go with either A or B just with minor addition

A :

Call listview method void setItemsCanFocus(false) so when you click on Blue part, whole row will get focus

B :

Override isEnabled() method in your custom or base adapter and return false for the Yellow part. This will block click events to Yellow part

I hope your error will fix.

Thanks