如何在ActionBar中显示动作的图标和标题?

时间:2012-08-17 06:04:15

标签: android android-layout android-actionbar actionbarsherlock android-ui

我需要在icon内显示titleActionBar的操作。

我尝试了“withText”选项,但它没有效果。

enter image description here

10 个答案:

答案 0 :(得分:110)

如果有足够的空间,

' always | withText '将会起作用,否则它只会放置图标。您可以通过旋转在手机上进行测试。

<item android:id="@id/menu_item"
android:title="text"
android:icon="@drawable/drawable_resource_name"
android:showAsAction="always|withText" />

答案 1 :(得分:22)

您可以通过两种方式创建包含文本的操作:

1-来自XML:

<item android:id="@id/resource_name"
      android:title="text"
      android:icon="@drawable/drawable_resource_name"
      android:showAsAction="withText" />

在对菜单进行充气时,您应该拨打getSupportMenuInflater(),因为您使用的是ActionBarSherlock

2-编程:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuItem item = menu.add(Menu.NONE, ID, POSITION, TEXT);
    item.setIcon(R.drawable.drawable_resource_name);
    item.setShowAsAction(MenuItem.SHOW_AS_ACTION_WITH_TEXT);

    return true;
}

确保导入com.actionbarsherlock.view.Menucom.actionbarsherlock.view.MenuItem

答案 2 :(得分:17)

对我有用的是使用' always | withText '。如果你有很多菜单,可以考虑使用'ifRoom'而不是'always'。

<item android:id="@id/resource_name"
android:title="text"
android:icon="@drawable/drawable_resource_name"
android:showAsAction="always|withText" />

答案 3 :(得分:13)

我找到的解决方案是使用自定义操作布局: 这是菜单的XML。

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:Eventapp="http://schemas.android.com/apk/res-auto">
<!-- This is a comment. -->
    <item
        android:id="@+id/action_create"
        android:actionLayout="@layout/action_view_details_layout"
        android:orderInCategory="50"
        android:showAsAction = "always"/>
</menu>

布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

<TextView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="5dp"
    android:gravity="center"
    android:text="@string/create"/>

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="5dp"
    android:paddingRight="5dp"
    android:gravity="center"
    android:src="@drawable/ic_action_v"/>

</LinearLayout>

这将一起显示图标和文字。

获取clickitem片段或活动:

public void onCreateOptionsMenu(Menu menu, MenuInflater inflater)
{
    //super.onCreateOptionsMenu(menu, inflater);
    inflater.inflate(R.menu.menu_details_fragment, menu);
    View view = menu.findItem(R.id.action_create).getActionView();
    view.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(getActivity(), "Clicked", Toast.LENGTH_SHORT).show();
        }
    });
}

答案 4 :(得分:1)

如果2017年的任何一个想知道如何以编程方式执行此操作,有一种方法我不会在答案中看到

.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);

答案 5 :(得分:1)

您可以在工具栏中添加按钮

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:title="title">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:layout_marginRight="16dp"
            android:background="@color/transparent"
            android:drawableRight="@drawable/ic_your_icon"
            android:drawableTint="@drawable/btn_selector"
            android:text="@string/sort_by_credit"
            android:textColor="@drawable/btn_selector"
            />

    </android.support.v7.widget.Toolbar>

在drawable中创建文件 btn_selector.xml

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

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item
    android:state_selected="true"
    android:color="@color/white"
    />
<item
    android:color="@color/white_30_opacity"
    />

java:

private boolean isSelect = false;

OnClickListener for button:

private void myClick() {
    if (!isSelect) {
       //**your code**//
        isSelect = true;
    } else {//**your code**//
        isSelect = false;
    }
    sort.setSelected(isSelect);
}

答案 6 :(得分:0)

你们中的一些人有很好的答案,但我发现了一些额外的东西。如果您想以编程方式创建一个带有一些SubMenu的MenuItem:

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        SubMenu subMenu = menu.addSubMenu(0, Menu.NONE, 0, "Menu title");
        subMenu.getItem().setIcon(R.drawable.ic_action_child);
        subMenu.getItem().setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);

        subMenu.add(0, Menu.NONE, 0, "Subitem 1");
        subMenu.add(0, Menu.NONE, 1, "Subitem 2");
        subMenu.add(0, Menu.NONE, 2, "Subitem 3");

        return true;
    }

答案 7 :(得分:0)

首先尝试将TextView添加到菜单栏,然后​​使用MenuItem item = menu.add(Menu.NONE, R.id.menu_item_save, 10, R.string.save); item.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS|MenuItem.SHOW_AS_ACTION_WITH_TEXT); TextView textBtn = getTextButton(btn_title, btn_image); item.setActionView(textBtn); textBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // your selector here } }); 将图像放在您想要的任何一侧。 Bond最终将活动点击活动到textview。

public TextView getTextButton (String btn_title, Drawable btn_image) {
    TextView textBtn = new TextView(this);
    textBtn.setText(btn_title);
    textBtn.setTextColor(Color.WHITE);
    textBtn.setTextSize(18);
    textBtn.setTypeface(Typeface.create("sans-serif-light", Typeface.BOLD));
    textBtn.setGravity(Gravity.CENTER_VERTICAL | Gravity.CENTER_HORIZONTAL);
    Drawable img = btn_image;
    img.setBounds(0, 0, 30, 30);
    textBtn.setCompoundDrawables(null, null, img, null); 
    // left,top,right,bottom. In this case icon is right to the text

    return textBtn;
}

您可以在这里自定义所有内容:

{{1}}

答案 8 :(得分:-1)

使用app:showAsAction =&#34; always | withText&#34;。 我使用的是Android 4.1.1,但无论如何都应该适用。 我看起来像下面

<item
        android:id="@+id/action_sent_current_data"
        android:icon="@drawable/ic_upload_cloud"
        android:orderInCategory="100"
        android:title="@string/action_sent_current_data"
        app:showAsAction="always|withText"/>

答案 9 :(得分:-3)

请按照以下步骤操作:

  1. 在Java代码final ActionBar actionBar = getActionBar();
  2. 中添加操作栏实例
  3. 启用主屏幕选项 actionBar.setDisplayShowHomeEnabled(false);
  4. 在相应活动的清单文件中添加以下代码 android:logo=@drawable/logo and android:label="@string/actionbar_text"
  5. 我认为这会对你有帮助