使用支持库实现TabListener

Question

我正试图实现选项卡导航，但我想确保使用旧版 Android 设备的人仍然可以使用我的应用程序。

目前考虑的应用程序相当简单，我只是想能够理解如何实现布局，然后再添加缺失的部分。

总之，我有一个扩展了Fragment Activity（以确保兼容性）的容器活动，并且该活动使用ActionBar创建了一个 TabView（我认为问题就出在这里）。 应用程序将尝试创建三个选项卡并将它们添加到 ActionBar 中，我希望用户能够使用横向导航进行左右滚动。

这是我正在尝试实现的 TabListener :

public static 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;
    }

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

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

    public void onTabReselected(Tab tab, FragmentTransaction ft) {
    }
}

这是我的导入内容，因为我想确保我使用的是支持库：

import android.app.ActionBar;
import android.app.ActionBar.Tab;
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;
import android.support.v4.view.ViewPager;
import android.view.Menu;

然而，Eclipse在TabListener方法方面给我的问题。它告诉我如下："类型LayoutContainer.TabListener必须实现继承的抽象方法ActionBar.TabListener.onTabSelected(ActionBar.Tab, FragmentTransaction)"。

当我选择“添加未实现的方法”时，Eclipse基本上会添加OnTabSelected OnTabReselected和OnTabUnselected方法，但这次将非支持版本的片段(android..app.Fragment)作为参数传递。

有什么想法可以通过支持库进行侧向导航的另一种实现以确保兼容性吗？

- daniel_c05

Answer 1

嗯，虽然Malek的方法可行，但它并没有直接回答问题。

你可以简单地忽略回调中获取到的片段事务，并使用自己的事务：

android.support.v4.app.FragmentTransaction fft = mActivity.getSupportFragmentManager().beginTransaction();

只需要确保您的Activity是FragmentActivity，就可以开始新的Fragment事务。

另外，fragmentTransaction中的replace()方法比add()和remove()更加方便。

- Nelson Ramirez

---

由于您没有使用传递到该方法的FragmentTransaction对象，因此您需要提交事务 - fft.commit()。请保持原意并使翻译内容通俗易懂。 - Kim Hansson

哇，这完全解决了我与支持库相关的所有问题。 - Noumenon

Answer 2

关键是使用：

import android.support.v7.app.ActionBar;

...而不是...

import android.app.ActionBar;

这避免了Nelson Ramirez发布的聪明解决方法。

以下完整示例基于官方文档，已经测试可以在Android 3.0、API 11及以上版本中使用。

package com.example.myapp;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.view.*;
import android.widget.TextView;

public class NavigationTabsBasicDemoActivity extends ActionBarActivity {

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

        /**
         * Constructor used each time a new tab is created.
         *
         * @param activity The host Activity, used to instantiate the
         *                 fragment
         * @param tag      The identifier tag for the fragment
         * @param pClass   The fragment's Class, used to instantiate the
         *                 fragment
         * @see <a
         * href="http://developer.android.com/guide/topics/ui/actionbar
         * .html#Tabs">
         * Developers Guide > Action Bar > Adding Navigation Tabs</a>
         */
        public TabListener(Activity activity, String tag, Class<T> pClass) {
            mActivity = activity;
            mTag = tag;
            mClass = pClass;
        }

