0

我想创建两个具有不同样式的选项卡。我必须做什么才能得到这样的结果,比如例子?

例子:

在此处输入图像描述

而我现在拥有的:

在此处输入图像描述

标签活动

public class TabsActivity extends SherlockFragmentActivity {

    private TabsAdapter mTabsAdapter;
    private ActionBar mActionBar;
    private TabHost tabHost;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.l_maintab);

        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.ICE_CREAM_SANDWICH) {
            BitmapDrawable bg = (BitmapDrawable)
            getResources().getDrawable(R.drawable.bg_striped);         
            getSupportActionBar().setBackgroundDrawable(bg);

            BitmapDrawable bgSplit = (BitmapDrawable) 
            getResources().getDrawable(R.drawable.bg_striped_split_img);
            bgSplit.setTileModeXY(Shader.TileMode.REPEAT, Shader.TileMode.REPEAT);
            getSupportActionBar().setSplitBackgroundDrawable(bgSplit);
        }

        final ActionBar bar = getSupportActionBar();
        bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        bar.setDisplayOptions(0, ActionBar.DISPLAY_USE_LOGO);
        bar.setDisplayShowTitleEnabled(true);
        bar.setDisplayShowHomeEnabled(true);

        mTabsAdapter = new TabsAdapter(this, (ViewPager) findViewById(R.id.pager));

        ActionBar.Tab events_tab = bar.newTab().setText("Events");
        ActionBar.Tab volo_tab = bar.newTab().setText("Volunteers");

        mTabsAdapter.addTab(events_tab, EventFragment.class, null);
        mTabsAdapter.addTab(volo_tab, UserFragment.class, null);

        bar.selectTab(bar.getTabAt(tabnum));
    }

l_maintab.xml

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

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       />

</LinearLayout>
4

1 回答 1

0

这由您分配给选项卡的背景控制(通常通过样式和主题)。为选项卡创建样式:

<style name="MyTabStyle" parent="Widget.Sherlock.ActionBar.TabView">
    <item name="android:background">@drawable/my_tab_indicator</item>
</style>

我扩展了 ActionBarSherlock 样式,以便唯一相关的覆盖是背景属性。在您的主题定义中,将这些添加到您的主题中:

<item name="actionBarTabStyle">@style/MyTabStyle</item>
<item name="android:actionBarTabStyle">@style/MyTabStyle</item>

然后,您需要做的就是为每个状态制作一个可绘制资源,并为您的背景包含一个状态列表可绘制资源。

编辑:如果您有两种不同的标签样式:

<style name="MyTabStyle" parent="Widget.Sherlock.ActionBar.TabView">
    <item name="android:background">@drawable/my_tab_indicator</item>
</style>

<style name="MyOtherTabStyle" parent="Widget.Sherlock.ActionBar.TabView">
    <item name="android:background">@drawable/my_other_tab_indicator</item>
</style>

制作您的应用主题,然后制作第二个扩展它:

<style name="MyAppTheme" parent="Theme.Sherlock...">
    <!-- other theme attributes -->
    <item name="actionBarTabStyle">@style/MyTabStyle</item>
    <item name="android:actionBarTabStyle">@style/MyTabStyle</item>
</style>

<style name="MyAppTheme.Alternate">
    <!-- Override just the tab style -->
    <item name="actionBarTabStyle">@style/MyOtherTabStyle</item>
    <item name="android:actionBarTabStyle">@style/MyOtherTabStyle</item>
</style>

在您的清单中,android:theme="@style/MyAppTheme"<application>元素中设置。对于需要第二个选项卡样式的活动,请android:theme="@style/MyAppTheme.Alternate"<activity>元素中使用。

于 2013-03-27T16:00:33.807 回答