android ToolBar的简单使用

本文实例为大家分享了ToolBar的使用方法,供大家参考,具体内容如下

ToolBar时应用的标准工具栏;用来替代ActionBar;

使用ToolBar必须在Activity配置theme中去掉ActionBar,例如使用

Theme.AppCompat.Light.NoActionBar

或者在主题style中自定义style:

<style name="AppThemeNoColour" parent="Theme.AppCompat.Light.NoActionBar">
        <!--下面两行是取消ActionBar和去掉title;这两行必须要,下面的四行可以自定义去留-->
        <item name="android:windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <!-- 状态栏颜色 -->
        <item name="colorPrimaryDark">@android:color/black</item>
        <!-- 窗口的背景颜色 -->
        <item name="android:windowBackground">@android:color/white</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
    </style>

接下来我们看下布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="www.toolbar.com.toolbardemo.MainActivity"
  android:orientation="vertical"> 

  <android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:id="@+id/toolbar"
    android:background="@android:color/holo_blue_dark"
    /> 

</LinearLayout> 

ToolBar可以设置返回键、图标、标题、副标题、菜单

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

//把布局中的Toolbar当作ActionBar
setSupportActionBar(toolbar);
//设置图标
toolbar.setLogo(R.mipmap.ic_launcher);
//设置标题
getSupportActionBar().setTitle("ZhengDang");
//设置副标题
toolbar.setSubtitle("2015.01.13");
//设置返回键
getSupportActionBar().setDisplayHomeAsUpEnabled(true);

返回键还可以设置监听:

toolbar.setNavigationOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Toast.makeText(MainActivity.this,"你点击了返回按钮",Toast.LENGTH_SHORT).show(); 

      }
    });

配置菜单首先要先自定义menu布局:在res ---> menu 下创建xml文件:

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

  <!--
    showAsAction:
    ifRoom
    会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。
    当然个数并不仅仅局限于4个,依据屏幕的宽窄而定 

    never
    永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好把标题都带上。 

    always
    无论是否溢出,总会显示。 

    withText
    withText值示意Action bar要显示文本标题。Action bar会尽可能的显示这个标题,
    但是,如果图标有效并且受到Action bar空间的限制,文本标题有可能显示不全。 

    collapseActionView
    声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,
    这个操作视窗展开。否则,这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,
    也要占据操作栏的有效空间。
    -->
  <item
    android:id="@+id/action_setting"
    android:orderInCategory="100"
    android:title="settings"
    app:showAsAction="always"
    android:icon="@drawable/scan_bg"
    /> 

  <item
    android:id="@+id/action_ufc"
    android:orderInCategory="100"
    android:title="UFC"
    /> 

  <item
    android:id="@+id/action_wlf"
    android:orderInCategory="100"
    android:title="武林风"
    />
  <item
    android:id="@+id/action_klf"
    android:orderInCategory="100"
    android:title="昆仑决"
    />
</menu>

然后在MainActivity众设置菜单按钮:

/**
   * 设置菜单第一步:
   * 此方法用于初始化菜单,其中menu参数就是即将要显示的Menu实例。 返回true则显示该menu,false 则不显示;
   * (只会在第一次初始化菜单时调用)
   */
  public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_main,menu);
    return super.onCreateOptionsMenu(menu);
  } 
//设置菜单第二步:设置菜单按钮
    toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
      @Override
      public boolean onMenuItemClick(MenuItem item) {
        switch (item.getItemId()){
          case R.id.action_wlf:
            Toast.makeText(MainActivity.this,"中国搏击市场开拓者",Toast.LENGTH_SHORT).show();
            break;
          case R.id.action_klf:
            Toast.makeText(MainActivity.this,"世界顶级站立式格斗赛事",Toast.LENGTH_SHORT).show();
            break;
          case R.id.action_ufc:
            Toast.makeText(MainActivity.this,"世界顶级无限制格斗赛事",Toast.LENGTH_SHORT).show();
            break;
          case R.id.action_setting:
            Toast.makeText(MainActivity.this,"扫一扫",Toast.LENGTH_SHORT).show();
            break;
        }
        return false;
      }
    }); 