        @Override
        public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
            if (mFragment == null) {
                mFragment = Fragment.instantiate(mActivity, mClass.getName());
                ft.add(android.R.id.content, mFragment, mTag);
            } else {
                // If it exists, attach it in order to show it
                ft.attach(mFragment);
            }
        }

        @Override
        public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
            if (mFragment != null) {
                // Detach the fragment, because another one is about to be
                // attached.
                ft.detach(mFragment);
            }
        }

        @Override
        public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
            // Do nothing.
        }
    }


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // No need for setContentView() to be used, Instead  we use the root
        // android.R.id.content as the container for each fragment,
        // which is set in the TabListener

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

        ActionBar.Tab tab = actionBar.newTab().setText("Artist").setTabListener(
                new TabListener<PlaceholderFragment>(this,
                                                     "artist",
                                                     PlaceholderFragment
                                                             .class));
        actionBar.addTab(tab);

        tab = actionBar.newTab().setText("Album").setTabListener(
                new TabListener<PlaceholderFragment>(
                    this,
                    "album",
                    PlaceholderFragment.class));
        actionBar.addTab(tab);
    }

    /**
     * In this example use one Fragment but display different data based on
     * which
     * tab is shown. In production you'd probably use a separate fragment.
     */
    public static class PlaceholderFragment extends Fragment {

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View rootView = inflater.inflate(
                    R.layout.fragment_navigation_tabs_basic_demo,
                                             container,
                                             false);
            TextView outputTextView = (TextView) rootView.findViewById(
                                        R.id.output_textView);
            outputTextView.setText("Hello " + getTag());
            return rootView;
        }
    }
}

- John Bentley

Answer 3

actionBar = getActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

actionBar.setDisplayShowHomeEnabled(false);
actionBar.setDisplayShowTitleEnabled(false);

tabA = actionBar.newTab().setText("");
tabB = actionBar.newTab().setText("");

Fragment fragmentA = new AFragmentTab();
Fragment fragmentB = new BFragmentTab();

tabA.setTabListener(new MyTabsListener(fragmentA));
tabB.setTabListener(new MyTabsListener(fragmentB));

actionBar.addTab(tabA);
actionBar.addTab(tabB);

选项卡监听器如下：

protected class MyTabsListener implements ActionBar.TabListener{
    private Fragment fragment;

    public MyTabsListener(Fragment fragment){
        this.fragment = fragment;
    }
    public void onTabSelected(Tab tab, FragmentTransaction ft){
        ft.add(R.id.layout2, fragment, null);
    }
    public void onTabReselected(Tab tab, FragmentTransaction ft) {
    }
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        ft.remove(fragment);
    }
}

然后为每个选项卡创建一个类：

public class BFragmentTab extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        return inflater.inflate(R.layout.login, container, false);
    }
}

请注意，动作栏在Android 3.0以下版本不受支持。如果您想在旧版本中使用它，我建议您使用actionBarSherlock库。

- Malek Hijazi

---

这样做行不通，因为选项卡监听器要求来自Android 3.0的片段和FragmentTransaction对象，而不是支持库。 - Jono

Answer 4

我想实现@nelson-ramirez的方法，但在访问mActivity时出现了错误，所以这是那两个答案的结合，并适用于我的项目，该项目使用带有Facebook登录的选项卡导航（需要support.v4库）。关键是创建一个私有的mActivity，然后在初始化监听器时传递并分配它，并创建自己的Fragment Transaction，而不是使用参数中的Transaction。此外，将主活动更改为FragmentActivity，使用v4库，这允许访问getSupportFragmentManager()。

public class MyTabListener implements ActionBar.TabListener{
    private Fragment fragment;
    private FragmentActivity mActivity;

    public MyTabListener(Fragment fragment, FragmentActivity activity){
        this.fragment = fragment;
        this.mActivity = activity;
    }

    @Override
    public void onTabSelected(ActionBar.Tab tab, android.app.FragmentTransaction ft) {
        android.support.v4.app.FragmentTransaction fft = mActivity.getSupportFragmentManager().beginTransaction();
        fft.replace(R.id.fragment_container, fragment);
        fft.commit();
    }

    @Override
    public void onTabUnselected(ActionBar.Tab tab, android.app.FragmentTransaction ft) {
        android.support.v4.app.FragmentTransaction fft = mActivity.getSupportFragmentManager().beginTransaction();
        fft.remove(fragment);
    }

    @Override
    public void onTabReselected(ActionBar.Tab tab, android.app.FragmentTransaction ft) {

    }
}

- Anna Billstrom

Answer 5

有没有想法如何通过支持库创建另一种侧向导航的实现以确保兼容性？

替代方案

截至2015年5月29日，您可以使用Android Design Support Library。它包括一个Tab Layout并支持Android 2.1或更高版本的设备。

- serv-inc