如何平滑切换操作栏选项卡,而不是每次都重新加载片段

时间:2012-12-04 10:13:04

标签: android android-ui

我的以下操作栏标签实施方法是否有效?因为无论何时我在标签之间切换,标签内容片段都会被替换并再次以帧布局加载。

我想在第一次自己添加片段并在标签之间切换时平滑地显示片段(不重新加载)。

注意:我尝试在 onCreate 方法上添加所有片段。但片段彼此重叠并同时以帧布局显示所有片段。

我的代码:

public class ManageActivity extends SherlockFragmentActivity implements ActionBar.TabListener {

    private Activity mActivity;

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

        getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        ActionBar.Tab tab1 = getSupportActionBar().newTab();
        tab1.setText("Tab1");
        tab1.setTabListener(this);
        getSupportActionBar().addTab(tab1);

        ActionBar.Tab tab2 = getSupportActionBar().newTab();
        tab2.setText("Tab2");
        tab2.setTabListener(this);
        getSupportActionBar().addTab(tab2);

        ActionBar.Tab tab3 = getSupportActionBar().newTab();
        tab3.setText("Tab3");
        tab3.setTabListener(this);
        getSupportActionBar().addTab(tab3);
    }

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        String selectedtab = tab.getText().toString();

        if(selectedtab.equalsIgnoreCase("Tab1"))
        {
            getSupportFragmentManager().beginTransaction().replace(R.id.tabfragment_container, new Tab1Fragment()).commit();
        }
        else if (selectedtab.equalsIgnoreCase("Tab2")) {
            getSupportFragmentManager().beginTransaction().replace(R.id.tabfragment_container, new Tab2Fragment()).commit();
        } 
        else if (selectedtab.equalsIgnoreCase("Tab3")){
            getSupportFragmentManager().beginTransaction().replace(R.id.tabfragment_container, new Tab3Fragment()).commit();
        }
    }

    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        // TODO Auto-generated method stub
    }

    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        // TODO Auto-generated method stub
    }
}

activity_manage.xml:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/tabfragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ManageActivity" >
</FrameLayout>

注意:我的选项卡内容是Listfragments,它使用loader manager从Sqlite查询数据。

1 个答案:

答案 0 :(得分:2)

我使用包含所有片段的ViewPager。每次选择一个标签时,我只会在Viewpager中切换位置。

   @Override
   public void onTabSelected(Tab tab, FragmentTransaction ft) {
      int position = adapter.findItemPosition(this.id);
      ViewPager viewPager = (YourActivity)getActivity().getViewPager(); // Convenience method
      if (viewPager != null) {
         viewPager.setCurrentItem(position, this.shouldScroll);
      } else {
         Log.d(getClass().getSimpleName(), "No pager available");
      }
   }

要使此代码正常工作,您需要一个Viewpager,并且必须通过PagerAdapter实例将所有选项卡添加到ViewPager中。我使用FragmentPagerAdapter,因为大多数时候没有那么多标签。

这也使您的用户可以在选项卡中滑动。如果用户通过滑动更改选定的选项卡,则需要更新选定的选项卡。我在所有的应用程序中使用ActionBarSherlock。因此,下一个代码段使用supportActionBar。此代码示例是一个简单的侦听器,可以在ViewPager上设置,以通过滑动更新选项卡更改。

   private final class TabPageChangedListener extends ViewPager.SimpleOnPageChangeListener {

      @Override
      public void onPageSelected(int position) {
         ActionBar actionBar = getSupportActionBar();
         if (actionBar != null) {
            actionBar.setSelectedNavigationItem(position);
         } else {
            Log.e(getClass().getSimpleName(),
                  "No actionbar available to change selected tab.");
         }
      }
   }

如果您不希望标签可以滑动,还可以通过覆盖ViewPager并拦截滑动触摸动作来禁用滑动。