如何使我的Fragment布局符合在主Activity中创建的选项卡？

Question

我有一个问题，每次询问时似乎都有不同的解决方案，并给我带来很大的困扰。我试图在其他SO问题中使用解决方案，但都没有成功。 我有一个Activity初始化一个ViewPager，一个工具栏和一个TabLayout。有两个选项卡，这两个选项卡都使用片段实现。问题是 我的片段与微调，回收视图，按钮和文本字段放在一起。在这些小部件中，只有recyclerView显示前两项丢失， 强迫我相信微调器隐藏在我的AppLayoutBar后面，并且textField和按钮位于屏幕下方。我的问题是，我如何让我的片段的布局 出现在标签下方屏幕的可见部分？下面是这两个片段和主要活动的布局文件

片段：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/header" 
    > 

    <Spinner 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/spinner" 
     android:entries="@array/status" 
     > 
    </Spinner> 

    <android.support.v7.widget.RecyclerView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/list" 
     android:paddingTop="20dp" 
     android:layout_below="@+id/spinner" 
     android:layout_above="@+id/editText" 
     /> 

    <EditText 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="0.75" 
     android:inputType="textMultiLine" 
     android:id="@+id/editText" 
     android:hint="@string/goal_edit_text_hint" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentLeft="true" 
     android:maxLines="5" 
     android:minLines="1" 
     android:scrollHorizontally="false" 
     android:layout_alignParentStart="true" 
     android:layout_toLeftOf="@+id/addButton" 
     android:layout_toStartOf="@+id/addButton" /> 

    <Button 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="@string/add_button_text" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" 
     android:textAppearance="?android:textAppearanceLarge" 
     android:layout_alignParentEnd="true" 
     android:drawableLeft="@drawable/math" 
     android:id="@+id/addButton" /> 
</RelativeLayout> 

主要活动

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    xmlns:app="http://schemas.android.com/apk/res-auto"> 
    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="612dp" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" 
     android:layout_gravity="center" /> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/header" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      android:popupTheme="@style/ThemeOverlay.AppCompat.Light"> 
     </android.support.v7.widget.Toolbar> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabLayout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:tabMode="fixed" 
      app:tabGravity="fill" 
      /> 
    </android.support.design.widget.AppBarLayout> 
</android.support.design.widget.CoordinatorLayout> 

Answer 1

对于详细信息主要活动教程Have a look At

亲爱的我可以理解你的问题，我有一个解决方案，你会完美的工作。我提供了可以解决您的问题的完整代码。

步骤 - 1：在您的Main Activity布局此XML粘贴。

<?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" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    tools:context="com.broadpeakit.hmehmood.company.HomeActivity"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/AppTheme.CustonActionBar"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:titleTextColor="@color/white" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

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

    <include layout="@layout/content_home" /> 



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

步骤2 - 板条箱名为content_home另一个布局。并将此代码粘贴到那里。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 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" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" 
    tools:context="com.broadpeakit.hmehmood.company.HomeActivity" 
    tools:showIn="@layout/app_bar_home"> 

    <FrameLayout 
     android:id="@+id/fl_testing" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_centerVertical="true" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentStart="true"></FrameLayout> 
</RelativeLayout> 

步骤3 - 现在，创建另一个layout与名viewPager_fragment将包含与标签查看传呼机，后来我们就膨胀此布局。

<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="0dp" 
    android:paddingRight="0dp" 
    android:paddingTop="0dp" 
    android:paddingBottom="0dp"> 

    <android.support.design.widget.TabLayout 
     android:id="@+id/tabs" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_below="@+id/toolbar" 
     android:background="@color/blue" 
     app:tabTextColor="@color/white" 
     app:tabSelectedTextColor="@color/gray" 
     app:tabIndicatorColor="@color/red" 
     android:elevation="6dp" 
     android:minHeight="?attr/actionBarSize"/> 

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

步骤4 - 现在，创建一个类名viewPagerFragment与Fragmentextends它。我们稍后会在主要活动中为此Fragment充气。

public class viewPagerFragment extends Fragment { 
    private TabLayout tabLayout; 
    private ViewPager viewPager; 
    TabsTestFragment1 tabsTestFragment1; 
    TabsTestFragment2 tabsTestFragment2; 
    @Override 
    public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) { 
     // Inflate the layout for this fragment 
    setHasOptionsMenu(true); 
    return inflater.inflate(R.layout.viewPager_fragment, container, false); 
} 


    @Override 
    public void onViewCreated(View view, Bundle savedInstanceState) { 
     super.onViewCreated(view, savedInstanceState); 
     ((HomeActivity)getActivity()).updateDrawerIcon(); 

     tabsTestFragment1 = new TabsTestFragment1(); 
     tabsTestFragment2 = new TabsTestFragment1(); 

     viewPager = (ViewPager) view.findViewById(R.id.viewpager); 
     setupViewPager(viewPager); 

     tabLayout = (TabLayout)view.findViewById(R.id.tabs); 
     tabLayout.setupWithViewPager(viewPager); 

    } 
    public void setupViewPager(ViewPager viewPager) { 
     ViewPagerAdapter adapter = new ViewPagerAdapter(getChildFragmentManager()); 
     adapter.addFragment(tabsTestFragment1, "Tab 1"); 
     adapter.addFragment(tabsTestFragment2, "Tab 2"); 
     viewPager.setAdapter(adapter); 
    } 
    class ViewPagerAdapter extends FragmentPagerAdapter { 
     private final List<Fragment> mFragmentList = new ArrayList<>(); 
     private final List<String> mFragmentTitleList = new ArrayList<>(); 

     public ViewPagerAdapter(FragmentManager manager) { 
      super(manager); 
     } 

     @Override 
     public Fragment getItem(int position) { 
      return mFragmentList.get(position); 
     } 

     @Override 
     public int getCount() { 
      return mFragmentList.size(); 
     } 

     public void addFragment(Fragment fragment, String title) { 
      mFragmentList.add(fragment); 
      mFragmentTitleList.add(title); 
     } 

     @Override 
     public CharSequence getPageTitle(int position) { 
      return mFragmentTitleList.get(position); 
     } 
    } 

} 

第5步 - 现在将此代码放在您的Main Activity的onCreate。

getSupportFragmentManager().beginTransaction().setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN).replace(R.id.fl_testing, new viewPagerFragment()).commit(); 

现在你是好RUN你的代码。如果您稍后有任何问题，请回到我身边。如果您能够使用此代码解决您的问题，请将此问题标记为已解决。快乐编码:)

Answer 2

更改您的这一个

<?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/tabanim_maincontent" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/header" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|enterAlways|snap" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabLayout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" /> 
    </android.support.design.widget.AppBarLayout> 

    <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" /> 

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