操作栏选项卡和应用程序标题位于同一行

时间:2013-01-29 06:35:22

标签: android android-actionbar android-tabs

我创建了一个包含操作栏和两个标签的应用程序。选项卡和应用程序的标题与屏幕截图中给出的行相同。我希望标签位于标题下方的行中并具有相同的权重。请看下面的代码并帮助我。感谢。

package com.example.myproj;

import java.util.ArrayList;

import android.os.Bundle;
import android.app.ActionBar;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentTransaction;
import android.app.ActionBar.Tab;
import android.content.Context;
import android.view.Menu;
import android.widget.Toast;

public class MainActivity1 extends Activity {
    public static Context appContext;
    static ArrayList<String> myarray = new ArrayList();
    static ArrayList<String> myarray1;
    static ArrayList<String> myarray2 = new ArrayList();
    static ArrayList<String> myarray21;
    static int check1 = 0;
    static int check2 = 0;
    static int stcount = 0;
    static int csicount = 0;
    static ActionBar.Tab PlayerTab;
    static ActionBar.Tab StationsTab;

    /** Called when the activity is first created. */
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        appContext = getApplicationContext();

        ActionBar actionbar = getActionBar();
        actionbar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        PlayerTab = actionbar.newTab().setText("ST");
        StationsTab = actionbar.newTab().setText("CSI");
        // settab1("Testing");
        Fragment PlayerFragment = new AFragment();
        Fragment StationsFragment = new BFragment();

        PlayerTab.setTabListener(new MyTabsListener(PlayerFragment));
        StationsTab.setTabListener(new MyTabsListener(StationsFragment));

        actionbar.addTab(PlayerTab);
        actionbar.addTab(StationsTab);

    }

    public static void settab1(String text) {
        PlayerTab.setText(text);
    }

    public static void settab2(String text) {
        StationsTab.setText(text);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

}

class MyTabsListener implements ActionBar.TabListener {
    public Fragment fragment;

    public MyTabsListener(Fragment fragment) {
        this.fragment = fragment;
    }

    @Override
    public void onTabReselected(Tab tab, FragmentTransaction ft) {
        Toast.makeText(MainActivity1.appContext, "Reselected!",
                Toast.LENGTH_LONG).show();
    }

    @Override
    public void onTabSelected(Tab tab, FragmentTransaction ft) {
        ft.replace(R.id.fragment_container, fragment);
    }

    @Override
    public void onTabUnselected(Tab tab, FragmentTransaction ft) {
        ft.remove(fragment);
    }

}

enter image description here

4 个答案:

答案 0 :(得分:6)

我很幸运使用以下反射'hack':

private void forceStackedTabs() {
    ActionBar ab = getSupportActionBar();
    if ( ab instanceof ActionBarImpl ) {
        // Pre-ICS
        disableEmbeddedTabs( ab );
    } else if ( ab instanceof ActionBarWrapper ) {
        // ICS
        try {
            Field abField = ab.getClass().getDeclaredField( "mActionBar" );
            abField.setAccessible( true );
            disableEmbeddedTabs( abField.get( ab ) );
        } catch (NoSuchFieldException e) {
            Log.e( TAG, "Error disabling actionbar embedded", e );
        } catch (IllegalArgumentException e) {
            Log.e( TAG, "Error disabling actionbar embedded", e );
        } catch (IllegalAccessException e) {
            Log.e( TAG, "Error disabling actionbar embedded", e );
        }
    }
}
private void disableEmbeddedTabs(Object ab) {
    try {
        Method setHasEmbeddedTabsMethod = ab.getClass().getDeclaredMethod("setHasEmbeddedTabs", boolean.class);
        setHasEmbeddedTabsMethod.setAccessible(true);
        setHasEmbeddedTabsMethod.invoke(ab, false);
    } catch (Exception e) {
        Log.e( TAG, "Error disabling actionbar embedded", e );
    }
}

请注意,我自己并没有想到这一点,只是重写了这个答案中给出的代码:replicate ActionBar Tab(s) with custom view

答案 1 :(得分:0)

这是本机操作栏的行为。

单独的操作栏决定是否将标签放在第二行,我们无法对其进行影响。(通常在平板电脑标签内嵌,手机在下方)

如果您想确保标签始终是标签,并且始终位于操作栏下方,请从操作栏中删除标签,然后使用PagerTabStrip(来自Android支持包,切换到使用ViewPager作为内容) ViewPager来自哪里)或ViewPagerIndicator项目中的选项卡指示符用于选项卡本身。 作为附带好处,您的内容现在可以横向滑动以在标签之间移动,这是一种流行的方法。

请注意。这不是一个正确的模式。 http://developer.android.com/design/patterns/pure-android.html

答案 2 :(得分:0)

这是一个可能对你有帮助的演示!我在动作栏中使用了一个包含TabHost的自定义视图,它可以很好地像上面的图片一样工作,但我没有用不同的屏幕尺寸测试它。

https://github.com/shellshy/actionbar

答案 3 :(得分:0)

在ActionBarImpl.java中,在setHasEmbeddedTabs(boolean hasEmbeddedTabs)方法中, 改变价值:

mHasEmbeddedTabs = hasEmbeddedTabs;

为:

mHasEmbeddedTabs = false;