如何添加材質設計帶滑動標籤的導航抽屜？

Question

我想非常相似this東西：

我已經添加了Sliding tabs，它的工作完全沒有問題，但我無法弄清楚如何抽屜式導航添加到現有的代碼。

到目前爲止，我創建了一個PagerAdapter類來查看不同的Fragment類。以下是我的MainActivity類：

public class MainActivity extends AppCompatActivity { 

private Toolbar toolbar; 


@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
    setSupportActionBar(toolbar); 

    TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout); 
    tabLayout.addTab(tabLayout.newTab().setText("Tab1")); 
    tabLayout.addTab(tabLayout.newTab().setText("Tab2")); 
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL); 

    final ViewPager viewPager = (ViewPager) findViewById(R.id.pager); 
    final PagerAdapter adapter = new PagerAdapter 
      (getSupportFragmentManager(), tabLayout.getTabCount()); 
    viewPager.setAdapter(adapter); 
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout)); 
    tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { 
     @Override 
     public void onTabSelected(TabLayout.Tab tab) { 
      viewPager.setCurrentItem(tab.getPosition()); 
     } 

     @Override 
     public void onTabUnselected(TabLayout.Tab tab) { 

     } 

     @Override 
     public void onTabReselected(TabLayout.Tab tab) { 

     } 
    }); 

} 

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 

    getMenuInflater().inflate(R.menu.menu_main, menu); 
    return true; 
} 

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 
    int id = item.getItemId(); 


    if (id == R.id.action_settings) { 
     return true; 
    } 

    return super.onOptionsItemSelected(item); 
} 
} 

Menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
tools:context=".MainActivity"> 
    ...... 
    ...... 
<item 
    android:id="@+id/action_user" 
    android:orderInCategory="300" 
    android:title="User" 
    android:icon="@drawable/ic_drawer" 
    app:showAsAction="ifRoom"></item> 

</menu> 

在上面的代碼我增加了一個圖標打開的抽屜。這是我˚activity_main.xml

<RelativeLayout 
android:id="@+id/main_layout" 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context=".MainActivity"> 

<android.support.v7.widget.Toolbar 
    android:id="@+id/toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:background="?attr/colorPrimary" 
    android:elevation="6dp" 
    android:minHeight="?attr/actionBarSize" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/toolbar" 
    android:background="?attr/colorPrimary" 
    android:elevation="6dp" 
    android:minHeight="?attr/actionBarSize" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/> 


    <android.support.v4.view.ViewPager 
    android:id="@+id/pager" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    android:layout_below="@id/tab_layout"/> 

</RelativeLayout> 

任何暗示如何添加Navigation Drawer到Android吧？

Answer 1

這裏是有用template瞭解Android Studio，這增加了材料設計抽屜式導航

UPD

要activity_main佈局文件中添加滑動標籤，包括ViewPager與PagerTabStrip

<android.support.v4.view.ViewPager 
    android:id="@+id/tabanim_viewpager" 
    android:layout_width="wrap_content" 
    android:layout_height="match_parent" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" > 
    <android.support.v4.view.PagerTabStrip 
     android:id="@+id/pager_title_strip" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top" 
     android:background="@color/primary_500" 
     android:textColor="@color/white" 
     android:paddingTop="5dp" 
     android:layout_marginBottom="5dp" /> 
</android.support.v4.view.ViewPager> 

activity onCreate：

PagerTabStrip pagerTabStrip = (PagerTabStrip) findViewById(R.id.pager_title_strip); 

    pagerTabStrip.setDrawFullUnderline(false); 
    pagerTabStrip.setTabIndicatorColor(getResources().getColor(R.color.red_dark)); 
    final ViewPager viewPager = (ViewPager) findViewById(R.id.tabanim_viewpager); 
    setupViewPager(viewPager); 

守則活動：

private void setupViewPager(ViewPager viewPager) { 
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager()); 
    //adding tabs 
    adapter.addFrag(new PinsFragment(), "Pins"); 
    adapter.addFrag(new BoardsFragment(), "Boards"); 
    adapter.addFrag(new InterestsFragment(), "Likes"); 
    adapter.addFrag(new SubscriptionsFragment(), "Subscriptions"); 
    adapter.addFrag(new FollowersFragment(), "Followers"); 
    viewPager.setAdapter(adapter); 
}