如何将按钮图像放入操作栏

时间:2016-09-11 08:41:54

标签: android button menu android-actionbar

带有给定图像的按钮应出现在操作栏中。下图说明了我需要的内容:enter image description here

为了隔离问题,我使用了Android Studio中的模板,该模板有一个操作栏,并在指向我的可绘制资源文件夹中的png文件的菜单列表中添加了一个项目。

这里的代码:

MainActivity:

package com.pm.pmactionbaricon;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

 }

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
  }
}

菜单定义:

    <menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.pm.pmactionbaricon.MainActivity">
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never" />

    <item
        android:id="@+id/distance_button"
        android:icon="@drawable/distance_waiting"
        android:title="@string/Distance"
        android:orderInCategory="100"
        android:showAsAction="ifRoom"/>
</menu>

主要布局文件:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.pm.pmactionbaricon.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

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

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />


</android.support.design.widget.CoordinatorLayout>

清单文件:

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

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

即使有足够的空间,我从中获得的是没有图标的操作栏: enter image description here

相关菜单项改为出现在溢出菜单中: enter image description here

也许我对此有一个根本的误解。任何解释都会受到欢迎。是不是可以在Android中完成这个微不足道的任务?我必须使用哪种方法才能使自定义图像可视为按钮并控制操作栏中的外观和大小?

1 个答案:

答案 0 :(得分:1)

制作custom_toolbar.xml并将其包含在布局中。()

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:layout_collapseMode="pin"
    android:id="@+id/toolbar"
    android:layout_height="?attr/actionBarSize"
    android:padding="0dp"
    android:layout_width="match_parent"
    android:background="@android:color/transparent"
    >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="left">


     //define your own layout here ,whatever you want to include

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