使用 BottomNav 和 TabMenu 导航后的空白片段
Blank fragment after navigation with BottomNav and TabMenu
我正在开发一个 Android 应用程序,它的导航结构有点令人困惑,这导致我遇到了问题。有两种方法可以浏览应用程序。第一个是 BottomNav,第二个是 TabMenu。我考虑过使用相互替换的片段,所以我想出了以下结构:
1. BottomNav#1
- TabMenu#1
- Tabmenu#2
- TabMenu#3
- ...
2. BottomNav#2
- TabMenu#4
- Tabmenu#5
- TabMenu#6
- ...
... and so on.
我面临的问题是,当我从 BottomNav#1 导航到 BottomNav#2 并再次返回时,出现一个空白屏幕,不显示实际片段的内容:
When I open the app
After clicking on BottomNav#2 and then back to BottomNav#1 the fragment seems to be blank
我的猜测是我的 fragmentTransaction.replace(); 不知何故有问题;因为看起来片段没有再次加载?我对此有点陌生,真的试图在网上找到答案,但这有点具体,为什么我想我什么也没找到。
这是我的 MainActivity:
package com.example.XXXX;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;
import android.widget.FrameLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
private FrameLayout mMainFrame;
private AusweisFragment ausweisFragment;
private SpendenFragment spendenFragment;
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ausweisFragment = new AusweisFragment();
spendenFragment = new SpendenFragment();
BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}
private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
= new BottomNavigationView.OnNavigationItemSelectedListener()
{
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item)
{
switch (item.getItemId())
{
case R.id.navigation_ausweis:
setFragment(ausweisFragment);
return true;
case R.id.navigation_spenden:
setFragment(spendenFragment);
return true;
}
return false;
}
};
private void setFragment(Fragment fragment)
{
FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
fragmentTransaction.replace(R.id.main_frame, fragment);
fragmentTransaction.addToBackStack(null);
fragmentTransaction.commit();
}
}
这应该导致例如通过单击 BottomNav#1(切换大小写)调用名为 "ausweis" 的片段:
package com.example.XXXXXXX;
import android.app.Activity;
import android.os.Bundle;
import android.support.design.widget.TabItem;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class AusweisFragment extends Fragment {
private View rootView;
private AusweisPageAdapter ausweisPageAdapter;
private TabLayout tabLayout;
private ViewPager viewPager;
public AusweisFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
{
rootView= inflater.inflate(R.layout.fragment_ausweis, container, false);
tabLayout = rootView.findViewById(R.id.tablayoutAusweis);
viewPager = rootView.findViewById(R.id.viewPagerAusweis);
ausweisPageAdapter = new AusweisPageAdapter(getActivity().getSupportFragmentManager(), tabLayout.getTabCount());
viewPager.setAdapter(ausweisPageAdapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener()
{
@Override
public void onTabSelected(TabLayout.Tab tab) {
viewPager.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
return rootView;
}
}
之后,我想调用另一个片段 "spenden",它与片段 "ausweis" 完全相同,但具有不同的命名选项卡,所以我认为它不会打扰你更多代码。
编辑: 我想念我写的 "content" 的来源。为了第一次尝试并证明片段发生了变化,我将 "Ausweis" 之类的短语硬编码到 XML 中,该 XML 与我的片段 java class.
相关联
也许你们中有人对这个问题有想法。我认为这与我在其中一个片段中的 onCreateView 有关,但我没有任何线索。
希望我没有错过一个重要的细节。我非常感谢任何形式的帮助。非常感谢。
我的问题的答案是在不同片段之间使用父子关系。通过单击 BottomNav#1,我正在膨胀一个片段,该片段会在其内部膨胀一个新片段。这是关键问题。在我的代码中,我将其作为第二个处理 "normal" getFragmentManager();.
答案是使用getChildFragmentManager();代替嵌套片段。像这样:
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
{
rootView= inflater.inflate(R.layout.fragment_ausweis, container, false);
tabLayout1 = rootView.findViewById(R.id.tablayoutAusweis);
viewPager = rootView.findViewById(R.id.viewPagerAusweis);
ausweisPageAdapter = new AusweisPageAdapter(getChildFragmentManager(), tabLayout1.getTabCount());
viewPager.setAdapter(ausweisPageAdapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout1));
...
...
希望这对遇到嵌套片段相同问题的人有所帮助。
我正在开发一个 Android 应用程序,它的导航结构有点令人困惑,这导致我遇到了问题。有两种方法可以浏览应用程序。第一个是 BottomNav,第二个是 TabMenu。我考虑过使用相互替换的片段,所以我想出了以下结构:
1. BottomNav#1
- TabMenu#1
- Tabmenu#2
- TabMenu#3
- ...
2. BottomNav#2
- TabMenu#4
- Tabmenu#5
- TabMenu#6
- ...
... and so on.
我面临的问题是,当我从 BottomNav#1 导航到 BottomNav#2 并再次返回时,出现一个空白屏幕,不显示实际片段的内容:
When I open the app
After clicking on BottomNav#2 and then back to BottomNav#1 the fragment seems to be blank
我的猜测是我的 fragmentTransaction.replace(); 不知何故有问题;因为看起来片段没有再次加载?我对此有点陌生,真的试图在网上找到答案,但这有点具体,为什么我想我什么也没找到。
这是我的 MainActivity:
package com.example.XXXX;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;
import android.widget.FrameLayout;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
private FrameLayout mMainFrame;
private AusweisFragment ausweisFragment;
private SpendenFragment spendenFragment;
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ausweisFragment = new AusweisFragment();
spendenFragment = new SpendenFragment();
BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
}
private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
= new BottomNavigationView.OnNavigationItemSelectedListener()
{
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item)
{
switch (item.getItemId())
{
case R.id.navigation_ausweis:
setFragment(ausweisFragment);
return true;
case R.id.navigation_spenden:
setFragment(spendenFragment);
return true;
}
return false;
}
};
private void setFragment(Fragment fragment)
{
FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
fragmentTransaction.replace(R.id.main_frame, fragment);
fragmentTransaction.addToBackStack(null);
fragmentTransaction.commit();
}
}
这应该导致例如通过单击 BottomNav#1(切换大小写)调用名为 "ausweis" 的片段:
package com.example.XXXXXXX;
import android.app.Activity;
import android.os.Bundle;
import android.support.design.widget.TabItem;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class AusweisFragment extends Fragment {
private View rootView;
private AusweisPageAdapter ausweisPageAdapter;
private TabLayout tabLayout;
private ViewPager viewPager;
public AusweisFragment() {
// Required empty public constructor
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
{
rootView= inflater.inflate(R.layout.fragment_ausweis, container, false);
tabLayout = rootView.findViewById(R.id.tablayoutAusweis);
viewPager = rootView.findViewById(R.id.viewPagerAusweis);
ausweisPageAdapter = new AusweisPageAdapter(getActivity().getSupportFragmentManager(), tabLayout.getTabCount());
viewPager.setAdapter(ausweisPageAdapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener()
{
@Override
public void onTabSelected(TabLayout.Tab tab) {
viewPager.setCurrentItem(tab.getPosition());
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
return rootView;
}
}
之后,我想调用另一个片段 "spenden",它与片段 "ausweis" 完全相同,但具有不同的命名选项卡,所以我认为它不会打扰你更多代码。
编辑: 我想念我写的 "content" 的来源。为了第一次尝试并证明片段发生了变化,我将 "Ausweis" 之类的短语硬编码到 XML 中,该 XML 与我的片段 java class.
相关联也许你们中有人对这个问题有想法。我认为这与我在其中一个片段中的 onCreateView 有关,但我没有任何线索。
希望我没有错过一个重要的细节。我非常感谢任何形式的帮助。非常感谢。
我的问题的答案是在不同片段之间使用父子关系。通过单击 BottomNav#1,我正在膨胀一个片段,该片段会在其内部膨胀一个新片段。这是关键问题。在我的代码中,我将其作为第二个处理 "normal" getFragmentManager();.
答案是使用getChildFragmentManager();代替嵌套片段。像这样:
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
{
rootView= inflater.inflate(R.layout.fragment_ausweis, container, false);
tabLayout1 = rootView.findViewById(R.id.tablayoutAusweis);
viewPager = rootView.findViewById(R.id.viewPagerAusweis);
ausweisPageAdapter = new AusweisPageAdapter(getChildFragmentManager(), tabLayout1.getTabCount());
viewPager.setAdapter(ausweisPageAdapter);
viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout1));
...
...
希望这对遇到嵌套片段相同问题的人有所帮助。