Toorbar组件介绍
Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 推出的 Toorbar取代之前的 Actionbar 与 Actionbar 相比, Toolbar 明显要灵活的多,可以放到界面的任意位置。除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,根据API可以知道Toorbar有如下功能:
- 设置导航栏图标
- 设置App的logo
- *支持设置标题和子标题 *
- *支持添加一个或多个的自定义控件 *
- *支持Action Menu *
效果浏览
*来自_小小庄*使用Toorbar
官方提供了Toolbar,也提供了Support library向下兼容的支持包,如果是5.0以下的需要添加如下依赖
compile 'com.android.support:appcompat-v7:23.3.0'
然后因为Toorbar要替代之前的Actionbar ,所以要隐藏之前的Actionbar,直接在res/values/style.xml修改:NoActionBar即可,
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
然后在activity_main布局文件中加入:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/id_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#AFAFff"
android:elevation="4dp"
>
<!-- 自定义控件显示-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView"/>
</android.support.v7.widget.Toolbar>
</LinearLayout>
布局文件中的android:elevation="4dp"代表控件的阴影高度
在res目录先新建menu文件夹,再在menu文件下新建menu_seting.xml文件,追加内容如下:
<?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">
<item
android:id="@+id/share"
android:title="分享"
android:icon="@drawable/share"
android:orderInCategory="3"
app:showAsAction="ifRoom" />
<item
android:id="@+id/cacle"
android:title="取消"
android:orderInCategory="1"
app:showAsAction="never" />
<item
android:id="@+id/setting"
android:title="设置"
android:icon="@drawable/setting"
android:orderInCategory="4"
app:showAsAction="ifRoom" />
<item
android:id="@+id/change"
android:orderInCategory="2"
android:title="改变"
app:showAsAction="never" />
</menu>
菜单布局文件中的item 的showAsAction属性,
- always:总是显示在界面上
- never:不显示在界面上,只让出现在右边的三个点中
- ifRoom:如果有位置才显示,不然就出现在右边的三个点中
在这补充下Android中菜单资源的相关知识,
菜单资源文件必须放在res/menu目录中。菜单资源文件必须使用<menu>标签作为根节点。除了<menu>标签外,还有另外两个标签用于设置菜单项和分组,这两个标签是<item>和<group>。
<menu>标签没有任何属性,但可以嵌套在<item>标签中,表示子菜单的形式。不过<item>标签中不能再嵌入<item>标签。
1.<item>标签的属性含义如下:
- Id:表示菜单项的资源ID
- menuCategory:同种菜单项的种类。该属性可取4个值:Container、system、secondary和alternative。通过menuCategroy属性可以控制菜单项的位置。例如将属性设为system,表示该菜单项是系统菜单,应放在其他种类菜单项的后面。
- orderInCategor:同种类菜单的排列顺序。该属性需要设置一个整数值。例如menuCategory属性值都为system的3个菜单项(item1、item2和item3)。将这3个菜单项的orderInCategory属性值设为3、2、1,那么item3会显示在最前面,而item1会显示在最后面。
- title:菜单项标题(菜单项显示的文本)
- titleCondensed:菜单项的短标题。当菜单项标题太长时会显示该属性值
- icon:菜单项图标资源ID
- alphabeticShortcut:菜单项的字母快捷键
- numericShortcut:菜单项的数字快捷键
- checkable:表示菜单项是否带复选框。该属性可设计为true或false
- checked:如果菜单项带复选框(checkable属性为true),该属性表示复选框默认状态是否被选中。可设置的值为true或false
- visible:菜单项默认状态是否可视
- enable:菜单项默认状态是否被激活
-2.<group>标签的属性含义如下:
- id:表示菜单组的ID
- menuCategory:与<item>标签的同名属性含义相同。只是作用域为菜单组
- orderInCategory:与<item>标签的同名属性含义相同。只是作用域为菜单组
- checkableBehavior:设置该组所有菜单项上显示的选择组件(CheckBox或Radio Button)。如果将该属性值设为all,显示CheckBox组件;如果设为single,显示Radio Button组件;如果设为none,显示正常的菜单项(不显示任何选择组件)。要注意的是
- visible:表示当前组中所有菜单项是否显示。该属性可设置的值是true或false
- enable:表示当前组中所有菜单项是否被激活。该属性可设置的值是true或false
然后在MainActivity.java中设置相关属性:
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
private Toolbar toolbar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
toolbar= (Toolbar) findViewById(R.id.id_toolbar);
toolbar.setNavigationIcon(R.drawable.navigation_bar);//设置导航栏图标
toolbar.setLogo(R.drawable.app_logo);//设置app logo
toolbar.setTitle("Title");//设置主标题
toolbar.setSubtitle("Subtitle");//设置子标题
toolbar.inflateMenu(R.menu.menu_seting);//设置右上角的填充菜单
//设置toorbar的左侧导航栏图标点击事件
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this,"导航栏图标",Toast.LENGTH_LONG).show();
}
});
//设置右侧填充菜单中的Item点击事件
toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
switch (item.getItemId()){
case R.id.cacle:
Toast.makeText(MainActivity.this,"取消",Toast.LENGTH_LONG).show();
break;
case R.id.share:
Toast.makeText(MainActivity.this,"分享",Toast.LENGTH_LONG).show();
break;
case R.id.setting:
Toast.makeText(MainActivity.this,"设置",Toast.LENGTH_LONG).show();
break;
case R.id.change:
Toast.makeText(MainActivity.this,"改变",Toast.LENGTH_LONG).show();
break;
default:break;
}
return true;
}
});
}
}
网友评论