Java 操作栏选项卡内容重叠

Java 操作栏选项卡内容重叠,java,android,android-fragments,tabs,android-actionbar,Java,Android,Android Fragments,Tabs,Android Actionbar,我在StackOverflow中发现了大量这样的消息。和其他许多人一样,我在切换标签时也有标签内容重叠的问题。我发现所有的建议都不能解决我的问题 当我的应用程序启动时,它会正确显示第一个选项卡的内容。单击其他选项卡时,旧内容保留在屏幕上,其他选项卡的内容也添加到屏幕上。第二次切换选项卡时,所有内容都会消失。切换标签将不再起任何作用 我遵循谷歌的开发者文档 我的应用程序有这个onCreate方法。。该类从support Libraryandroid.support.v7.app扩展了ActionB

我在StackOverflow中发现了大量这样的消息。和其他许多人一样,我在切换标签时也有标签内容重叠的问题。我发现所有的建议都不能解决我的问题

当我的应用程序启动时,它会正确显示第一个选项卡的内容。单击其他选项卡时,旧内容保留在屏幕上,其他选项卡的内容也添加到屏幕上。第二次切换选项卡时,所有内容都会消失。切换标签将不再起任何作用

我遵循谷歌的开发者文档

我的应用程序有这个
onCreate
方法。。该类从support Library
android.support.v7.app
扩展了
ActionBarActivity

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

    ActionBar actionBar = getSupportActionBar();
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    actionBar.setDisplayShowTitleEnabled(false);

    Tab tab = actionBar.newTab().setText("TAB1").setTabListener(new TabListener<Tab1Class>(this, "tab1", Tab1Class.class));
    actionBar.addTab(tab);

    tab = actionBar.newTab().setText("TAB2").setTabListener(new TabListener<Tab2Class>(this, "tab2", Tab2Class.class));
    actionBar.addTab(tab);
}
我用作选项卡内容的两个类都是从android.support.v4.app.Fragment扩展Fragment的。他们在
onCreateView
方法中膨胀布局

怎么了

怎么了

快速浏览
ActionBarActivity
的代码后,似乎
ICS
ActionBar
实现的以上部分存在缺陷(代码应适用于
ICS
之前的设备),该设备也负责标签

在表示
ICS
设备实现的
ActionBarImplICS
类中,传递给
onTabUnselected()
回调的
FragmentTransaction
似乎完全没有用,因为在侦听器回调返回后,它不会在任何地方提交(事务是为
TabListener
的其他两个回调提交的)。因此,提交的片段永远不会从选项卡选择的布局中分离出来,它将继续获取重叠的内容(因为
FrameLayout
包含两个片段)

我已经编写了
TabListener
接口的另一个实现,它只从一个回调执行所有工作,而这个回调不受上述错误的影响(
onTabSelected()
):


我建议您将容器设置为内容视图(以及选项卡内容)不要使用安卓.R.id.content容器。请记住,我的实现没有考虑配置更改。

太棒了!我已经面临了很多问题,因为我想让应用程序在API 10设备上运行。我希望人们抛弃那些旧手机,使用安卓4来更新手机。顺便问一句,你知道为什么我的应用程序使用这些选项卡时,我没有标题?或者为什么即使我有
android:showAsAction=“always”
?@MikkoP,我的菜单也会折叠成这些点?@MikkoP你知道为什么我的应用程序在使用这些选项卡时没有标题吗?-只有在使用选项卡时才会出现这种情况?而且你可以始终使用
actionBar.setTitle()
method。或者为什么我的菜单会折叠成这些点,即使我有android:showAsAction=“always”?-在溢出菜单(单击3点图像时出现的弹出窗口)中有菜单项吗?这只在我使用这些选项卡时发生。
actionBar.setTitle()
不会更改任何内容,也不会更改
setTitle()
来自活动。是的,这些菜单项显示在溢出菜单中。我再次发布了一个新问题,因此如果有人回答,其他人很可能会找到它并获得帮助。此处的参考“Issue 58602:Support AppCompat-onTabUnselected不在ICS上调用tx.commit()”,
public class TabListener<T extends Fragment> implements ActionBar.TabListener {
    private Fragment mFragment;
    private final Activity mActivity;
    private final String mTag;
    private final Class<T> mClass;

    public TabListener(Activity activity, String tag, Class<T> clz) {
        mActivity = activity;
        mTag = tag;
        mClass = clz;
    }

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        if(mFragment == null) {
            mFragment = Fragment.instantiate(mActivity, mClass.getName());
            ft.add(android.R.id.content, mFragment, mTag);
        } else {
            ft.attach(mFragment);
        }
    }

    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        if(mFragment != null) {
            ft.detach(mFragment);
        }
    }

    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {} 
}
public class TabListenerImpl implements ActionBar.TabListener {

    private List<TabInfo> mTabs = new ArrayList<TabInfo>();
    private Context mContext;

    public TabListenerImpl(Context context) {
        mContext = context;
    }

    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {

    }

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        // iterate over all of the tabs, match the tag we have and see if
        // we also have a fragment instance for it. If we don't, create one
        // and add it to the container, if we have an instance simply attach
        // it. Detach every other tag which doesn't match the tag.
        for (TabInfo t : mTabs) {
            if (tab.getTag() == t.tag) {
                if (t.pageFragment == null) {
                    t.pageFragment = Fragment.instantiate(mContext,
                            t.clazz.getName());
                    ft.add(android.R.id.content, t.pageFragment, t.tag);
                } else {
                    ft.attach(t.pageFragment);
                }
            } else {
                if (t.pageFragment != null && !t.pageFragment.isDetached()) {
                    ft.detach(t.pageFragment);
                }
            }
        }
    }

    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        // faulty method
    }

    /**
     * Call this method BEFORE you call the actionBar.addTab() method!
     * 
     * @param tag
     *            a String representing the tag that was set on the tab to
     *            identify itself
     * @param clazz
     *            the class of the Fragment
     */
    public void addTab(String tag, Class<? extends Fragment> clazz) {
        TabInfo ti = new TabInfo();
        ti.clazz = clazz;
        ti.tag = tag;
        mTabs.add(ti);
    }

    // wrapper class
    private class TabInfo {
        Class<? extends Fragment> clazz;
        Fragment pageFragment;
        String tag;
    }

}
TabListenerImpl listener = new TabListenerImpl(this);
Tab tab = actionBar.newTab().setText("TAB1").setTag("TAB1").setTabListener(listener);
listener.addTab("TAB1", Tab1Class.class);
actionBar.addTab(tab);

tab = actionBar.newTab().setText("TAB2").setTag("TAB2").setTabListener(listener);
listener.addTab("TAB2", Tab2Class.class);
actionBar.addTab(tab);