造型Sherlock Action Bar下拉物品

时间:2012-07-09 14:11:43

标签: android drop-down-menu styles actionbarsherlock

我已经尝试了一段时间来设置我添加到操作栏的下拉列表中的项目样式,但我无法提供正确的代码。

我尝试查看abs__styles.xml项目中的abs__themes.xmlSherlockActionBar,但我添加到项目中的所有项目均无效。

我正在创建菜单的方式如下:

@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Sharing icons
        SubMenu submenu = menu.addSubMenu(null);
        submenu.add(getResources().getString(R.string.twitter));
        submenu.add(getResources().getString(R.string.facebook));
        submenu.add(getResources().getString(R.string.email));

        // Share button itself
        MenuItem ShareButton = submenu.getItem();
        ShareButton.setIcon(R.drawable.icon_share_triangle);
        ShareButton.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);

        // Twitter submenu button
        MenuItem TwitterItem = submenu.getItem(0);
        TwitterItem.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);
        TwitterItem.setOnMenuItemClickListener(new OnMenuItemClickListener() {
            public boolean onMenuItemClick(MenuItem item) {
                setShareTwitterIntent();
                return true;
            }
        });
...
}

我还尝试使用以下代码查看此post,但仍然没有运气:

<!-- style the list navigation -->
<style name="MyDropDownNav" parent="android:style/Widget.Holo.Light.Spinner.DropDown.ActionBar">
    <item name="android:background">@drawable/ad_spinner_background_holo_light</item>
    <item name="android:popupBackground">@drawable/ad_menu_dropdown_panel_holo_light</item>
    <item name="android:dropDownSelector">@drawable/ad_selectable_background</item>
</style>

我只需要更改下拉列表中项目的背景颜色。

非常感谢你的帮助!

编辑:

我也试过这个,但它仍然不起作用:

<item name="android:actionDropDownStyle">@style/MyApp.DropDownNav</item>
<item name="actionDropDownStyle">@style/MyApp.DropDownNav</item>
...
<style name="MyApp.DropDownNav" parent="Widget.Sherlock.Light.Spinner.DropDown.ActionBar">
        <item name="android:background">@drawable/sharing_panel</item>
</style>

5 个答案:

答案 0 :(得分:27)

我遇到了同样的问题,经过大量的头部刮伤 - 有点像狗一样抓着跳蚤的坏情况 - 我让它上班了。这是ABS 4.1(90)。以下代码将更改下拉项的背景颜色。

SomeActivity.java

Context context = ab.getThemedContext();
ArrayAdapter<CharSequence> list = ArrayAdapter.createFromResource(
    context, R.array.map_activity_view_list,
    R.layout.sherlock_spinner_item);
list.setDropDownViewResource(R.layout.sherlock_spinner_dropdown_item);

注意:您使用R.layout.sherlock_spinner_item作为setFropResource,使用R.layout.sherlock_spinner_dropdown_item作为setDropDownViewResource。 这是ABS源中的样本中出现的内容: https://github.com/JakeWharton/ActionBarSherlock/blob/master/samples/demos/src/com/actionbarsherlock/sample/demos/ListNavigation.java

这是因为当sherlock_spinner_item布局和实际下拉项目使用sherlock_spinner_dropdown_item布局时,操作栏中未选中的下拉列表意味着每个样式的样式不同:

  • sherlock_spinner_item
    • 机器人:spinnerItemStyle
    • spinnerItemStyle
  • sherlock_spinner_dropdown_item
    • 机器人:spinnerDropDownItemStyle
    • spinnerDropDownItemStyle

请记住两种样式都需要 - android:用于原生ICS ActionBar的前缀样式和没有android:前缀的样式用于早于ICS的设备上的AcrionBarSherlock样式。

RES /值/ styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="Theme.MyApp" parent="Theme.Sherlock.Light">
        <!--  the text when loading -->
        <!--
        <item name="actionBarStyle">@style/Widget.MyApp.ActionBar</item>
        <item name="android:actionBarStyle">@style/Widget.MyApp.ActionBar</item>
        -->

        <!-- the dropdown items -->
        <item name="android:spinnerDropDownItemStyle">@style/MyApp.Widget.Holo.DropDownItem</item>
        <item name="spinnerDropDownItemStyle">@style/MyApp.Widget.Holo.DropDownItem</item>

        <!--  the action bar dropdown menu item -->
        <!-- 
        <item name="android:spinnerItemStyle">@style/MyApp.Widget.Holo.SpinnerItem</item>
        <item name="spinnerItemStyle">@style/MyApp.Widget.Holo.SpinnerItem</item>
        -->
    </style>

    <style name="Widget.MyApp.ActionBar" parent="Widget.Sherlock.Light.ActionBar">
        <item name="titleTextStyle">@style/Widget.MyApp.TitleTextStyle</item>
        <item name="android:titleTextStyle">@style/Widget.MyApp.TitleTextStyle</item>
    </style>

   <style name="Widget.MyApp.TitleTextStyle" parent="TextAppearance.Sherlock.Widget.ActionBar.Title">
    <item name="android:textColor">@color/orange</item>
    </style>

   <style name="MyApp.Widget.Holo.DropDownItem" parent="Widget.Sherlock.Light.DropDownItem.Spinner">
       <item name="android:background">@color/orange</item>
    </style>

   <style name="MyApp.Widget.Holo.SpinnerItem" parent="Widget.Sherlock.TextView.SpinnerItem">
       <item name="android:background">@color/orange</item>
    </style>

