动态使用片段的 TabLayout答案

【问题标题】：TabLayout using fragment dynamically动态使用片段的 TabLayout
【发布时间】：2016-01-07 16:40:26
【问题描述】：

我刚刚尝试使用 TabLayout，但在理解它的工作原理时遇到了一些问题。片段对我来说也是新的。所以这就是重点，当用户启动应用程序时，我的第一个活动是教程。我为教程的每个部分使用一个片段。更重要的是，我知道只有视图寻呼机对用户来说就足够了，我也想尝试使用选项卡布局。所以，在第一个片段中，我有一个 TextView 和一个 Button。当用户单击按钮时，我想切换到教程第二部分的第二个选项卡等。

现在是第一个片段：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ext="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
    android:id="@+id/tv_tuto_first_fragment"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

<Button
    android:layout_width="130dp"
    android:layout_height="53dp"
    android:id="@+id/valider_tuto_first_fragment"/>

</RelativeLayout>

java 文件：

public class TutoFirstFragment extends Fragment {

    public TutoFirstFragment()
    {

    }

    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
    }

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.tuto_first_fragment, container, false);
    }
}

名为 Tutoriel 的 Activity 上的 onCreate() 方法：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    replaceContentLayout(R.layout.tutorial_activity, super.CONTENT_LAYOUT_ID);

    toolbar = (Toolbar) findViewById(R.id.tutorial_toolbar);
    navigationView = (NavigationView) findViewById(R.id.nav_view);
    tabLayout = (TabLayout) findViewById(R.id.tuto_tab_layout);
    tabHost = (TabHost) findViewById(R.id.tuto_first_fragment_tabhost);
    viewPager = (ViewPager) findViewById(R.id.tuto_view_pager);

    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    toggle = new ActionBarDrawerToggle(this, drawer, toolbar,  R.string.navigation_drawer_open, R.string.navigation_drawer_close);
    drawer.setDrawerListener(toggle);
    toggle.syncState();

    navigationView.setNavigationItemSelectedListener(this);

    setupViewPager(viewPager);
    tabLayout.setupWithViewPager(viewPager);
    tabLayout.setSelectedTabIndicatorColor(ContextCompat.getColor(context, R.color.white));

    toSecondFragment = (Button) findViewById(R.id.valider_tuto_first_fragment);
    toSecondFragment.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            tabHost.setCurrentTab(tabLayout.getSelectedTabPosition() + 1);
        }
    });
}

问题是我无法在活动中创建 onClickListener 并且我不明白如何在片段中进行。

感谢您的帮助，将您的知识分享给我 :)

【问题讨论】：

标签： android android-fragments android-tablayout

【解决方案1】：

让你的片段实现OnClickListener:

public class MainFragment extends Fragment implements OnClickListener

然后在你的片段中实现onClick 方法

@Override // LISTENER
public void onClick(View v) { do your stuff there }

现在要将他的侦听器分配给一个对象，请使用以下命令：

yourWhateverObject.setOnClickListener(this);

现在，如果您可以访问寻呼机，则可以在此切换标签位置：

pager.setCurrentItem(position);

【讨论】：

感谢您的回答，但我不明白。在第一个片段的onClickListener 中，我想将当前选项卡设置到另一个位置。但我只能在活动中访问 tabLayout 而不能在片段中访问。
那么你必须为你的片段提供一个 TabLayout 的引用。你可以考虑在你的活动中使用一个实例，你的活动作为一个可以在你的片段中访问的单例。

【解决方案2】：

您基本上想知道您的片段如何与它的父活动进行通信。

最简洁的方法是在您的片段中定义一个接口，让您的活动实现它，然后覆盖onAttach(..) 以设置回调。

这里有一个例子http://developer.android.com/training/basics/fragments/communicating.html#DefineInterface

【讨论】：