在標籤頁內添加SlidingTab

Question

我使用的標籤庫爲SmartTabLayout - ogaclejapan。我想在父滑動選項卡的一個選項卡內添加一個滑動選項卡。但是當我這樣做時，我看不到第二個滑動標籤。

參考圖像

這裏是一個包含父滑動翼片在MainActivity。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
android:paddingBottom="@dimen/activity_vertical_margin" 

android:id="@+id/root" 
tools:context="com.virtualsquadz.letsgo.MainActivity"> 
<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:id="@+id/topBar" 
    android:layout_marginTop="@dimen/_16sdp" 
    android:paddingBottom="@dimen/_5sdp"> 
    <ImageButton 
     android:layout_width="wrap_content" 
     android:id="@+id/backButton" 
     android:layout_height="wrap_content" 
     android:src="@drawable/back_0" 
     android:background="@null" 
     android:layout_alignParentLeft="true" 
     /> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/title_transport" 
     android:text="Getting Around" 
     style="@style/title_transport" 
     android:paddingTop="@dimen/_2sdp" 
     android:layout_centerInParent="false" 
     android:layout_centerHorizontal="true" 
     /> 

</RelativeLayout> 
<com.ogaclejapan.smarttablayout.SmartTabLayout 
    android:id="@+id/viewpagertab" 
    android:layout_below="@id/topBar" 
    android:layout_width="match_parent" 
    android:layout_height="48dp" 
    app:stl_indicatorAlwaysInCenter="false" 
    app:stl_indicatorWithoutPadding="false" 
    app:stl_indicatorInFront="false" 
    app:stl_indicatorInterpolation="smart" 
    app:stl_indicatorGravity="bottom" 
    app:stl_indicatorColor="#40C4FF" 
    app:stl_indicatorThickness="4dp" 
    app:stl_indicatorWidth="auto" 
    app:stl_indicatorCornerRadius="2dp" 
    app:stl_overlineColor="#4D000000" 
    app:stl_overlineThickness="0dp" 
    app:stl_underlineColor="#4D000000" 
    app:stl_underlineThickness="1dp" 
    app:stl_dividerColor="#4D000000" 
    app:stl_dividerThickness="1dp" 
    app:stl_defaultTabBackground="?attr/selectableItemBackground" 
    app:stl_defaultTabTextAllCaps="true" 
    app:stl_defaultTabTextColor="@color/flight_white" 
    app:stl_defaultTabTextSize="@dimen/_12sdp" 
    app:stl_defaultTabTextHorizontalPadding="@dimen/_16sdp" 
    app:stl_defaultTabTextMinWidth="0dp" 
    app:stl_distributeEvenly="true" 
    app:stl_clickable="true" 
    app:stl_titleOffset="24dp" 
    app:stl_drawDecorationAfterTab="false" 
    /> 

<android.support.v4.view.ViewPager 
    android:id="@+id/viewpager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_below="@id/viewpagertab" 
    android:layout_marginTop="@dimen/_5sdp" 
    /> 


</RelativeLayout> 

MainActivity.java

SmartTabLayout viewPagerTab = (SmartTabLayout)  findViewById(R.id.viewpagertab); 
    ViewPager viewPager=(ViewPager)findViewById(R.id.viewpager) ; 

    ViewPagerItemAdapter adapter = new ViewPagerItemAdapter(ViewPagerItems.with(this) 
      .add(R.string.transportOption1, R.layout.activity_flights) 
      .add(R.string.transportOption2, R.layout.activity_train) 
      .add(R.string.transportOption3, R.layout.activity_buses) 
      .add(R.string.transportOption4, R.layout.activity_cars) 
      .create()); 

    viewPager.setAdapter(adapter); 
    viewPagerTab.setViewPager(viewPager); 

與之相似，我設計的 '火車' 內train.java

SmartTabLayout viewPagerTab = (SmartTabLayout) findViewById(R.id.viewpagertab2); 
    ViewPager viewPager=(ViewPager)findViewById(R.id.viewpager2) ; 

    ViewPagerItemAdapter adapter = new ViewPagerItemAdapter(ViewPagerItems.with(this) 
      .add(R.string.trainSearchOption1, R.layout.trainsearchoption1) 
      .add(R.string.trainSearchOption2, R.layout.trainsearchoption2) 
      .create()); 

    viewPager.setAdapter(adapter); 
    viewPagerTab.setViewPager(viewPager); 

我試圖找到從here解決方案。但不幸的是我找不到答案。如果你想知道哪個ViewPager應該被調用，如果它們是嵌套的，那麼以一個情況爲例 - 當左/右翻轉時以及當我們分別處於子視圖頁面的左/右端時，則調用第一個子視圖頁面，然後父視圖呼叫器被呼叫。或者我們也可以點擊父母的標籤來改變它。

Answer 1

Google Material Design準則不允許使用嵌套選項卡。這是一個糟糕的編程習慣。

強烈建議修改您的用戶界面以符合Google的設計指南。