Question

我有一个有趣的困境。我有ListView我用它来包含CardView。但是，每个CardView实际上是一对两个：一张默认（正面）卡，然后是一张后卡，我在用户点击卡片时动画翻转。由于用户可能没有点击任何列表项，我使用ViewStub作为后卡，并且在列表项单击时会延迟膨胀。

因此，当用户第一次点击卡片向后翻转时，一切看起来都很好并且翻转工作（onItemClick()从点击卡内的任何位置被调用）。但是，任何进一步翻转到前面的尝试都不会触发onItemClick()调用，除非我单击视图的最顶部（列表项）。

我已经做了很多调试（改变了可聚焦性和尺寸）并且发现这只是在ViewStub通货膨胀之后才引起的。使前后卡正常CardView s允许onItemClick()每次都成功触发。

那么ViewStub为onItemClick()提供什么原因的原因是什么？有没有办法解决它，而不是让我的所有观点自动膨胀？

以下是我正在使用的代码：

card_container_layout.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp">

    <include layout="@layout/card_front_view"
        android:id="@+id/main_card_view_layout" />

    <ViewStub android:id="@+id/stub_flipped_card"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:inflatedId="@+id/flipped_card"
        android:layout="@layout/card_back_view" />
</FrameLayout>

card_front_view.xml

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent" android:layout_height="wrap_content"
    card_view:cardCornerRadius="5dp"
    android:id="@+id/card_view"
    android:descendantFocusability="blocksDescendants" >

    <LinearLayout
        android:orientation="vertical" android:layout_width="match_parent"
        android:layout_height="match_parent">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/card_view_height">
            <ImageView android:id="@+id/img_main_card"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="@drawable/my_image"
                android:background="#ff10fffd" />

            <TextView
                android:id="@+id/lbl_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Name"
                style="@style/main_card_title_text"
                android:layout_alignParentBottom="true"
                android:padding="15dp"
                android:background="#5b000000"/>

        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:layout_gravity="center_horizontal"
            android:padding="4dp" >

            <TextView
                android:id="@+id/lbl_item_count"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                style="@style/main_card_text" />

            <ImageView android:id="@+id/img_sync_state"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:layout_alignParentEnd="true"
                android:layout_marginEnd="10dp"
                android:layout_marginRight="10dp"
                android:layout_centerVertical="true"/>
        </RelativeLayout>
    </LinearLayout>
</android.support.v7.widget.CardView>

card_back_view.xml

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    card_view:cardCornerRadius="5dp"
    android:id="@+id/flipped_card"
    android:alpha="0"
    android:descendantFocusability="blocksDescendants">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Here are the items:"
            android:gravity="center"
            style="@style/card_flipped_title_text"
            android:background="#ad000000"/>
        <GridView android:id="@+id/grid_images"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:numColumns="3">
            <!-- make believe there were items here -->
        </GridView>
    </LinearLayout>
</android.support.v7.widget.CardView>

Answer 1

好的，我做了更多深入研究，似乎根本不是ViewStub导致它，而实际上是GridView。由于我无法弄清楚的原因，GridView继续劫持所有触摸事件，尽管设置可关注并且可点击为假并阻止后代可聚焦性，如上面的示例XML中所示。

因此，围绕它工作的hacky方式是拦截来自GridView的所有触摸事件，并且在onTouchListener()内，如果我检测到MotionEvent.ACTION_UP，则表示我一直在触摸屏幕刚刚发布，我将手动执行与CardView其余部分相同的操作。

itemGrid.setOnTouchListener(new View.OnTouchListener() {
        @Override
        public boolean onTouch(View grid, MotionEvent event) {
            // hacky way to make sure that we absorb the GridView's focus stealing and still do the right thing
            if (MotionEvent.ACTION_UP == event.getAction()) doExpectedStuff();
            return true; // absorb the touch here
        }
});

很抱歉，这不是最优雅的解决方案，并且同意捕获一个up事件对大多数人来说并不是一种通用的方法，但它在我的特定情况下有所帮助。希望这仍然可以帮助别人。

在ListViews中使用ViewStub会导致onItemClick问题

1 个答案: