【问题标题】:Trying to implement nested TabLayouts - Tab with its tabs尝试实现嵌套的 TabLayouts - Tab 及其选项卡
【发布时间】:2016-05-02 15:05:15
【问题描述】:

我正在尝试创建如下图所示的活动:

我有一个主要的TabLayout,我希望它的一个片段(Tab2 中的那个)成为另一个TabLayout。

我的问题是如何创建片段Frag2.java(如下面的代码所示),以便它可以实现自己的ViewPager 和TabLayout 以创建嵌套选项卡。

我不想使用TabHost,因为我希望所有标签都允许滑动。

xml 为主要的TabLayout(我的Activity)

<android.support.design.widget.CoordinatorLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    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="#212121"
        app:layout_scrollFlags="scroll|enterAlways"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"
        app:tabIndicatorColor="#46bedc"
        android:background="#212121"
        android:fillViewport="false" />
</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>

这是我的Activity.java

import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;

import com.test.fragments.Frag1;
import com.test.fragments.Frag2;

import java.util.ArrayList;
import java.util.List;

public class Activity extends AppCompatActivity {

private Toolbar toolbar;
private TabLayout tabLayout;
private ViewPager viewPager;

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


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

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

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

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

}

private void setupViewPager(ViewPager viewPager) {
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    adapter.addFragment(new Frag1(), getString(R.string.frag1));
    adapter.addFragment(new Frag2(), getString(R.string.frag2));
    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);
    }
}
}

和 Frag1.java

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.test.R;

public class Frag1 extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {

    View view = inflater.inflate(R.layout.frag1, container, false);
    return view;
}
}

感谢您的帮助

【问题讨论】:

  • 您应该有一个带有ViewPager 和tabLayout 的片段,然后该片段将有更多带有ViewPager 和TabLayout 的片段
  • 您有解决方案吗?如果是,请发布链接或解决方案。
  • 感谢@AnshulTyagi 的评论。
  • @ChiragSavsani 你在ViewPager 或TabLayout 有什么问题吗?
  • 是的,有问题。如何禁用两个标签之间的滑动?我尝试了很多答案,但没有成功。以及如何在 ViewPager 中用另一个片段替换一个片段?

标签: android android-layout android-fragments android-viewpager android-tablayout


【解决方案1】:

有可能使用谷歌我相信你会找到解决方案。

我有另一个解决方案是: 当你打开flag2(flag2会喜欢flag1但添加onCreateView(..)意图去flag2的活动)并在activty添加viewpaper和你想要的东西上创建flag2的活动时

【讨论】:

  • 我试过了。问题是viewpager 需要一个带有onCreateView 的片段。但是我的 Frag2 必须是 FragmentActivity 而不是 Fragment 才能调用自己的 Fragment。 FragmentActivity 有 onCreate 而不是 onCreateView
猜你喜欢
  • 1970-01-01
  • 2016-07-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多