Android 实现Google-Inbox ActionBar开关效果

版本：1.0

日期：2015/6/11

版权：© 2015 kince 转载注明出处

  

一、概述

        Google I/O 2015之后Google-Inbox不再需要邀请码了，体验了下，感觉还不错。尤其是ActionBar上的开关对我吸引很大，如下：

二、实现

      首先，它是在菜单上的控件，因此需要在menu文件夹下配置，bt_inbox_actions.xml

<?xml version="1.0" encoding="utf-8"?>
<menu
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@id/pin_toggle" android:title="@string/bt_action_pin_toggle" android:showAsAction="always" />
    <item android:icon="@drawable/bt_ic_search_white_24" android:id="@id/search" android:title="@string/bt_action_search" android:showAsAction="ifRoom" />
</menu>

      这是inbox的配置文件，可以看到并没有在xml文件中设置android:actionLayout属性，那么一定是在代码进行设置的。在资源文件中寻找其布局是bt_pin_toggle_blue.xml

<?xml version="1.0" encoding="utf-8"?>
<Switch android:thumb="@drawable/bt_pin_toggle_thumb_blue" android:contentDescription="@string/bt_cd_pinned" style="@style/bt_PinToggle"
  xmlns:android="http://schemas.android.com/apk/res/android" />

  可以看到inbox使用的是Switch开关，并且自己定义了背景和开关按钮。

      接着贴出其他资源文件，

bt_pin_toggle_background.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/bt_bg_pintoggle_inactive" />
    <item android:state_checked="true" android:drawable="@drawable/bt_bg_pintoggle_active" />
    <item android:drawable="@drawable/bt_bg_pintoggle_inactive" />
</selector>

bt_pin_toggle_thumb_blue.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/bt_ic_pintoggle_inactive" />
    <item android:state_checked="true" android:drawable="@drawable/bt_ic_pintoggle_active" />
    <item android:drawable="@drawable/bt_ic_pintoggle_inactive" />
</selector>

bt_PinToggle.style

    <style name="bt_PinToggle">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:textOn"></item>
        <item name="android:textOff"></item>
        <item name="android:track">@drawable/bt_pin_toggle_background</item>
        <item name="android:switchMinWidth">@dimen/bt_pin_toggle_min_width</item>
    </style>

  图片资源

  

   Activity中对应代码如下：

            @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);

            mActionBarItem  = menu.getItem(0);

            mActionBarItem  .setActionView(R.layout.  bt_pin_toggle_blue );

            return   true  ;

  }

    完整实现效果如下：