Android 带有自定义视图选项卡的 TabLayout - 单击图标不会切换选项卡
Android TabLayout with custom view tabs - icon click doesn't switch the tab
我有一个包含三个选项卡的 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);
您尝试通过将 clickable
设置为 false 使您的 ImageView 不可点击,但使用 onClick
覆盖它并且您的 ImageView 再次变为可点击。这就是为什么对 ImageView 的点击被 ImageView 本身消耗掉,而不是传播到它的父级。因此,应删除自定义选项卡布局的 ImageView 中的这一行:
android:onClick="airspacesButtonOnClick"
除了这一行,它适用于给定的代码和布局。
我有一个包含三个选项卡的 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);
您尝试通过将 clickable
设置为 false 使您的 ImageView 不可点击,但使用 onClick
覆盖它并且您的 ImageView 再次变为可点击。这就是为什么对 ImageView 的点击被 ImageView 本身消耗掉,而不是传播到它的父级。因此,应删除自定义选项卡布局的 ImageView 中的这一行:
android:onClick="airspacesButtonOnClick"
除了这一行,它适用于给定的代码和布局。