Android应用开发之Android之ToolBar的使用
白羽 2018-08-10 来源 :网络 阅读 924 评论 0

摘要:本文将带你了解Android应用开发之Android之ToolBar的使用,希望本文对大家学Android有所帮助

        本文将带你了解Android应用开发之Android之ToolBar的使用,希望本文对大家学Android有所帮助


Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 非常推荐大家使用Toolbar来作为Android客户端的导航栏,以此来取代之前的Actionbar。与Actionbar相比,Toolbar明显要灵活的多。它不像Actionbar一样,一定要固定在Activity的顶部,而是可以放到界面的任意位置。除此之外,在设计Toolbar的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍,如:

设置导航栏图标;
设置App的logo;
支持设置标题和子标题;
支持添加一个或多个的自定义控件;
支持Action Menu;

那么它怎么使用呢,首先我们一样要用到v7的支持包,然后定义程序的主题样式,在style里得先把Actionbar去掉,如下:
 
Html代码  <resources>    <style name="AppTheme" parent="AppTheme.Base">    </style>      <style name="AppTheme.Base" parent="Theme.AppCompat">      <item name="windowActionBar">false</item>      <item name="android:windowNoTitle">true</item>        <item name="android:fitsSystemWindows">true</item>      <!-- toolbar栏的颜色 -->      <item name="colorPrimary">@color/accent_material_dark</item>      <!-- 状态栏颜色 -->      <item name="colorPrimaryDark">@color/accent_material_light</item>      <!--窗口的背景颜色-->      <item name="android:windowBackground">@color/dim_foreground_material_dark</item>    </style>  </resources>  <resources>
  <style name="AppTheme" parent="AppTheme.Base">
  </style>

  <style name="AppTheme.Base" parent="Theme.AppCompat">
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>

    <item name="android:fitsSystemWindows">true</item>
    <!-- toolbar栏的颜色 -->
    <item name="colorPrimary">@color/accent_material_dark</item>
    <!-- 状态栏颜色 -->
    <item name="colorPrimaryDark">@color/accent_material_light</item>
    <!--窗口的背景颜色-->
    <item name="android:windowBackground">@color/dim_foreground_material_dark</item>
  </style>
</resources>
 
 
还有我们可以在values-v21给API21的系统版本设置默认的底部导航栏默认的颜色:
/res/values-v21/styles.xml
 
Html代码  <?xml version="1.0" encoding="utf-8"?>  <resources>      <style name="AppTheme" parent="AppTheme.Base">        <!-- 底部导航栏颜色 -->         <item name="android:navigationBarColor">@color/accent_material_light</item>      </style>  </resources>  <?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="AppTheme.Base">
      <!-- 底部导航栏颜色 --> 
      <item name="android:navigationBarColor">@color/accent_material_light</item>
    </style>
</resources>
 activity.xml
 
Html代码  <RelativeLayout xmlns:android="//schemas.android.com/apk/res/android"      xmlns:tools="//schemas.android.com/tools"      android:layout_width="match_parent"      android:layout_height="match_parent"      tools:context=".MainActivity"      android:background="@android:color/white"      >        <TextView          android:layout_below="@+id/toolbar"          android:text="hello_world"          android:layout_width="wrap_content"          android:layout_height="wrap_content"          android:textSize="18sp"          android:textColor="@android:color/black"          android:layout_marginTop="5dp"          />        <android.support.v7.widget.Toolbar          android:id="@+id/toolbar"          android:layout_height="?attr/actionBarSize"          android:layout_width="match_parent"          android:background="?attr/colorPrimary" >        </android.support.v7.widget.Toolbar>    </RelativeLayout>  <RelativeLayout xmlns:android="//schemas.android.com/apk/res/android"
    xmlns:tools="//schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="@android:color/white"
    >

    <TextView
        android:layout_below="@+id/toolbar"
        android:text="hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="@android:color/black"
        android:layout_marginTop="5dp"
        />

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary" >

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

</RelativeLayout>
Activity
Java代码  public class MainActivity extends ActionBarActivity {        @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_main);          Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);            // App Logo          toolbar.setLogo(R.mipmap.ic_launcher);          // Title          toolbar.setTitle("标题");          setSupportActionBar(toolbar);          // Navigation Icon 要設定在 setSupoortActionBar 才有作用          // 否則會出現 back bottom          toolbar.setNavigationIcon(R.drawable.ab_android);          // Menu item click 的監聽事件一樣要設定在 setSupportActionBar 才有作用          toolbar.setOnMenuItemClickListener(onMenuItemClick);      }        private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {          @Override          public boolean onMenuItemClick(MenuItem menuItem) {              String msg = "";              switch (menuItem.getItemId()) {                  case R.id.action_edit:                      msg += "编辑";                      break;                  case R.id.action_share:                      msg += "分享";                      break;                  case R.id.action_settings:                      msg += "Setting";                      break;              }                if(!msg.equals("")) {                  Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();              }              return true;          }      };        @Override      public boolean onCreateOptionsMenu(Menu menu) {          // 為了讓 Toolbar 的 Menu 有作用,這邊的程式不可以拿掉          getMenuInflater().inflate(R.menu.menu_main, menu);          return true;      }    }  public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

        // App Logo
        toolbar.setLogo(R.mipmap.ic_launcher);
        // Title
        toolbar.setTitle("标题");
        setSupportActionBar(toolbar);
        // Navigation Icon 要設定在 setSupoortActionBar 才有作用
        // 否則會出現 back bottom
        toolbar.setNavigationIcon(R.drawable.ab_android);
        // Menu item click 的監聽事件一樣要設定在 setSupportActionBar 才有作用
        toolbar.setOnMenuItemClickListener(onMenuItemClick);
    }

    private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem menuItem) {
            String msg = "";
            switch (menuItem.getItemId()) {
                case R.id.action_edit:
                    msg += "编辑";
                    break;
                case R.id.action_share:
                    msg += "分享";
                    break;
                case R.id.action_settings:
                    msg += "Setting";
                    break;
            }

            if(!msg.equals("")) {
                Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
            }
            return true;
        }
    };

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // 為了讓 Toolbar 的 Menu 有作用,這邊的程式不可以拿掉
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

}
 
添加依赖库:
Html代码  compile 'com.android.support:appcompat-v7:21.0.0'   compile 'com.android.support:appcompat-v7:21.0.0'
 


     

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之Android频道!

本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程