Action Bar and Title are not one line

Question

I don't know why action bar and title is two-line. Please help me make that on the same 1-line.

Source code is below:

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

    mPagerAdapter = new MyPagerAdapter(getSupportFragmentManager());

    final ActionBar actionBar = getActionBar();
    actionBar.setHomeButtonEnabled(false);
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

    mViewPager = (ViewPager) findViewById(R.id.pager);
    mViewPager.setAdapter(mPagerAdapter);
    mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
        @Override
        public void onPageSelected(int position) {
            actionBar.setSelectedNavigationItem(position);
        }
    });

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

Post a link to an image, and someone will edit in the image for you. — tckmn, Sep 14 '13 at 15:53
+1 for taking the time for the ASCII. Sadly, more than some users take... — tilpner, Sep 14 '13 at 16:01
The link doesn't work, `You don't have permission to access "http://blogfiles.naver.net/20130915_138/reaperes_13791744339014759O_PNG/1.png" on this server.`! — tilpner, Sep 14 '13 at 16:02
ummm...! that was a lot of `nbsp` and `
`... you could have just kept the code formatting. added image anyway — tckmn, Sep 14 '13 at 16:10
possible duplicate: http://stackoverflow.com/questions/18342966/tabs-below-action-bar?rq=1 — tilpner, Sep 14 '13 at 16:20

score 0 · Accepted Answer · answered Sep 14 '13 at 16:16

0

The line under your title is the TAB navigation, although it is an ActionBar feature, from what I understand, you think (and I agree) it's not part of the "main" ActionBar.

If you want some sort of navigation on the main ActionBar, you can do it by adding action items on your res/menu/main.xml, for example with IDs action_next and action_previous. If you're doing this, you can remove

actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

And then you can add this to your Activity:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {

    case R.id.action_previous:
        mViewPager.setCurrentItem(mViewPager.getCurrentItem() - 1);
        return true;

    case R.id.action_next:
        mViewPager.setCurrentItem(mViewPager.getCurrentItem() + 1);
        return true;
    }

    return super.onOptionsItemSelected(item);
}

answered Sep 14 '13 at 16:16

bytehala

665
1
10
25

Thanks reply. But why [Android Effective Navigation Sample](http://developer.android.com/training/implementing-navigation/ancestral.html) title and action bar is 1-line? (I tested Nexus 7 tablet) It has no menu. Maybe other way can fix this. – NHK Sep 14 '13 at 16:38
I found the reason. **android:targetSdkVersion** may affect this. When I targetSdk is 18 or 17, then 2-line menu displayed. But when not type what targetSdk is, it displays 1-line menu. – NHK Sep 14 '13 at 17:00
1

I tested EffectiveNavigation on my emulator, and on a tablet configuration, it's one line. On a phone configuration, it's two lines. It might be related to "Split action bar", where the system adjusts the number of "lines" depending on how much space is available. http://developer.android.com/guide/topics/ui/actionbar.html – bytehala Sep 14 '13 at 17:51

score 0 · Answer 2 · answered Sep 14 '13 at 16:43

0

If you want the tabs on the main ActionBar, you can use ActionBar.setCustomView! to supply a custom navigation view which has title and the custom tab navigation.

answered Sep 14 '13 at 16:43

LT21

1

Action Bar and Title are not one line

2 Answers2