点击打开链接免费下载源码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义ActionProvider ToolBar实现Menu小红点

    今天的几个目标: 1. 自定义ActionProvider 2. Toolbar ActionBar自定义Menu 3. Toolbar ActionBar 右侧Menu添加角标(Toolbar ActionBar Menu添加小红点) 源代码在文章末尾. -------------------------------------------------------------------------------- 效果预览 自定义Menu后不影响原生MD的任何效果.可以通过外部来控制显示的文字

  • Android折叠式Toolbar使用完全解析(CollapsingToolbarLayout)

    简介 在各种不同的应用中,大家可能会经常见到这样一个效果:Toolbar是透明的,有着一个背景图片以及大标题,随着页面向上滑动,其标题逐渐缩放到Toolbar上,而背景图片则在滑动到一定程度后变成了Toolbar的颜色,这种效果也即是折叠式效果.其实这种效果在GitHub上面已经有很多开源库实现了,但是Google在其推出的Design Library库中也给出了一个这种控件,让我们很方便地实现了这种效果.这个控件是CollapsingToolbarLayout,它是一个增强型的FrameLay

  • Android ToolBar控件详解及实例

    ToolBar控件详解 在Activity中添加ToolBar 1.添加库 dependencies { ... compile "com.android.support:appcompat-v7:18.0.+" } 2.Activity要继承AppCompatActivity 3.设置主题 使用ToolBar,要将系统默认的ActionBar隐藏掉 <application android:theme="@style/Theme.AppCompat.Light.NoA

  • Android5.0+ CollapsingToolbarLayout使用详解

    CollapsingToolbarLayout作用是提供了一个可以折叠的Toolbar,它继承至FrameLayout,给它设置layout_scrollFlags,它可以控制包含在CollapsingToolbarLayout中的控件(如:ImageView.Toolbar)在响应layout_behavior事件时作出相应的scrollFlags滚动事件(移除屏幕或固定在屏幕顶端). 使用CollapsingToolbarLayout: <android.support.design.wid

  • Android自定义Toolbar使用方法详解

    本篇文章介绍: 如何使用Toolbar; 自定义Toolbar; 先来看一看效果,了解一下toolbar: 布局文件: <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@co

  • Android中Toolbar随着ScrollView滑动透明度渐变效果实现

    Android中Toolbar随着ScrollView滑动透明度渐变效果实现 一.思路:监听ScrollView的滑动事件 不断的修改Toolbar的透明度 二.注意 1.ScrollView 6.0以前没有scrollView.setOnScrollChangeListener(l)方法  所以要自定义ScrollView 在onScrollChanged()中监听 2.ScrollView 6.0(23)以前没有scrollView.setOnScrollChangeListener()方法

  • Android中ActionBar和ToolBar添加返回箭头的实例代码

     1.ActionBar添加返回箭头 //onCreate方法中 ActionBar actionBar = this.getSupportActionBar(); actionBar.setTitle("搜索功能"); actionBar.setDisplayHomeAsUpEnabled(true); //activity类中的方法 @Override public boolean onOptionsItemSelected(MenuItem item) { if(item.get

  • Android动态修改ToolBar的Menu菜单示例

    Android动态修改ToolBar的Menu菜单 效果图 实现 实现很简单,就是一个具有3个Action的Menu,在我们滑动到不同状态的时候,把对应的Action隐藏了. 开始上货 Menu Menu下添加3个Item <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xml

  • Android ToolBar整合实例使用方法详解

    最近做项目中遇到ToolBar因为不同的界面toobar不同为了描述统一的风格.相信大家也非常清楚,大多数ToolBar包括以下几个方面 左标题 左边题颜色 左标题图标等 标题 标题颜色 右标题 右标题颜色 右标题图标 ToolBar标题 ToolBar颜色 ToolBar图标 ToolBar子标题 ToolBar子标题 ToolBar子标题颜色 再看一下淘宝以及其他appToolBar样式界面 下面看下我自定义的CustomeToolBar继承原生ToolBar package com.ldm

  • 解决Android V7后自定义Toolbar、ActionBar左侧有空白问题

    如图所示: 1.查看Wiget.AppCompat.Toolbar的parent主题,如下所示: <style name="Base.Widget.AppCompat.Toolbar" parent="android:Widget"> <item name="titleTextAppearance">@style/TextAppearance.Widget.AppCompat.Toolbar.Title</item&

随机推荐