官方为了将toolbar这一控件向下兼容，推出了兼容版的toolbar，所以首先的引入Android.Support.V7.AppCompat。我们先来看看最终完成的整体的效果图

  <style name="AppTheme" parent="AppTheme.Base">

  </style>

  <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">

  </style>

我们没有看到这些设置的属性很正常，我们使用android:*** 找不到的属性，应该使用Toolbar这个控件自带的属性。所以我在根布局加了

xmlns:app="http://schemas.android.com/apk/rs-auto" 使用app:***来设置属性如下

  <android.support.v7.widget.Toolbar

    android:id="@+id/toolbar"

    android:layout_width="match_parent"

    android:layout_height="60dp"

    android:background="@color/color_primary"

    android:navigationIcon="@drawable/icon2"

    android:logo="@drawable/icon"

    android:subtitle="子标题"

    android:title="标题"

    android:titleTextColor="@color/color_white">

现在我们能看到已经设置白色的标题文本，navigationIcon、logo、子标题。但是尴尬的是子标题的颜色subTitleTextColor属性报错，虽然可以通过代码SetSubtitleTextColor方法设置,但是这个子标题文本颜色这个subTitleTextColor属性不能通过编译有点难以理解。后来才发现subTitleTextColor属性Title要小写，jbwy，也就是这样app:subtitleTextColor

添加ActionMenu 菜单项

toolbar可以添加菜单项，在Resources文件下建一个menu文件夹专门放菜单。先来看一下actionMenu.xml 菜单项文件,然后在代码实现方法。

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

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

  xmlns:app="http://schemas.android.com/apk/res-auto">

  <item android:id="@id/menu_edit"

     android:icon="@drawable/edit"

     android:title="编辑"

     app:showAsAction="ifRoom"/>

  <item android:id="@id/menu_search"

     android:icon="@drawable/search"

     android:title="搜索"

     app:showAsAction="ifRoom"/>

  <item android:id="@id/menu_add"

     android:icon="@drawable/add"

     android:title="添加"

     app:showAsAction="ifRoom"/>

</menu>

MainActivity代码如下：

using Android.App;

using Android.Views;

using Android.Widget;

using Android.OS;

using Android.Support.V7.App;

namespace ToolbarDemo

{

    [Activity(Label = "ToolbarDemo", MainLauncher = true, Icon = "@drawable/icon",Theme ="@style/AppTheme")]

    public class MainActivity : AppCompatActivity

    {

        protected override void OnCreate(Bundle bundle)

        {

            base.OnCreate(bundle);

            SetContentView(Resource.Layout.Main);

            Android.Support.V7.Widget.Toolbar toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);

            toolbar.InflateMenu(Resource.Menu.actionMenu); //填充actionMenu菜单项

            toolbar.MenuItemClick += (s, e) => //菜单项单击事件

            {

                switch (e.Item.ItemId)

                {

                    case Resource.Id.menu_add:

                        Toast.MakeText(this, "添加菜单项", ToastLength.Short).Show();

                        break;

                    case Resource.Id.menu_edit:

                        Toast.MakeText(this, "编辑菜单项", ToastLength.Short).Show();

                        break;

                    case Resource.Id.menu_search:

                        Toast.MakeText(this, "搜索菜单项", ToastLength.Short).Show();

                        break;

                }

            };

        }

        public override bool OnCreateOptionsMenu(IMenu menu)

        {

            return base.OnCreateOptionsMenu(menu);

        }

    }

}

关于showAsAction 展现在Action条目中的几个属性值有这几个：

1. always：使菜单项一直显示在ToolBar上。
2. ifRoom：如果有足够的空间，这个值会使菜单项显示在ToolBar上。
3. never：使菜单项永远都不出现在ToolBar上,在…的子项中显示。
4. withText：使菜单项和它的图标，菜单文本一起显示。

  <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">

    <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>

    <item name="actionOverflowButtonStyle">@style/ActionButton.Overflow.Custom</item>

    <item name="android:textColorPrimary">@color/color_white</item>

    <item name="android:textSize">15sp</item>

  </style>

看了android的做法这个溢出菜单下移OverflowMenuStyle样式可以写在Toolbar 的属性app:popupTheme但是没有效果，如果知道怎么解决，欢迎评论指出。

根据图上所看到的，显示toolbar上的菜单项是图标，但是显示popupMenu上的只有文字没有图标，我们想要修改一下让图标和文字同时显示在popupMenu上该怎么做呢。使用withText也并有作用，这时要使用app:actionLayout属性了。在menu文件夹的菜单布局下加上app:actionLayout属性

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

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

  xmlns:app="http://schemas.android.com/apk/res-auto">

  <item android:id="@+id/menu_edit"

     android:icon="@drawable/edit"

     android:title="编辑"

     app:actionLayout="@layout/menu_action_edit"

     app:showAsAction="withText"/>

  <item android:id="@+id/menu_search"

     android:icon="@drawable/search"

     android:title="搜索"

     app:showAsAction="always|withText"/>

  <item android:id="@+id/menu_add"

     android:icon="@drawable/add_small"

     android:title="添加"

     app:showAsAction="always|withText"

     app:actionLayout="@layout/menu_action_add"

        />

</menu>

actionLayout指向的是一个布局文件，至于menu_action_add.axml。就是一个图标加文本使用drawableLeft属性。

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

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

          android:layout_width="wrap_content"

          android:layout_height="wrap_content"

          android:paddingLeft="10dip"

          android:paddingRight="10dip"

          android:gravity="center"

          android:text="添加"

          android:drawableLeft="@drawable/add_white"

          android:textColor="@color/color_white"

          android:clickable="true" />

效果图如下，google 默认在overflow中的actionMenu都只显示文字，要同时显示图标和文字，还需要想办法改变这一默认行为。

overflow中的ActionMenu显不显示图标，是有MenuBuilder这个类的setOptionalIconsVisable方法决定的，在菜单展开的时候给这个方法传入true，那每个菜单项的图标和文字都会显示出来，尴尬的是要java的反射方法去做这件事，重写OnMenuOpend方法

        public override bool OnMenuOpened(int featureId, IMenu menu)

        {

            System.Diagnostics.Debug.WriteLine(featureId);

            if ( menu != null)

            {

                var javaObj = (Java.Lang.Object)menu;

                var javaClass = javaObj.Class;

                if (javaClass.SimpleName.EndsWith("MenuBuilder"))

                {

                    try {

                        Java.Lang.Reflect.Method m = javaClass.GetDeclaredMethod("setOptionalIconsVisible", new Java.Lang.Class[] { Java.Lang.Boolean.Type });

                        m.Accessible = true;

                        m.Invoke(javaObj,new Java.Lang.Object[] { true});

                    }

                    catch (Java.Lang.NoSuchFieldException e)

                    {

                        System.Console.WriteLine("onMenuOpened:{0}",e.ToString());

                    }

                }

            }

            return base.OnMenuOpened(featureId, menu);

        }

最终效果：

最后总结一句：纸上得来终觉浅，绝知此事要躬行。关于toolbar的更多属性还要仔细去琢磨。

代码下载地址http://download.csdn.net/detail/kebi007/9835823

作者：张林

标题:xamarin android toolbar(踩坑完全入门详解) 原文地址:http://blog.csdn.net/kebi007/article/details/71247295

转载随意注明出处

有兴趣的可以关注一下我的微信公众号[dotNet全栈开发]，分享一些编程相关的经典文章