欢迎进入Android5.0的世界
谷歌2014年推出了全新的设计概念Material Desgin。目的为了使Android 的设计能够统一化,其中的ToolBar就是其中的一个控件,今天主要说下ToolBar。ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar的使用变得非常灵活,因为它可以让我们自由往里面添加子控件.低版本要使用的话,可以添加support-v7包.
废话不多说直接说怎么简单的使用吧:
1:要进行依赖V7的包`com.android.support:appcompat-v7:22.1.1`。
2:V7包引入之后,还是不可以直接使用toolBar,而是在styles.xml文件下,
指定如下的关系:
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">//浅色主题
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
//代表深色的主题
//这里需要注意一点就是当我们想使用ToolBar的时候就不能使用 //ActionBar了,所以这里的主题要使用NoActionBar的,否则编译会报错的。如果直接使用Theme.AppCompat
<style name="AppTheme" parent="Theme.AppCompat">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="windowActionBar">false</item>//这必须写上,不然会报错
<item name="windowNoTitle">true</item>//这必须写上,不然会报错
</style>
3:布局中就可以使用ToolBar了,注意使V7包的
<?xml version="1.0" encoding="utf-8"?>
<!--xmlns:app="http://schemas.android.com/apk/res-auto"一个命名空间,如:老系统中不能使用android:attribute的写法了,而是应该使用app:attribute为了兼容5.0以下的系统,所以最好带上-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.misterdai.enforcepetecc.activity.MainActivity">
<!--
?attr/actionBarSize:表示根据屏幕的分辨率采用系统默认的高度
如果低版本也要使用的话,则需要使用v7包的,否则只有api21上才能有效.
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
因为主题使用的是浅色的主题,所以toolbar上就会自动使用深色的主题,上面的字体颜色会变成黑色,
所以这加个ThemeOverlay.AppCompat.Dark.ActionBar使上面的文字为浅色
而这个主题的菜单按钮会变成深色的主题,所以用加个app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
使菜单按钮点击弹出来的菜单变成浅色
-->
<android.support.v7.widget.Toolbar
android:background="@color/colorPrimary"
android:id="@+id/toolBar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
<!--添加Toolbar的子控件-->
<Button
android:id="@+id/btn_diy"
android:layout_width="60dp"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:background="#80ffffff"
android:text="自定义按钮"
android:textColor="#000000"
android:textSize="11sp" />
</android.support.v7.widget.Toolbar>
</RelativeLayout>
4:然后就是在Activity中的使用了
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Toolbar toolBar = (Toolbar) findViewById(R.id.toolBar);
toolBar.setTitle("执法系统");
//toolBar.setTitleTextColor(getResources().getColor(R.color.colorAccent));//改变标题字体的颜色
toolBar.setSubtitle("hehe");
toolBar.setLogo(R.mipmap.ic_launcher);
setSupportActionBar(toolBar);
toolBar.setNavigationIcon(android.R.drawable.btn_star);
//设置NavigationIcon的点击事件,需要放在setSupportActionBar之后设置才会生效,
//因为setSupportActionBar里面也会setNavigationOnClickListener
mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mToast.setText("click NavigationIcon");
mToast.show();
}
});
}
//如果有Menu,创建完后,系统会自动添加到ToolBar上
@Override
public boolean onCreateOptionsMenu(Menu menu) {
super.onCreateOptionsMenu(menu);
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}
//菜单的点击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_delet :
Toast.makeText(MainActivity.this, "action_delet", Toast.LENGTH_SHORT).show();
break;
case R.id.action_share:
Toast.makeText(MainActivity.this, "action_share", Toast.LENGTH_SHORT).show();
break;
case R.id.action_setting:
Toast.makeText(MainActivity.this, "action_setting", Toast.LENGTH_SHORT).show();
break;
}
return true;
}
//关于menu的相关代码main/res/menu/menu_main
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".MainActivity">
<!--app:showAsAction 来表示按钮的显示位置,之所以使用app命名同样是为了适配低版本的问题
showAsAction的几种值的意思:always:表示永远显示在toolba中,如果屏幕的空间不够则不显示;ifRoom代表
屏幕空间够的话显示,不够则在菜单中进行显示,never表示一直在菜单中显示。注意:ToolBar中的action按钮执法显示图标,菜单中的action只会显示文本-->
<item
android:id="@+id/action_delet"
android:icon="@android:drawable/ic_delete"
android:orderInCategory="80"
android:title="删除"
app:showAsAction="ifRoom" />
<item
android:id="@+id/action_share"
android:icon="@android:drawable/ic_menu_share"
android:orderInCategory="90"
android:title="分享"
app:showAsAction="always" />
<item
android:id="@+id/action_setting"
android:orderInCategory="100"
android:title="@string/setting"
android:icon="@android:drawable/ic_menu_help"
app:showAsAction="never" />
</menu>
这也是ToolBar的基本使用了,当然还有很多的小功能,相信你也可以通过相关资料进行学习,后续也会把5.0中新的控件一一介绍的,觉得可以的话就mark下吧