Android中的tabview使用Fragments嗎？

Question

我在Android上有一個普遍的問題。例如，如果我在Android中使用製表符 - >是用碎片處理的。同樣，如果我要使用導航抽屜，那也是一種分化？我想我沒有得到Fragments的概念。

比如我是建立以下畫面：

什麼將XML模板包括一切。從我的猜測，它將有一個選項卡視圖，然後列表視圖和晶圓廠按鈕。所以在這種情況下，我會使用一個片段？

Answer 1

要構建這種佈局，您必須使用CoordinatorLayout作爲父級佈局，並且您應該使用AppBarLayout和CollapsingToolbarLayout。

然後使用TabLayout，你必須在屏幕上使用ViewPager

的底部，顯示這些選項卡或者你可以使用簡單的FrameLayout在那裏你可以在每個選項卡中點擊添加片段。

<?xml version="1.0" encoding="utf-8"?> 
    <android.support.design.widget.CoordinatorLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:id="@+id/main_content" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:fitsSystemWindows="true"> 

     <android.support.design.widget.AppBarLayout 
      android:id="@+id/appbar" 
      android:layout_width="match_parent" 
      android:layout_height="260dp" 
      android:fitsSystemWindows="true" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

      <android.support.design.widget.CollapsingToolbarLayout 
       android:id="@+id/collapsing_toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:fitsSystemWindows="true" 
       app:contentScrim="?attr/colorAccent" 
       app:expandedTitleMarginEnd="64dp" 
       app:expandedTitleMarginStart="48dp" 
       app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

       <!-- Your Header layout goes Here --> 

       <LinearLayout 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:background="?attr/colorAccent" 
        android:gravity="center" 
        android:minHeight="160dp" 
        android:orientation="vertical" 
        app:layout_collapseMode="parallax"> 

        <!-- Content inside your header layout just like image ot other info --> 

       </LinearLayout> 

       <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
        xmlns:local="http://schemas.android.com/apk/res-auto" 
        android:id="@+id/toolbar" 
        android:layout_width="match_parent" 
        android:layout_height="?attr/actionBarSize" 
        android:minHeight="?attr/actionBarSize" 
        local:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
        local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
        app:layout_collapseMode="pin"/> 

      </android.support.design.widget.CollapsingToolbarLayout> 

     </android.support.design.widget.AppBarLayout> 

     <!-- Your Tablayout goes here--> 
     <android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="?attr/colorAccent" 
      app:tabGravity="fill" 
      app:tabIndicatorColor="#5be5ad" 
      app:tabIndicatorHeight="4dp" 
      app:tabMode="fixed" /> 
     <!-- Your Viewpager goes here--> 
     <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

    <!-- your FAB goes here--> 
     <android.support.design.widget.FloatingActionButton 
      android:id="@+id/fab" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="bottom|end" 
      app:elevation="6dp" 
      app:backgroundTint="@color/colorAccent" 
      app:pressedTranslationZ="12dp" 
      android:layout_margin="@dimen/fab_margin" 
      android:src="@drawable/ic_add" /> 

    </android.support.design.widget.CoordinatorLayout> 

希望它能幫助你。