Question

我想为其中一个标签设置背景（或只是插入图片而不是文字）。我发现了这个老问题： Can we set a background image to tabs?

我也想这样做，但我使用了不同的方法来实现我的标签。这是我的标签的代码：

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

             ActionBar.Tab tabA = actionBar.newTab();
              actionBar.setDisplayShowHomeEnabled(false);
             actionBar.setDisplayShowTitleEnabled(false);

            tabA.setText("Tab1");
         tabA.setTabListener(new com.example.MainActivity.TabListener<Tab1>(this, "Tab1", Tab1.class));
         actionBar.addTab(tabA);





          Tab tabB = actionBar.newTab();
        tabB.setText("Tab2");
         tabB.setTabListener(new com.example.MainActivity.TabListener<Tab2>(this, "Tab2", Tab2.class));
          actionBar.addTab(tabB);

            Tab tabC = actionBar.newTab();
            tabC.setText("Jahrgangsstufe");
         tabC.setTabListener(new com.example.MainActivity.TabListener<Tab3>(this, "Jahrgangsstufe", Tab3.class));
         actionBar.addTab(tabC);

        if (savedInstanceState != null) {
              int savedIndex = savedInstanceState.getInt("SAVED_INDEX");
            getActionBar().setSelectedNavigationItem(savedIndex);
       }

我不知道如何使用此线程中建议的代码，因为我不使用tabhost。

有没有人知道如何使用actionbars将其实现到我的方法中，或者帮助我迁移我的代码以使用tabhost？

我附上了一张图片，展示了我希望它的样子。

我希望自己说清楚，我的英语并不完美。

enter image description here

更新的代码：

mActionBar.setDisplayShowHomeEnabled(false);
        mActionBar.setDisplayShowTitleEnabled(false);
        mActionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);



        tabA = mActionBar.newTab();
        tabA.setIcon(R.drawable.icon_settings);
        tabA.setTabListener(new com.example.MainActivity.TabListener<Tab1>(this, "Einstellungen", Tab1.class));
        mActionBar.addTab(tabA);


        tabB = mActionBar.newTab();
        tabB.setText("Meine Kurse");
        tabB.setTabListener(new com.example.MainActivity.TabListener<Tab2>(this, "Meine Kurse", Tab2.class));
        mActionBar.addTab(tabB);

        tabC = mActionBar.newTab();
        tabC.setCustomView(R.layout.tab_one);
        tabC.setTabListener(new com.example.MainActivity.TabListener<Tab3>(this, "Jahrgangsstufe", Tab3.class));
        mActionBar.addTab(tabC);


        if (savedInstanceState != null) {
              int savedIndex = savedInstanceState.getInt("SAVED_INDEX");
            getActionBar().setSelectedNavigationItem(savedIndex);
       }

    public void createTab(){
    ActionBar.Tab tab = getActionBar().newTab();
    tab.setTabListener(new com.example.MainActivity.TabListener<Tab3>(this, "Jahrgangsstufe", Tab3.class));
    tab.setCustomView(R.layout.tab_one);
    getActionBar().addTab(tab);




}

tab_one.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical" >

    <ImageView
            android:id="@+id/tab_one_icon"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/bessellogo_white" />

    <TextView
            android:id="@+id/tab_one_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/tab_text" />

</LinearLayout>



05-16 20:58:22.495  12861-12861/com.example.MainActivity E/AndroidRuntime﹕ FATAL EXCEPTION: main
java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.example.MainActivity/com.example.MainActivity.MyActivity}: java.lang.NullPointerException
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2151)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2286)
        at android.app.ActivityThread.access$600(ActivityThread.java:144)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1259)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:137)
        at android.app.ActivityThread.main(ActivityThread.java:5188)
        at java.lang.reflect.Method.invokeNative(Native Method)
        at java.lang.reflect.Method.invoke(Method.java:525)
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:745)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:561)
        at dalvik.system.NativeStart.main(Native Method)
 Caused by: java.lang.NullPointerException
        at android.app.Activity.initActionBar(Activity.java:1896)
        at android.app.Activity.getActionBar(Activity.java:1879)
        at com.example.MainActivity.MyActivity.<init>(MyActivity.java:66)
        at java.lang.Class.newInstanceImpl(Native Method)
        at java.lang.Class.newInstance(Class.java:1130)
        at android.app.Instrumentation.newActivity(Instrumentation.java:1064)
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2142)
            at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2286)
            at android.app.ActivityThread.access$600(ActivityThread.java:144)
            at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1259)
            at android.os.Handler.dispatchMessage(Handler.java:99)
            at android.os.Looper.loop(Looper.java:137)
            at android.app.ActivityThread.main(ActivityThread.java:5188)
            at java.lang.reflect.Method.invokeNative(Native Method)
            at java.lang.reflect.Method.invoke(Method.java:525)
            at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:745)
            at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:561)
            at dalvik.system.NativeStart.main(Native Method)

Answer 1

将所需图像添加到drawable文件夹，然后像这样访问它：

actionBar.setStackedBackgroundDrawable(getResources()
                                       .getDrawable(R.drawable.your_background_image));

Answer 2

使用tabA.setIcon(R.drawable.your_image_name)

设置标签图标而不是文字

对于自定义标签视图：

tab_one.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/tab_one_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/your_image/icon_name" />

    <TextView
        android:id="@+id/tab_one_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="your_text_here" />

</LinearLayout>

在代码中创建方法，如下所示：

public void createTab(int view) {
    ActionBar.Tab tab = getSupportActionBar().newTab();
    tab.setTabListener(this);
    tab.setCustomView(view);
    getSupportActionBar().addTab(tab);
}

然后在onCreate中调用你的方法，对于每个标签：

createTab(R.layout.tab_one);

经过测试的代码：

所以我只测试了这段代码，它对我有用！

我在顶部有这个：

ActionBar mActionBar;
Tab tab;

在onCreate中，我有这个：

tab = mActionBar.newTab();
tab.setCustomView(R.layout.tab_one); 
tab.setTabListener(tabListener);
mActionBar.addTab(tab);

这就是我的tab_one.xml的样子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/tab_one_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_tab_icon" />

    <TextView
        android:id="@+id/tab_one_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Tab Text" />

</LinearLayout>

选项卡的背景图像

2 个答案: