Android5.x新特性之 Toolbar和Theme的使用

转载请注明出处『Android5.x新特性之 Toolbar和Theme的使用: CSDN 废墟的树』

Android5.0以后谷歌大力推崇Material Design设计,有意统一之前Android style风格乱象的情况。上一篇博客我们学习了Android5.x 新控件之RecyclerView,CardView,Palette的使用。这篇文章来介绍Android5.x新特性之 Toolbar和Theme的使用.

注意 在使用Android5.x中的Toolbar和Theme需要在你的工程的build.gradle文件下引入如下配置

dependencies {compile fileTree(dir: ‘libs’, include: [‘*.jar’])compile ‘com.android.support:appcompat-v7:22.2.0’}Toolbar

你还在为Android 的ActionBar的文字不能随意设置位置而烦恼么?你还在为ActionBar不能自定义添加自己的布局而烦恼么?现在告诉你一个好消息,当你看到这篇文章时,就不必烦恼了。Google在Android5.0以后推出了一个Toolbar来完全代替之前的Actionbar,Toolbar的出现解决了Actionbar的各种限制,Toolbar可以完全自定义和配置。我们从以下几个点了解Toolbar的使用

Toolbar的基础使用

我们从以下几点来一步一步的学习Toolbar的使用

Style

为了能在你的Activity中使用Toolbar,你必须在工程里修改styles.xml文件里的主题风格,系统默认如下

=”Theme.AppCompat.Light.DarkActionBar”>

这种Theme表示使用系统之前的ActionBar,那么我们想要使用Toolbar怎么办呢?

=”Theme.AppCompat.Light.NoActionBar”>

这个主题表示不使用系统的Actionbar了,这是第一步。

Layout布局

为了使用Toolbar,我们第二步是在你的activity_main.xml布局里添加Support v7提供的Toolbar,,代码如下

<RelativeLayout 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=”.MainActivity”><androidandroid:id=”@+id/toolbar”android:layout_width=”match_parent”android:layout_height=”?attr/actionBarSize”android:minHeight=”?attr/actionBarSize”></android></RelativeLayout>

为了在你的UI中使用Toolbar,你得为每个activity布局添加Toolbar,并且给Toolbar设置一个id android:id=”@+id/toolbar”。这是第二部。

代码添加Toolbar

为了使用Toolbar,我们第三部是在你的Activity代码中做如下代码处理:

Toolbar toolbar;(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);toolbar = findView(R.id.toolbar);setSupportActionBar(toolbar);}

代码中通过findView找到Toolbar,然后通过setSupportActionBar(toolbar);将Toolbar设置为Activity的导航栏。

通过上面的三个步骤,你就已经使用了Support v7提供的Toolbar了。看看那效果图。

是不是感觉很丑?没有一点MD设计的风格,不过别失望,这仅仅是为了让Toolbar正常工作而已,为了让Toolbar有Material Design风格,我们必须去设置Toolbar的主题风格。

Toolbar配置主题Theme

我们重新配置系统主题Theme,修改styles.xml代码如下:

<style name=”AppTheme” parent=”Theme.AppCompat.Light.NoActionBar”><!– Customize your theme here. –><!–导航栏底色–><item name=”colorPrimary”>@color/accent_material_dark</item><!–状态栏底色–><item name=”colorPrimaryDark”>@color/accent_material_light</item><!–导航栏上的标题颜色–><item name=”android:textColorPrimary”>@android:color/black</item><!–Activity窗口的颜色–><item name=”android:windowBackground”>@color/material_blue_grey_800</item><!–按钮选中或者点击获得焦点后的颜色–><item name=”colorAccent”>#00ff00</item><!–和 colorAccent相反,正常状态下按钮的颜色–><item name=”colorControlNormal”>#ff0000</item><!–Button按钮正常状态颜色–><item name=”colorButtonNormal”>@color/accent_material_light</item><!–EditText 输入框中字体的颜色–><item name=”editTextColor”>@android:color/white</item></style>

各个属性就不解释了,注释都很清楚。我们来看看Toolbar怎么使用这些主题吧?

配置activity_main.xml中的Toolbar改成为如下:

<androidandroid:id=”@+id/toolbar”android:layout_width=”match_parent”android:layout_height=”?attr/actionBarSize”android:background=”?attr/colorPrimary”></android>

相比上面的Toolbar配置,这里只多添加了 这么一行代码

android:background=”?attr/colorPrimary”

给Toolbar设置背景属性,这里使用了styles.xml文件中如下属性

=”colorPrimary”>@color/accent_material_dark</item>

经过如下配置再来看看效果图吧!

效果有点改进,我们继续发现Toolbar的优势吧!

Toolbar中常用的控件设置就是去旅行。牵着彼此的手,

Android5.x新特性之 Toolbar和Theme的使用

相关文章:

你感兴趣的文章:

标签云: