具有交互式视图的 android 选项卡

Posted 2023-02-26

【中文标题】具有交互式视图的 android 选项卡

【英文标题】：android tabs with interactive views

【发布时间】：2012-05-07 18:54:51

【问题描述】：

我试图避免在 tabhost 和 tabwidget 中使用意图和活动

仅对所有内容都使用视图，这段代码开始变得混乱。

我的问题是我很难保留信息。在一个选项卡中，我有一个包含 4 个按钮的视图，每个按钮加载另一个视图，这会占用该选项卡中屏幕上的视觉信息。问题是，当我“返回”以在该选项卡中加载上一个视图时，没有任何信息是该视图被保留，即使按钮侦听器也不会重新实例化。

我该如何处理？我在选项卡中看到了一些非常基本的视图示例，但没有任何交互可以加载更多视图。

（viewflippers 和操作栏不是一个选项，我试图避免使用带有活动的选项卡）

【参考方案1】：

忘记活动组。忘记标签主机。现在都是关于 ActionBar Tabs 和 ViewPager Fragments 的。 API Demos 示例应用程序（也是 android 兼容性库示例应用程序）提供了一个在 Fragment 之间结合 Tab 和 ViewPager 导航的实现，但它有点伪造 Tabs（即它们不是真正的 ActionBar 选项卡）。见FragmentTabsPager.java。您也可以使用它并使其与真正的 ActionBar 选项卡一起使用。

这是有趣的一点。 （我删除了一堆东西，所以不要在这里寻找完整的工作解决方案。）

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

    setContentView(R.layout.fragment_tabs_pager);

    mViewPager = (ViewPager)findViewById(R.id.pager);

    // This block thanks to https://***.com/q/9790279/517561
    ActionBar bar = getSupportActionBar();
    bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    bar.setDisplayShowTitleEnabled(true);
    bar.setDisplayShowHomeEnabled(true);
    //

    mTabsAdapter = new TabsAdapter(this, mViewPager);

    mTabsAdapter.addTab("simple", "Simple", 
            FragmentStackSupport.CountingFragment.class, null);
    mTabsAdapter.addTab("contacts", "Contacts",
        LoaderCursorSupport.CursorLoaderListFragment.class, null);
    mTabsAdapter.addTab("custom", "Custom",
        LoaderCustomSupport.AppListFragment.class, null);
    mTabsAdapter.addTab("throttle", "Throttle",
        LoaderThrottleSupport.ThrottledLoaderListFragment.class, null);


public static class TabsAdapter extends FragmentPagerAdapter
        implements ViewPager.OnPageChangeListener, ActionBar.TabListener 
    private final SherlockFragmentActivity mContext;
    private final ViewPager mViewPager;
    private final ArrayList<TabInfo> mTabs = new ArrayList<TabInfo>();

    static final class TabInfo 
        @SuppressWarnings("unused")
        private final String tag;
        private final Class<?> clss;
        private final Bundle args;

        TabInfo(String _tag, Class<?> _class, Bundle _args) 
            tag = _tag;
            clss = _class;
            args = _args;
        
    

    static class DummyTabFactory implements TabHost.TabContentFactory 
        private final Context mContext;

        public DummyTabFactory(Context context) 
            mContext = context;
        

        @Override
        public View createTabContent(String tag) 
            View v = new View(mContext);
            v.setMinimumWidth(0);
            v.setMinimumHeight(0);
            return v;
        
    

    public TabsAdapter(SherlockFragmentActivity activity, ViewPager pager) 
        super(activity.getSupportFragmentManager());
        mContext = activity;
        mViewPager = pager;
        mViewPager.setAdapter(this);
        mViewPager.setOnPageChangeListener(this);
    

    public void addTab(String tag, CharSequence label, Class<?> clss, Bundle args) 
        ActionBar.Tab tab = mContext.getSupportActionBar().newTab();
        tab.setText(label);
        tab.setTabListener(this);
        mContext.getSupportActionBar().addTab(tab);
        TabInfo info = new TabInfo(tag, clss, args);
        mTabs.add(info);
        notifyDataSetChanged();    
    

    @Override
    public Fragment getItem(int position) 
        TabInfo info = mTabs.get(position);
        return Fragment.instantiate(mContext, info.clss.getName(), info.args);
    

    @Override
    public void onPageSelected(int position) 
        mContext.getSupportActionBar().setSelectedNavigationItem(position);
    

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) 
      mViewPager.setCurrentItem(mContext.getSupportActionBar().getSelectedNavigationIndex());
    

我的完整解决方案：http://code.google.com/p/sherlock-demo/

注意：需要ActionBarSherlock。 注：感谢ActionBarSherlock and FragmentTabsPager

【讨论】：

好的，现在给我一个可以在 Android 2.2+ 上运行并且在屏幕底部有标签/“操作栏”的实现。接受挑战了吗？

在我的 android 2.3.3 手机上，一半的 android v4 支持示例类因“ClassNotFoundException”而崩溃

在更新的答案中查看解决方案。手边没有手机，但运行在 2.1 AVD 中。

哦，忘了说：我选择传递底部标签，因为这违反了developer.android.com/design/patterns/actionbar.html。

【参考方案2】：

标签的用户活动组，并放置您为标签或活动创建的任何漂亮布局。

我们开始吧：http://ericharlow.blogspot.com/2010/09/experience-multiple-android-activities.html

【讨论】：

我知道如何在选项卡中进行活动，但我认为在选项卡中使用意图是不好的做法，这就是谷歌最终完全弃用选项卡活动的原因。所以我试图只使用平面视图和 layoutInflater 但它似乎太有限了