5

StackOverflow でこれらのメッセージを大量に見つけました。他の多くの人と同じように、タブを切り替えるときにタブの内容が重なるという同じ問題があります。私が見つけたアドバイスはどれも、私の問題ではうまくいきませんでした。

アプリを起動すると、最初のタブの内容が正しく表示されます。別のタブをクリックすると、古いコンテンツが画面に残り、別のタブのコンテンツも画面に追加されます。2 回目にタブを切り替えると、すべてのコンテンツが消えます。タブを切り替えても何も起こりません。

Google の Developer document hereに従いました。

私のアプリケーションにはこのonCreateメソッドがあります。クラスはActionBarActivityサポート ライブラリから拡張されandroid.support.v7.appます。

@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);
}

私TabListenerのクラスは、リンクしたページからコピーされます。

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) {} 
}

タブのコンテンツとして使用する両方のクラスは、Fragment from を拡張しますandroid.support.v4.app.Fragment。メソッドでレイアウトを膨らませますonCreateView。

どうしたの？

4

1 に答える 1

7

どうしたの？

のコードをざっと見てみると、タブの処理も行うの実装の一部(コードは preデバイスで機能するはずです) にActionBarActivityバグがあるようです。ICSActionBarICS

デバイスの実装を表すクラスでは、リスナーのコールバックが戻った後はどこにもコミットされないため、コールバックに渡さActionBarImplICSれたものはまったく役に立たないようです (トランザクションは の他の 2 つのコールバックに対してコミットされます)。したがって、コミットされたフラグメントはタブ選択のレイアウトから切り離されることはなく、重複するコンテンツを取得したままになります (両方のフラグメントを保持するため)。ICSFragmentTransactiononTabUnselected()TabListenerFrameLayout

上記のバグ ( )TabListenerの影響を受けないコールバックの 1 つだけからすべての仕事を行うインターフェイスの別の実装を作成しました。onTabSelected()

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);

コンテナーをコンテンツ ビュー (およびタブ コンテンツ) として設定し、コンテナーを使用しないことをお勧めしますandroid.R.id.content。私の実装は構成の変更を処理しないことに注意してください。

于 2013-10-28T20:36:45.383 に答える