操作栏在 ICS 前设备上溢出

Question

我正在开发一个需要与Android 2.2兼容的应用程序，它使用ActionBarSherlock在pre-ICS设备上自定义ActionBar。

我仅在 2.2 和 2.3 设备上遇到问题，即使内容适合设备屏幕，也会使 ActionBar 的内容溢出。像这样：

我已经测试了（在模拟器上）运行Android 4.0的设备屏幕尺寸（320x480上的mdpi），并且工作正常，所以我相信这个问题与ActionBarSherlock有关。

我也尝试大幅减少我的图标文件，但即使图像较小，内容仍然溢出。

这是我的样式.xml文件：

<style name="AppBaseTheme" parent="Theme.Sherlock.Light.DarkActionBar">
</style>

<style name="AppTheme" parent="AppBaseTheme">
    <item name="actionBarStyle">@style/AppBaseTheme.ActionBarStyle</item>
    <item name="actionBarTabStyle">@style/AppBaseTheme.ActionBarTabStyle</item>
    <item name="actionBarTabBarStyle">@style/AppBaseTheme.ActionBarTabBarStyle</item>
</style>

<style name="AppBaseTheme.ActionBarStyle" parent="Widget.Sherlock.Light.ActionBar.Solid.Inverse">
    <item name="background">@drawable/action_bar_background</item>
    <item name="android:background">@drawable/action_bar_background</item>
</style>

<style name="AppBaseTheme.ActionBarTabStyle" parent="Widget.Sherlock.Light.ActionBar.TabView.Inverse">
    <item name="background">@android:color/transparent</item>
    <item name="android:background">@android:color/transparent</item>

    <item name="android:paddingLeft">0dip</item>
    <item name="android:paddingRight">0dip</item>
</style>

<style name="AppBaseTheme.ActionBarTabBarStyle" parent="Widget.Sherlock.Light.ActionBar.TabBar.Inverse">
    <item name="background">@drawable/action_bar_tab_divider</item>
    <item name="android:background">@drawable/action_bar_tab_divider</item>

    <item name="divider">@drawable/sp</item>
    <item name="android:divider">@drawable/sp</item>
</style>

文件 @drawable/action_bar_background 的宽度为 320px，@drawable/action_bar_tab_divider 和 @drawable/sp 的宽度均为 1px。

这是在我的主要活动上创建选项卡的代码：

ActionBar actionBar = super.getSupportActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

this.createTab(actionBar, R.drawable.action_bar_tab_home_off);
this.createTab(actionBar, R.drawable.action_bar_tab_news_off);
this.createTab(actionBar, R.drawable.action_bar_tab_videos_off);
this.createTab(actionBar, R.drawable.action_bar_tab_guide_off);


private void createTab(ActionBar actionBar, int resource) {
    Tab t = actionBar.newTab();

    t.setTabListener(this);
    t.setIcon(resource);

    actionBar.addTab(t);
}

有什么想法吗？

Answer 1

问题之一是操作视图“选项卡栏”会自动将图像缩放到预定大小，因此即使您将图标设置为超大或超小，它也应该填充操作栏中大致相同的空间。

TabBar/TabView也被设计为溢出，你已经找到了^.^它适用于一次打开10到20个不同标签页的应用程序，用户可以滚动浏览它们的列表。不仅如此，选项卡视图很难使用固定的、非滚动的图标列表，这仅仅是因为 Android 设备有各种形状和大小。

两个选项可能适合您正在寻找的内容。使用布局内的图标创建您自己的相对布局或线性布局。这样，您每次都可以选择操作栏的大小=）您可以将栏停靠在任何活动的顶部或底部。

如果这不是一个选项，您可以将图标添加到顶部的动作栏菜单本身，而不进行滚动。但是，您的图标可能不适合主操作栏，这会导致任何溢出的图标被放置在溢出菜单下拉菜单中。=(

若要删除选项卡之间的分隔符间距，请将以下代码另存为可绘制文件夹中的新 xml 文件，例如分隔符可绘制.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line" >
    <size
        android:width="0px"
        android:color="@android:color/black"
        android:dashWidth="0px"
        android:dashGap="0px" />
</shape>

，然后将该可绘制对象用于制表符分隔符。

<item name="divider">@drawable/dividerdrawable</item>