Android 带有自定义视图选项卡的 TabLayout - 单击图标不会切换选项卡

Question

我有一个包含三个选项卡的 tabsLayout，每个选项卡包含一个带有 ImageView 和 TextView 的自定义视图。当我想切换选项卡并单击其中之一时，如果我在图标外单击，它们会正确切换。但是，当我单击该图标时，它们不会切换。我怎样才能解决这个问题？

我尝试使用 focusable=false，但它对我不起作用。

我的自定义视图：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/customButton"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    android:clickable="false"
    android:focusable="false"
    android:focusableInTouchMode="false"
    android:alpha="0.5"
    android:orientation="vertical">

    <ImageButton
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_height="0dp"
        android:layout_weight="4"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:background="@android:color/transparent"
        android:onClick="airspacesButtonOnClick"
        android:adjustViewBounds="true"
        android:scaleType="fitCenter"
        android:tint="@color/colorIcons"/>

    <TextView
        android:id="@+id/string"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:textAlignment="center"
        android:textSize="12sp" />
</LinearLayout>

我的 TabLayout：

<android.support.design.widget.TabLayout
      android:id="@+id/tabs"
      android:layout_width="match_parent"
      android:layout_height="80dp"
      app:tabIndicatorColor="@color/colorButton"
      app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
      app:tabMode="fixed"
      app:tabGravity="fill"/>
<android.support.v4.view.ViewPager
      android:id="@+id/viewpager"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:layout_behavior="@string/appbar_scrolling_view_behavior" />

最后是我的 java 代码：

int[] iconIds = {R.drawable.ic_profile, R.drawable.ic_plane, R.drawable.ic_document};
int[] labelIds = {R.string.menu, R.string.menu, R.string.menu};
View customView;
for (int i = 0; i < tabLayout.getTabCount(); i++) {
customView = getActivity().getLayoutInflater().inflate(R.layout.custom_icon, null);
customView.findViewById(R.id.icon).setBackgroundResource(iconIds[i]);

((TextView) customView.findViewById(R.id.string)).setText(labelIds[i]);
tabLayout.getTabAt(i).setCustomView(customView);

Answer 1

您尝试通过将 clickable 设置为 false 使您的 ImageView 不可点击，但使用 onClick 覆盖它并且您的 ImageView 再次变为可点击。这就是为什么对 ImageView 的点击被 ImageView 本身消耗掉，而不是传播到它的父级。因此，应删除自定义选项卡布局的 ImageView 中的这一行：

android:onClick="airspacesButtonOnClick"

除了这一行，它适用于给定的代码和布局。

Android 带有自定义视图选项卡的 TabLayout - 单击图标不会切换选项卡

Android TabLayout with custom view tabs - icon click doesn't switch the tab

android

tabs

android-tabs