带有不同页面布局的viewpager的操作栏选项卡

时间:2013-11-09 19:09:53

标签: android android-layout android-fragments

嗨,我是新的Android,我想要求帮助。我正在android studio中创建新项目,我使用带有viewpager的导航操作栏选项卡。 Android studio生成此代码。我知道使用一个活动atc,但现在我想学习带有选项卡的滑动布局。我的问题是:是否可以在此内部使用不同的项目进行更多布局?例如,现在我在每个片段上都有一个textview,当我滑动时,我会在每个页面上看到任何文本。但我需要在页面(tab1)布局上使用textview,在tab2上我需要布局edittext,在tab3上我需要布局与图像。这有可能吗?因为我可以更改文本,但现在所有选项卡都有相同的布局。

public class MainActivity extends ActionBarActivity implements ActionBar.TabListener {

SectionsPagerAdapter mSectionsPagerAdapter;
ViewPager mViewPager;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final ActionBar actionBar = getSupportActionBar();
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
    mViewPager = (ViewPager) findViewById(R.id.pager);
    mViewPager.setAdapter(mSectionsPagerAdapter);

    mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
        @Override
        public void onPageSelected(int position) {
            actionBar.setSelectedNavigationItem(position);
        }
    });

    for (int i = 0; i < mSectionsPagerAdapter.getCount(); i++) {
        actionBar.addTab(
                actionBar.newTab()
                        .setText(mSectionsPagerAdapter.getPageTitle(i))
                        .setTabListener(this));
    }
}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_settings) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}

@Override
public void onTabSelected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) {
    // When the given tab is selected, switch to the corresponding page in
    // the ViewPager.
    mViewPager.setCurrentItem(tab.getPosition());
}

@Override
public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) {
}

@Override
public void onTabReselected(ActionBar.Tab tab, FragmentTransaction fragmentTransaction) {
}

public class SectionsPagerAdapter extends FragmentPagerAdapter {

    public SectionsPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        return PlaceholderFragment.newInstance(position + 1);
    }

    @Override
    public int getCount() {
        return 3;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        Locale l = Locale.getDefault();
        switch (position) {
            case 0:
                return getString(R.string.title_section1).toUpperCase(l);
            case 1:
                return getString(R.string.title_section2).toUpperCase(l);
            case 2:
                return getString(R.string.title_section3).toUpperCase(l);
        }
        return null;
    }
}
public static class PlaceholderFragment extends Fragment {
    private static final String ARG_SECTION_NUMBER = "section_number";
    public static PlaceholderFragment newInstance(int sectionNumber) {
        PlaceholderFragment fragment = new PlaceholderFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_SECTION_NUMBER, sectionNumber);
        fragment.setArguments(args);
        return fragment;
    }

    public PlaceholderFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_main, container, false);
        TextView textView = (TextView) rootView.findViewById(R.id.section_label);
        textView.setText(Integer.toString(getArguments().getInt(ARG_SECTION_NUMBER)));
        return rootView;
    }
}

}

2 个答案:

答案 0 :(得分:7)

在这种情况下,您可以定义3个单独的片段类。然后,您可以在getItem的{​​{1}}中正确地返回它们:

SectionsPagerAdapter

答案 1 :(得分:1)

详细说明Szymon的答案。

第1步删除内部类PlaceHolderFragment  第2步:使用相应的布局创建片段类。例如,ImageViewFragment(当然扩展片段)然后image_view_fragment_layout。  第3步ImageViewFragment onCreateView方法膨胀image_view_fragment_layout

public ImageViewFragment extends Fragment {
  ...
 public View onCreateView(LayoutInflater inflater, ViewGroup container, 
        Bundle savedInstanceState) {
   View rootView = inflater.inflate(R.layout.image_view_fragment_layout, 
                                                    container, false);
    return rootView;
  }

对于要添加的任意数量的标签,请按照以下步骤操作。

然后在getItem()方法中按照Szymon的回答。请记住,首先要显示的标签位于0位置,依此类推。

另一个重要的事情,在你的getCount方法中:

@Override
    public int getCount() {
        // Show 3 total pages.
        return 3;
    }

返回的数字应反映您添加的标签数量。