0

你好朋友,我對這個碎片概念並不陌生!如何在片段內部使用tabstrip實現Viewpager?

問題是

我有標籤和片段,現在我想要實現內部動作條片的片段之一viewpager一個動作條。

點是標籤欄來實現片段內查看傳呼機

請幫幫我!

enter image description here

+0

我會高度考慮一個不會導致堆疊標籤的設計,因爲這看起來很糟糕。 – Karakuri 2014-09-01 07:07:02

+0

頂部標籤不可滑動,下面的標籤可以滑動(Viewpager)。 – VENKI 2014-09-01 07:47:19

+0

沒關係。堆疊的標籤是一個可怕的安排。您可以考慮其他導航範例,如導航抽屜。 – Karakuri 2014-09-01 17:24:33

回答

3

我希望這將是有用的,至少對於任何有同樣的問題,如果不適合你。
您可以將這個片段放在操作欄的每個選項卡中。該代碼是:

public class TabFragment extends Fragment { 

ViewPager mViewPager; 
DemoCollectionPagerAdapter mPagerAdapter; 

@Override 
public View onCreateView(LayoutInflater inflater, ViewGroup container, 
         Bundle savedInstanceState) { 
    View view = inflater.inflate(R.layout.fragment_tab, container, false); 

    mPagerAdapter = new DemoCollectionPagerAdapter(getChildFragmentManager()); 

    // Set up the ViewPager, attaching the adapter. 
    mViewPager = (ViewPager) view.findViewById(R.id.view_pager); 
    mViewPager.setAdapter(mPagerAdapter); 

    return view; 
    } 
} 

我把PagerAdapter從Effective Navigation例子,只是移除,以便將它移動在單獨的文件中「靜態」屬性:

public class DemoCollectionPagerAdapter extends FragmentStatePagerAdapter { 

public DemoCollectionPagerAdapter(FragmentManager fm) { 
    super(fm); 
} 

@Override 
public Fragment getItem(int i) { 
    Fragment fragment = new DemoObjectFragment(); 
    Bundle args = new Bundle(); 
    args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1); // Our object is just an integer :-P 
    fragment.setArguments(args); 
    return fragment; 
} 

@Override 
public int getCount() { 
    // For this contrived example, we have a 100-object collection. 
    return 5; 
} 

@Override 
public CharSequence getPageTitle(int position) { 
    return "OBJECT " + (position + 1); 
} 

/** 
* A dummy fragment representing a section of the app, but that simply displays dummy text. 
*/ 
public static class DemoObjectFragment extends Fragment { 

    public static final String ARG_OBJECT = "object"; 

    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container, 
          Bundle savedInstanceState) { 
      View rootView = inflater.inflate(R.layout.fragment_collection_object, container, false); 
      Bundle args = getArguments(); 
      ((TextView) rootView.findViewById(android.R.id.text1)).setText(
       Integer.toString(args.getInt(ARG_OBJECT))); 
      return rootView; 
     } 
    } 
} 

而對於這個fragment_tab.xml TabFragment是:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical"> 

<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/view_pager" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.v4.view.PagerTabStrip android:id="@+id/pager_tab_strip" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top" 
     android:background="#33b5e5" 
     android:textColor="#fff" 
     android:paddingTop="4dp" 
     android:paddingBottom="4dp" /> 

</android.support.v4.view.ViewPager> 

考慮使用PagerTtripStrip作爲ViewPager的子視圖,如果您希望選項卡標題可點擊並且它們是靜態的(用戶只能通過輕掃才能切換到選項卡)。
根據你的ActionBar的選項卡的實現,我想可能會出現一些依賴問題,因爲在這個例子中我使用了支持庫。

+0

老兄你搖滾!這應該被標記爲接受! – Skynet 2016-01-14 12:12:14