ActionBarSherlock、ViewPager、TabsAdapter嵌套Tab Fragments

9
我使用了一个ActionBarSherlock、一个ViewPager和一个TabsAdapter。它工作得很好,但现在我尝试从“选项卡1”中加载的框架中“推送”另一个片段。
行为应该如下:
  • 我的应用程序中有3个选项卡,在启动时,我看到第一个选项卡,其中包含一个带有按钮的片段
  • 在第一个选项卡上按下按钮,应该替换第一个选项卡上的片段并显示另一个片段
我尝试实现这个功能,但是当替换时我得到了一个黑色的片段。
代码如下:
FragmentDemoActivity.java
public class FragmentDemoActivity extends SherlockFragmentActivity {
    CustomViewPager  mViewPager;
    TabsAdapter mTabsAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        ActionBar bar = getSupportActionBar();
        bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);

        mViewPager = (CustomViewPager)findViewById(R.id.pager);
        mViewPager.setSwipingEnabled(false);

        mTabsAdapter = new TabsAdapter(this, bar, mViewPager);
        mTabsAdapter.addTab(bar.newTab().setText("tab1"),
                FragmentA.class, null);
        mTabsAdapter.addTab(bar.newTab().setText("tab2"),
                FragmentB.class, null);

   setTitle(R.string.app_name);

        if (savedInstanceState != null) {
            bar.setSelectedNavigationItem(savedInstanceState.getInt("tab"));
        }
    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt("tab", getSupportActionBar().getSelectedNavigationIndex());
    }

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

        static final class TabInfo {
            private final Class<?> clss;
            private final Bundle args;

            TabInfo(Class<?> _class, Bundle _args) {
                clss = _class;
                args = _args;
            }
        }

        public TabsAdapter(FragmentActivity activity, ActionBar bar, ViewPager pager) {
            super(activity.getSupportFragmentManager());
            mContext = activity;
            mBar = bar;
            mViewPager = pager;
            mViewPager.setAdapter(this);
            mViewPager.setOnPageChangeListener(this);
        }

        public void addTab(ActionBar.Tab tab, Class<? extends Fragment> clss, Bundle args) {
            TabInfo info = new TabInfo(clss, args);
            tab.setTag(info);
            tab.setTabListener(this);
            mTabs.add(info);
            mBar.addTab(tab);
            notifyDataSetChanged();
        }

        @Override
        public int getCount() {
            return mTabs.size();
        }

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



        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        }

        @Override
        public void onPageSelected(int position) {
            mBar.setSelectedNavigationItem(position);
        }

        @Override
        public void onPageScrollStateChanged(int state) {
        }

        @Override
        public void onTabSelected(Tab tab, FragmentTransaction ft) {
            Object tag = tab.getTag();
            for (int i=0; i<mTabs.size(); i++) {
                if (mTabs.get(i) == tag) {
                    mViewPager.setCurrentItem(i,false);
                }
            }
        }

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

        }

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

        }
    }

}

FragmentA.java

public class FragmentA extends Fragment {
    Button button;
    int num;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup group, Bundle saved)
    {
        return inflater.inflate(R.layout.frag_a, group, false);
    }

    @Override
    public void onActivityCreated (Bundle savedInstanceState)
    {
        super.onActivityCreated(savedInstanceState);
        num = 0;
        button = (Button) getActivity().findViewById(R.id.button1);
        button.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {

                FragmentB f1 = new FragmentB();
                FragmentTransaction ft = getActivity().getSupportFragmentManager().beginTransaction();
                ft.replace(R.id.pager, f1,"newTag");
                ft.show(f1);
                ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);
                ft.addToBackStack(null);
                ft.commit();    

            }
        });
    }
}

我是一个新手安卓开发者,希望有人能帮助我。我已经花费了很多时间寻找解决方案,但结果并不如我所期望的那样。
我的当前项目:http://cl.ly/3q1f2t1O2Y3j

1
你有没有看过 ABS 中的片段示例项目中的“选项卡和分页器”示例? - Jorge Gil
1个回答

8

我明白了!

让我解释一下,您需要在要替换的布局上加上一个id,例如我的示例:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/Framelay"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/txtSearchTopic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:text="TextView" />

</FrameLayout>

我只需要加上这行代码:android:id="@+id/Framelay"。 然后我便可以使用这个ID来替换新的碎片,我的意思是这个布局内的所有内容都将被新的碎片所替换,如我所称的DetailFragment。

FragmentManager fragmentManager = getFragmentManager();  
FragmentTransaction fragmentTransaction = fragmentManager  
        .beginTransaction();  
DetailFragment fragment3 = new DetailFragment();  
fragmentTransaction.replace(R.id.Framelay, fragment3);  
fragmentTransaction.commit(); 

1
当使用android.R.id.content而不是R.id.pager时,它可以按照你上面描述的方式工作,但是当执行这段代码并切换到另一个选项卡时,新添加的片段会覆盖在其他选项卡中显示的片段之上。 - brokedid
1
我明白了,你问得好,我会尝试找到解决方案。 - Marckaraujo
1
在Fragment中最初加载的内容中,我将id添加到了LinearLayout参数中。然后当替换视图时,视图并没有被替换,我看到新视图在旧视图下面。 - brokedid
我不明白为什么这会把新视图放在旧视图下面,尝试了很多方法都一样,我刚刚得到一个工作正常的示例项目,也许你比我更能理解,参见 https://github.com/tamsler/android-flash-cards - Marckaraujo
我已经在我的代码中进行了一些调查,但还有其他的东西不像预期的那样工作。例如,PageAdapter总是在之前/之后加载一个标签,这会引发URL请求。是否有更好的解决方案可以在标签之间切换并始终异步加载数据? - brokedid
2
我有一个更好的解决方案,请看 https://www.4shared.com/rar/zOWrvmyu/ViewpagerandSherlock.html,在每个片段内,你可以实现Asynctask,看看你是否能理解。 - Marckaraujo

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接