TabLayout 动态使用片段
TabLayout using fragment dynamically
我刚刚尝试使用 TabLayout,但在理解它的工作原理时遇到了一些问题。片段对我来说也是新的。
所以这就是重点,当用户启动应用程序时,我的第一个 activity 是一个教程。我为教程的每一部分使用一个片段。更重要的是,我知道只有视图寻呼机就足够了我只想尝试使用选项卡布局的用户。
因此,在第一个片段中我有一个 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);
}
}
Activity 名为 Tutoriel 的 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);
}
});
}
问题是我无法在 activity 中创建 onClickListener,而且我不明白如何分段进行。
感谢您通过与我分享您的知识来提供帮助:)
制作你的片段工具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);
您基本上想知道您的片段如何与其父级通信activity。
最简洁的方法是在您的片段中定义一个 接口 ,让您的 activity 实现它,然后覆盖 onAttach(..)
以设置回调。
这里有一个例子http://developer.android.com/training/basics/fragments/communicating.html#DefineInterface
我刚刚尝试使用 TabLayout,但在理解它的工作原理时遇到了一些问题。片段对我来说也是新的。 所以这就是重点,当用户启动应用程序时,我的第一个 activity 是一个教程。我为教程的每一部分使用一个片段。更重要的是,我知道只有视图寻呼机就足够了我只想尝试使用选项卡布局的用户。 因此,在第一个片段中我有一个 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);
}
}
Activity 名为 Tutoriel 的 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);
}
});
}
问题是我无法在 activity 中创建 onClickListener,而且我不明白如何分段进行。
感谢您通过与我分享您的知识来提供帮助:)
制作你的片段工具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);
您基本上想知道您的片段如何与其父级通信activity。
最简洁的方法是在您的片段中定义一个 接口 ,让您的 activity 实现它,然后覆盖 onAttach(..)
以设置回调。
这里有一个例子http://developer.android.com/training/basics/fragments/communicating.html#DefineInterface