【问题标题】:Add items to android toolbar将项目添加到 android 工具栏
【发布时间】:2016-09-05 05:00:33
【问题描述】:

在我的 activity_main.xml 我有这个工具栏:

<android.support.v7.widget.Toolbar
        android:id="@+id/my_toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#770000ff"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">



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

在 Manifest 中有 &lt;application&gt;

android:theme="@style/Theme.AppCompat.Light.NoActionBar"

res/values/style.xml 我有 <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

MainActivity.java 文件是:

import ... ;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Toolbar myToolbar = (Toolbar) findViewById(R.id.my_toolbar);
        setSupportActionBar(myToolbar);

    }
}

现在,工具栏只有应用程序名称,没有其他内容。 如何添加带有 http://i.stack.imgur.com/y29jV.png 等图标的项目?

【问题讨论】:

  • 将菜单添加到活动时,右侧的图标会出现。当您向活动添加导航抽屉时,右侧的图标会出现(图标在导航抽屉代码中设置)。
  • stackoverflow.com/questions/31489109/… 可能会对您有所帮助。
  • @AkhilSoman 表示添加导航抽屉时左侧的图标会出现。 ;) :)
  • 左边的图标不是静态图标。它是使用 DrawerArrowDrawableToggle 类动态呈现的。但是如果你想添加一个静态图标,那么这个link 可能会有所帮助。

标签: android toolbar


【解决方案1】:

首先是一个 Menu xml 文件并将它放在 res/menu 文件夹中

<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=".MainActivity">
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never" />
    <item
        android:id="@+id/action_search"
        android:orderInCategory="200"
        android:title="Search"
        android:icon="@drawable/ic_search"
        app:showAsAction="ifRoom"
        ></item>
    <item
        android:id="@+id/action_user"
        android:orderInCategory="300"
        android:title="User"
        android:icon="@drawable/ic_user"
        app:showAsAction="ifRoom"></item>

</menu>

在活动文件中添加这些方法

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.menu_main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_settings) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

【讨论】:

  • 我应该把 menu.xml 文件放在哪里?
【解决方案2】:

或者您可以像这样在 xml 文件中添加所需的项目:

<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="@dimen/toolbar_height"
android:background="@color/blue"
android:orientation="vertical">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/toolbar_margin"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/imageview_back"
        style="@style/toolbar_imageview_back"/>

    <TextView
        android:id="@+id/textview"
        style="@style/toolbar_title"/>

    <ImageView
        android:id="@+id/imageview_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:src="@drawable/ic_inbox_edit"/>
</RelativeLayout>
</android.support.v7.widget.Toolbar>

【讨论】:

    【解决方案3】:

    左边的图标是用来导航的,可以自定义

    toolbar.setNavigationIcon(R.drawable.icon_to_be_used);
    

    右侧的图标是通过在 /res/menu/ 中创建XML menu然后在活动中使用以下方法对其进行膨胀来创建的:

    <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=".MainActivity">
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never" />
    <item
        android:id="@+id/action_search"
        android:orderInCategory="200"
        android:title="Search"
        android:icon="@drawable/ic_search"
        app:showAsAction="ifRoom"
        ></item>
    <item
        android:id="@+id/action_user"
        android:orderInCategory="300"
        android:title="User"
        android:icon="@drawable/ic_user"
        app:showAsAction="ifRoom"></item>
    
    </menu>
    

    在你的活动中:

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

    【讨论】:

      【解决方案4】:

      首先,您需要像这样将项目添加到菜单中:

      <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"
      xmlns:appcompat="http://schemas.android.com/apk/res-auto">
      
      <item
          android:id="@+id/action_search"
          android:icon="@drawable/ic_search_white_24dp"
          android:orderInCategory="100"
          android:title="@string/search"
          appcompat:showAsAction="always" />
      
      <item
          android:id="@+id/action_settings"
          android:orderInCategory="2"
          android:title="@string/action_settings"
          app:showAsAction="never" />
      <item
          android:id="@+id/action_profile"
          android:orderInCategory="1"
          android:title="@string/action_profile"
          app:showAsAction="never"
         />
      
      
       </menu>
      

      然后在你的活动中添加:

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

      就是这样。

      【讨论】:

      【解决方案5】:

      app>src>main>res>menu.menu.main 文件中存在菜单资源文件。在那里你需要添加你想要显示的项目,比如

      <item
          android:id="@+id/action_settings"
          android:orderInCategory="100"
          android:title="@string/action_settings"
          app:showAsAction="never" />
      
      <item
          android:id="@+id/any_Id"
          android:orderInCategory="2"
          android:title="ANY_TITLE"
          app:showAsAction="ifRoom" />
      

      然后在你的活动代码中,使用这两种方法

        public boolean onCreateOptionsMenu(Menu menu)
      {
          getMenuInflater().inflate(R.menu.menu_main,menu);
          return super.onCreateOptionsMenu(menu);
      }
      
      
      public boolean onOptionsItemSelected(MenuItem item)
      {
          switch (item.getItemId())
          {
              case R.id.any_Id: //Your task
                  return true;
      
              default:return super.onOptionsItemSelected(item);
          }
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-10-15
        • 1970-01-01
        • 1970-01-01
        • 2022-01-21
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多