如何编写一个够逼格的标题栏（磨砺营马剑威Android）

【威哥说】若是任何一款产品的推广，不仅是运营的主要工做，而是更加注重用户体验，及时网站内容不丰富，只要有一个功能显得小有逼格，就会给人彻底不同的感受。下面你们就一块儿看看，若是作一个有逼格的标题栏。
【正文】Toolbar这个控件是在 Android 5.0 推出的一个 Material Design 风格的导航控件 ，Google 推荐你们使用 Toolbar 来做为Android客户端的导航栏，以此来取代以前的 Actionbar 。与 Actionbar 相比，Toolbar 明显要灵活的多。它不像 Actionbar 同样，必定要固定在Activity的顶部，而是能够放到界面的任意位置。除此以外，在设计 Toolbar 的时候，Google也留给了开发者不少可定制修改的余地，这些可定制修改的属性在API文档中都有详细介绍，如：

设置导航栏图标；

设置App的logo；

支持设置标题和子标题；

支持添加一个或多个的自定义控件；

支持Action Menu；

下面咱们就开始使用ToolBar这个控件和以前的Fragment同样，因为是后期推出的，为了兼容性（5.0以前），使用 android.support.v7.widget.Toolbar 进行开发。

首先是布局：

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

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<android.support.v7.widget.Toolbar

    android:id="@+id/toolbar"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:background="#0176da"

    toolbar:popupTheme="@style/Theme.ToolBar.Base">

    <!--自定义控件-->

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="磨砺营教育" />

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

</LinearLayout>

在toolsbar里面放置任意布局，显示位置参照图片

另外这里要注意，若是要用到toolbar的属性，必须导入xmlns:toolbar="http://schemas.android.com/apk/res-auto"命名，不能是android开头，不然无效。

而后是代码的实现：

public class ToolBarActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

这里设置notitle主题

supportRequestWindowFeature(Window.FEATURE_NO_TITLE);

    setContentView(R.layout.activity_tool_bar);

这里获取toolbar后，对其进行一系列的设置，颜色，字体等等。

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

    toolbar.setNavigationIcon(R.mipmap.ic_home);//设置导航栏图标

    toolbar.setLogo(R.mipmap.ic_launcher);//设置app logo

    toolbar.setTitle("新浪");//设置主标题

    toolbar.setTitleTextColor(Color.GREEN);//设置主标题颜色

    toolbar.setTitleTextAppearance(this, R.style.Theme_ToolBar_Base_Title);//修改主标题的外观，包括文字颜色，文字大小等

    toolbar.setSubtitle("时事");//设置子标题

    toolbar.setSubtitleTextColor(getResources().getColor(android.R.color.darker_gray));//设置子标题颜色

    toolbar.setSubtitleTextAppearance(this, R.style.Theme_ToolBar_Base_Subtitle);//设置子标题的外观，包括文字颜色，文字大小等

这里是设置toolbar右侧的菜单按钮

toolbar.inflateMenu(R.menu.base_toolbar_menu);//设置右上角的填充菜单

    toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {

        @Override

        public boolean onMenuItemClick(MenuItem item) {

            int menuItemId = item.getItemId();

            if (menuItemId == R.id.action_search) {

                Toast.makeText(ToolBarActivity.this, “搜索”, Toast.LENGTH_SHORT).show();

            } else if (menuItemId == R.id.action_notification) {

                Toast.makeText(ToolBarActivity.this, “通知”, Toast.LENGTH_SHORT).show();

            } else if (menuItemId == R.id.action_item1) {

                Toast.makeText(ToolBarActivity.this, “选项1”, Toast.LENGTH_SHORT).show();

            } else if (menuItemId == R.id.action_item2) {

                Toast.makeText(ToolBarActivity.this, “选项2”, Toast.LENGTH_SHORT).show();

            }

注意这里要return true

return true;

        }

    });

}

}

好，下面就能够运行看看效果了，以下：

【图一】 【图二】 以上仅仅是toolbar简单的使用，toolbar还有不少地方能够学习，更多资料请参考Google文档和API，有兴趣的同窗研究下，制做出更好的md效果，也欢迎你们踊跃投稿，感谢你们关注。

更多内容关注微信公众号mjw-java或访问www.moliying.com