帶有自定義視圖選項卡的Android TabLayout - 圖標點擊不會切換選項卡

我有一個tabsLayout三個選項卡，每個選項卡都包含一個自定義視圖，其中包含一個ImageView和一個TextView。當我想切換標籤並點擊其中一個標籤時，如果我點擊圖標外部，它們會正確切換。但是，當我點擊圖標時，它們不會切換。我該如何解決這個問題？帶有自定義視圖選項卡的Android TabLayout - 圖標點擊不會切換選項卡

我試着用可調焦=假，但它並沒有爲我工作。

我的自定義視圖：

<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);

來源

2017-09-29 Simon

你能提供相關的代碼嗎？ – Mehmed

@Mehmed我加了負責任的代碼 – Simon

你儘量讓你的ImageView無法點擊設置clickable爲false但使用onClick將覆蓋它並且您的ImageView變成可點擊的獲得。這就是爲什麼點擊ImageView被ImageView本身消耗而不傳播給它的父級。因此，這條線在您的自定義標籤佈局的ImageView應刪除：

android:onClick="airspacesButtonOnClick"

除了這條線，它爲我工作與給定的代碼和佈局。

來源

2017-10-01 22:39:48 Mehmed

就是這樣，謝謝！ :) – Simon

帶有自定義視圖選項卡的Android TabLayout - 圖標點擊不會切換選項卡

回答

相關問題