</resources>

RES /值/ color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

 <color name="orange">#ffEf4f1f</color>

</resources>

如果能为您解决,请标记为答案。谢谢!

链接:

浏览样式:

https://github.com/JakeWharton/ActionBarSherlock/blob/master/actionbarsherlock/res/values/abs__styles.xml

浏览主题:

https://github.com/JakeWharton/ActionBarSherlock/blob/master/actionbarsherlock/res/values/abs__themes.xml

答案 1 :(得分:4)

要更改Sherlock Action Bar(v4.1.0)中菜单项的背景drawable,请使用以下命令:

<style name="My_Theme" parent="Theme.Sherlock">
  <item name="android:popupMenuStyle">@style/MyApp.PopupMenuStyle</item>
  <item name="popupMenuStyle">@style/MyApp.PopupMenuStyle</item>
</style>

<style name="MyApp.PopupMenuStyle" parent="Widget.Sherlock.ListPopupWindow">
  <item name="android:popupBackground">@drawable/menu_item_background</item>
</style>

希望这会有所帮助。

答案 2 :(得分:3)

我用过这个,它的工作对我来说

<style name="MyDropDownItem" parent="Widget.Sherlock.Spinner.DropDown.ActionBar">
    <item name="android:background">@drawable/spinner_background_holo_light</item>
    <item name="android:popupBackground">@color/actionbar_normal</item>
    <item name="android:dropDownSelector">@drawable/list_selector_holo_light</item>
</style>

<style name="myTheme" parent="@style/Theme.Sherlock">
    ...
    ...
    ...
    <item name="android:actionDropDownStyle">@style/MyDropDownItem</item>
    <item name="actionDropDownStyle">@style/MyDropDownItem</item>
</style>

其中,

“spinner_background_holo_light”和“list_selector_holo_light”是选择器

“actionbar_normal”drawable(图片或颜色)

答案 3 :(得分:2)

我不确定这个问题是否以令人满意的方式得到了解答,但是我遇到了这个问题并没有找到我喜欢的答案。看起来我有一个非常标准的ActionBarSherLock配置,使用下拉导航给我带来了一些糟糕的结果。在黑背景的黑文本。我想把文字变成白色。以下是我完成它的方法:

对于初学者,我的应用程序的基本主题扩展了Theme.Sherlock:

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

我的实际应用主题AppTheme扩展了我的基础(我不记得为什么我当时这样做了,很可能没必要)。

<style name="AppTheme" parent="AppBaseTheme">
    <item name="spinnerItemStyle">@style/SpinnerItemStyle</item>
    <item name="android:spinnerItemStyle">@style/SpinnerItemStyle</item>
</style>

我需要覆盖Widget.Sherlock.TextView.SpinnerItem,如下所示:

<style name="SpinnerItemStyle" parent="Widget.Sherlock.TextView.SpinnerItem">
<item name="android:textAppearance">@style/TextAppearance.MySpinnerItem</item>
</style>

执行此操作的原因是访问TextApperance小部件:TextAppearance.Sherlock.Widget.TextView.SpinnerItem

这被覆盖如下:

<style name="TextAppearance.MySpinnerItem"    parent="TextAppearance.Sherlock.Widget.TextView.SpinnerItem">
  <item name="android:textColor">#FFFFFF</item>
  <item name="android:textSize">16sp</item>
  <item name="android:textStyle">normal</item>
</style>

我试图解决这个问题的最大错误就是尝试直接在重写的SpinnerItemStyle中设置textColor。由于它使用了textAppearance小部件,因此它无法正常工作。

然后我的代码就是这样的(在我的activity的onCreate方法中):

SpinnerAdapter spinnerAdapter = ArrayAdapter.createFromResource(this,
            R.array.call_type, R.layout.sherlock_spinner_item);

OnNavigationListener onNavigationListener = new OnNavigationListener() {
        // Get the same strings provided for the drop-down's ArrayAdapter
        String[] strings = getResources().getStringArray(R.array.call_type);

        @Override
        public boolean onNavigationItemSelected(int position, long itemId) {
            String filter = strings[position];
            filterCalls(filter);
            return true;
        }
    };

ActionBar actionBar = getSupportActionBar();
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
    actionBar.setListNavigationCallbacks(spinnerAdapter,
            onNavigationListener);

这允许我使用ActionBarSherlock在微调器下拉列表中更改文本的颜色。

答案 4 :(得分:0)

ActionBarSherlock要求您使用其3个主题中的一个。您可以扩展它们,并覆盖下拉样式,如下所示:

<style name="MySherlockLightTheme" parent="Theme.Sherlock.Light">
   <item name="actionDropDownStyle">@style/MyDropDownNav</item>
</style>

这假设您想要全息灯主题,而您的下拉样式是MyDropDownDav。

然后在您的代码中,您只需切换到使用您的主题(在清单中,或在Activity的onCreate中执行)。