Android TabLayout和Viewpager在使用其他cutom制做的选项卡时无法正常工作
我有一个活动,有两个自定义选项卡(选项卡A和选项卡B)。当用户单击其中一个选项卡时,文本颜色将变为白色 在选项卡A下,它是一个带有viewpager的表格布局(3个选项卡->选项卡1、选项卡2、选项卡3) 在选项卡B下,它是一个普通内容,只有一个文本视图 当应用程序运行时,它将首先启动选项卡A,当用户单击选项卡B时,它将导航到选项卡B。当用户单击选项卡A时,问题出现。 场景1-从选项卡B导航到选项卡A后,我们无法在viewpager中看到内容。 场景2-无法恢复到原来的状态。 请参考屏幕截图以获得更清晰的解释 MainActivity.javaAndroid TabLayout和Viewpager在使用其他cutom制做的选项卡时无法正常工作,android,android-fragments,Android,Android Fragments,我有一个活动,有两个自定义选项卡(选项卡A和选项卡B)。当用户单击其中一个选项卡时,文本颜色将变为白色 在选项卡A下,它是一个带有viewpager的表格布局(3个选项卡->选项卡1、选项卡2、选项卡3) 在选项卡B下,它是一个普通内容,只有一个文本视图 当应用程序运行时,它将首先启动选项卡A,当用户单击选项卡B时,它将导航到选项卡B。当用户单击选项卡A时,问题出现。 场景1-从选项卡B导航到选项卡A后,我们无法在viewpager中看到内容。 场景2-无法恢复到原来的状态。 请参考屏幕截图以获
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
View get_tab_a;
View get_tab_b;
TextView get_text_a;
TextView get_text_b;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
get_tab_a=findViewById(R.id.view_a);
get_tab_b=findViewById(R.id.view_b);
get_text_a=(TextView) findViewById(R.id.tab_a);
get_text_b=(TextView) findViewById(R.id.tab_b);
get_tab_a.setOnClickListener(this);
get_tab_b.setOnClickListener(this);
FragmentManager manager=getSupportFragmentManager();
tab_a Tab_A=new tab_a();
get_text_a.setTextColor(Color.WHITE);
FragmentTransaction transaction=manager.beginTransaction();
transaction.add(R.id.container,Tab_A); // when the activity started, launch Fragment_one
transaction.commit();
}
public void onClick(View v) {
FragmentManager manager=getSupportFragmentManager();
FragmentTransaction transaction=manager.beginTransaction();
switch (v.getId()){
case R.id.view_a: // when user click on the 1st tab.
get_text_a.setTextColor(Color.WHITE);
get_text_b.setTextColor(Color.BLACK);
tab_a Tab_A=new tab_a();
transaction.replace(R.id.container,Tab_A);
break;
case R.id.view_b: // when user click on the 2nd tab.
get_text_a.setTextColor(Color.BLACK);
get_text_b.setTextColor(Color.WHITE);
tab_b Tab_B=new tab_b();
transaction.replace(R.id.container,Tab_B);
break;
}
transaction.commit();
}
}
public class tab_a extends Fragment {
private SectionsPagerAdapter mSectionsPagerAdapter;
private ViewPager mViewPager;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_tab_a,container,false);
mSectionsPagerAdapter = new SectionsPagerAdapter(getActivity().getSupportFragmentManager());
mViewPager = (ViewPager)rootView.findViewById(R.id.ViewPager);
mViewPager.setAdapter(mSectionsPagerAdapter);
TabLayout tabLayout = (TabLayout)rootView.findViewById(R.id.TabLayout);
tabLayout.setupWithViewPager(mViewPager);
return rootView;
}
public class SectionsPagerAdapter extends FragmentPagerAdapter {
public SectionsPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new fg1();
case 1:
return new fg2();
case 2:
return new fg3();
default:
return null;
}
}
@Override
public int getCount() {
return 3;
}
@Override
public CharSequence getPageTitle(int position) {
switch (position) {
case 0:
return "Tab 1";
case 1:
return "Tab 2";
case 2:
return "Tab 3";
}
return null;
}
}
}
选项卡a.java
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
View get_tab_a;
View get_tab_b;
TextView get_text_a;
TextView get_text_b;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
get_tab_a=findViewById(R.id.view_a);
get_tab_b=findViewById(R.id.view_b);
get_text_a=(TextView) findViewById(R.id.tab_a);
get_text_b=(TextView) findViewById(R.id.tab_b);
get_tab_a.setOnClickListener(this);
get_tab_b.setOnClickListener(this);
FragmentManager manager=getSupportFragmentManager();
tab_a Tab_A=new tab_a();
get_text_a.setTextColor(Color.WHITE);
FragmentTransaction transaction=manager.beginTransaction();
transaction.add(R.id.container,Tab_A); // when the activity started, launch Fragment_one
transaction.commit();
}
public void onClick(View v) {
FragmentManager manager=getSupportFragmentManager();
FragmentTransaction transaction=manager.beginTransaction();
switch (v.getId()){
case R.id.view_a: // when user click on the 1st tab.
get_text_a.setTextColor(Color.WHITE);
get_text_b.setTextColor(Color.BLACK);
tab_a Tab_A=new tab_a();
transaction.replace(R.id.container,Tab_A);
break;
case R.id.view_b: // when user click on the 2nd tab.
get_text_a.setTextColor(Color.BLACK);
get_text_b.setTextColor(Color.WHITE);
tab_b Tab_B=new tab_b();
transaction.replace(R.id.container,Tab_B);
break;
}
transaction.commit();
}
}
public class tab_a extends Fragment {
private SectionsPagerAdapter mSectionsPagerAdapter;
private ViewPager mViewPager;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_tab_a,container,false);
mSectionsPagerAdapter = new SectionsPagerAdapter(getActivity().getSupportFragmentManager());
mViewPager = (ViewPager)rootView.findViewById(R.id.ViewPager);
mViewPager.setAdapter(mSectionsPagerAdapter);
TabLayout tabLayout = (TabLayout)rootView.findViewById(R.id.TabLayout);
tabLayout.setupWithViewPager(mViewPager);
return rootView;
}
public class SectionsPagerAdapter extends FragmentPagerAdapter {
public SectionsPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
switch (position) {
case 0:
return new fg1();
case 1:
return new fg2();
case 2:
return new fg3();
default:
return null;
}
}
@Override
public int getCount() {
return 3;
}
@Override
public CharSequence getPageTitle(int position) {
switch (position) {
case 0:
return "Tab 1";
case 1:
return "Tab 2";
case 2:
return "Tab 3";
}
return null;
}
}
}
活动\u main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context="com.example.misc.MainActivity"
android:orientation="vertical">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#5194ff"
android:id="@+id/container"></LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_weight="1"
android:background="#b2b2b2">
<RelativeLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/view_a">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Tab A"
android:id="@+id/tab_a"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
<RelativeLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/view_b">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Tab B"
android:id="@+id/tab_b"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context="com.example.misc.MainActivity"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/TabLayout"
android:layout_centerHorizontal="true"
android:background="#4052b5"
app:tabTextColor="@color/nava_text"
app:tabSelectedTextColor="@color/nava_text"
app:tabMode="fixed"
app:tabGravity="fill"
android:focusable="true" />
<android.support.v4.view.ViewPager
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ViewPager"
android:layout_below="@+id/TabLayout"
android:layout_centerHorizontal="true" />
</LinearLayout>
片段选项卡a.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context="com.example.misc.MainActivity"
android:orientation="vertical">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="#5194ff"
android:id="@+id/container"></LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_weight="1"
android:background="#b2b2b2">
<RelativeLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/view_a">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Tab A"
android:id="@+id/tab_a"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
<RelativeLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/view_b">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge"
android:text="Tab B"
android:id="@+id/tab_b"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
tools:context="com.example.misc.MainActivity"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/TabLayout"
android:layout_centerHorizontal="true"
android:background="#4052b5"
app:tabTextColor="@color/nava_text"
app:tabSelectedTextColor="@color/nava_text"
app:tabMode="fixed"
app:tabGravity="fill"
android:focusable="true" />
<android.support.v4.view.ViewPager
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ViewPager"
android:layout_below="@+id/TabLayout"
android:layout_centerHorizontal="true" />
</LinearLayout>
您使用嵌套片段!您应该使用子片段管理器 尝试使用以下方法:
mSectionsPagerAdapter = new SectionsPagerAdapter(getChildFragmentManager());
相反:
mSectionsPagerAdapter = new SectionsPagerAdapter(getActivity().getSupportFragmentManager());
谢谢。它成功地解决了方案1。但场景2问题仍然存在。有解决方案吗?getChildFragmentManager()不适用于acitivity。PlZ建议如何在appcompactActivity中解决此问题