<Android 基础(六)> ActionBar
2016-06-23 00:22
609 查看
介绍
Action Bar是一种新増的导航栏功能,在Android 3.0之后加入到系统的API当中,它标识了用户当前操作界面的位置,并提供了额外的用户动作、界面导航等功能。使用ActionBar的好处是,它可以给提供一种全局统一的UI界面,使得用户在使用任何一款软件时都懂得该如何操作,并且ActionBar还可以自动适应各种不同大小的屏幕。下面是一张使用ActionBar的界面截图:
其中,[1]是ActionBar的图标,[2]是两个action按钮,[3]是overflow按钮。
基本使用
添加ActionBar
–布局文件–AndroidStudio自动创建的MainActivity继承自AppCompatActivity本身携带有ActionBar,这里想要使用ToolBar来实现ActionBar的功能,需要先修改下theme
<!-- 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>
使用Theme.AppCompat.Light.NoActionBar作为activity的风格,这里插述一下相关属性代表的界面位置
创建ToolBar对应的xml文件
toolbar.xml
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:minHeight="?attr/actionBarSize" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:theme="@style/ThemeOverlay.AppCompat.ActionBar" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> </android.support.v7.widget.Toolbar>
这里把这个文件单独作为一个xml方便多个layout中包含
activity_main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/rootlayout" tools:context="mraz.com.actionbardemo.MainActivity" android:orientation="vertical"> <include layout="@layout/toolbar"/> <TextView android:id="@+id/tv_hello" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" /> </LinearLayout>
主界面对应的layout中include刚才创建的toolbar.xml文件
main_menu.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/action_search" android:icon="@drawable/ic_search_black_24dp" app:actionViewClass="android.support.v7.widget.SearchView" android:title="Search" android:inputType="textCapWords" android:imeOptions="actionSearch" android:orderInCategory="80" app:showAsAction="ifRoom|collapseActionView"/> <item android:id="@+id/action_settings" android:icon="@drawable/ic_apps_black_24dp" android:title="Settings" android:orderInCategory="100" app:showAsAction="always"/> <item android:id="@+id/action_info" android:title="Details" android:icon="@drawable/ic_report_black_24dp" android:orderInCategory="90" app:showAsAction="ifRoom"/> </menu>
menu 对应的属性解释一下
属性值 | 意义 |
---|---|
id | 控件id |
title | 标题(必需) |
icon | 图标 |
showAsAction | 控制显示到actionbar还是overflow |
actionViewClass | 构建视图所使用的View |
actionProviderClass | 基本同上 |
menuCategory | 同种菜单项的种类。该属性可取4个值:container、system、secondary和alternative。通过menuCategroy属性可以控制菜单项的位置。例如将属性设为system,表示该菜单项是系统菜单,应放在其他种类菜单项的后面。 |
orderInCategory | 同种类菜单的排列顺序。该属性需要设置一个整数值,越小越靠左 |
属性 | 意义 |
---|---|
ifRoom | 根据当前的空间大小调整 |
never | 永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好把标题都带上 |
always | 无论是否溢出,都会显示 |
withText | withText值示意Action bar要显示文本标题。Action bar会尽可能的显示这个标题,但是,如果图标有效并且受到Action bar空间的限制,文本标题有可能显示不全。 |
collapseActionView | 声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。否则,这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,也要占据操作栏的有效空间。一般要配合ifRoom一起使用才会有效果。 |
package mraz.com.actionbardemo; import android.os.Bundle; import android.support.design.widget.Snackbar; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.Menu; import android.view.MenuItem; import android.widget.LinearLayout; public class MainActivity extends AppCompatActivity { LinearLayout rootlayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); rootlayout = (LinearLayout) findViewById(R.id.rootlayout); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); toolbar.setNavigationIcon(R.drawable.ic_menu_black_24dp); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main_menu, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.action_info: Snackbar.make(rootlayout, " Info ", Snackbar.LENGTH_SHORT).show(); break; case R.id.action_search: Snackbar.make(rootlayout, " Search ", Snackbar.LENGTH_SHORT).show(); break; case R.id.action_settings: Snackbar.make(rootlayout, " Settings ", Snackbar.LENGTH_SHORT).show(); break; } return super.onOptionsItemSelected(item); } }
比较关键的只有3行代码
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); //获取toolbar
setSupportActionBar(toolbar); //设置成ActionBar
getMenuInflater().inflate(R.menu.main_menu, menu); //创建actionbar的菜单项
有了这些代码基本上就可以显示ActionBar,当然要实现与用户的交互,就需要对每一个item做对应的响应处理,这里根据菜单的id,做了简单的Snackbar的展示,开发者可以根据自己的需要实现更复杂的逻辑
public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.action_info: Snackbar.make(rootlayout, " Info ", Snackbar.LENGTH_SHORT).show(); break; …… }
–效果图–
使用Action View
上面的例子中有个比较特殊的Menu Item<item android:id="@+id/action_search" android:icon="@drawable/ic_search_black_24dp" app:actionViewClass="android.support.v7.widget.SearchView" android:title="Search" android:inputType="textCapWords" android:imeOptions="actionSearch" android:orderInCategory="80" app:showAsAction="ifRoom|collapseActionView"/>
这里使用了actionViewClass,这个要设置shwoAsAction为 ifRoom|collapseActionView使用才行,其实删除collapseActionView,也是可以正常使用,只是体现的方式不一样。获取SearchView的方式
MenuItem item = menu.findItem(R.id.action_search); SearchView searchView = (SearchView) item.getActionView();
SerachView 对象拿到之后可以对其属性进行操作。给Action View添加展开和收起的事件监听,实现方式
public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main_menu, menu); MenuItem searchitem = menu.findItem(R.id.action_search); SearchView searchView = (SearchView) searchitem.getActionView(); MenuItemCompat.setOnActionExpandListener(searchitem, new MenuItemCompat.OnActionExpandListener() { @Override public boolean onMenuItemActionExpand(MenuItem item) { Snackbar.make(rootlayout, " onMenuItemActionExpand ", Snackbar.LENGTH_SHORT).show(); return true; } @Override public boolean onMenuItemActionCollapse(MenuItem item) { Snackbar.make(rootlayout, " onMenuItemActionCollapse ", Snackbar.LENGTH_SHORT).show(); return true; } }); return true; }
拿到searchItem之后,执行
MenuItemCompat.setOnActionExpandListener(searchitem, new MenuItemCompat.OnActionExpandListener() );
–效果图–
使用ActionProviderClass
menu文件中使用<item android:title="Share" android:actionProviderClass="android.widget.ShareActionProvider" android:orderInCategory="100" app:showAsAction="always" />
类似的方式获取ActionProvider
MenuItem shareItem = menu.findItem(R.id.action_share); ShareActionProvider mShareActionProvider = (ShareActionProvider) MenuItemCompat.getActionProvider(shareItem); mShareActionProvider.setShareIntent(……);
针对ActionProvider可以实现自定义的ActionProvider,继承基础类ActionProvider
ActionBar导航
启用ActionBar图标导航的功能,可以允许用户根据当前应用的位置来在不同界面之间切换。比如,A界面展示了一个列表,点击某一项之后进入了B界面,这时B界面就应该启用ActionBar图标导航功能,这样就可以回到A界面。我们可以通过调用setDisplayHomeAsUpEnabled()方法来启用ActionBar图标导航功能
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); getSupportActionBar().setDisplayHomeAsUpEnabled(true);
此时ActionBar左侧会出现一个返回的按钮
针对这返回按钮的事件响应还是在public boolean onOptionsItemSelected(MenuItem item) 方法中实现,它有一个固定的资源Id—- android.R.id.home
case android.R.id.home: finish(); break;
简单的执行下和返回键相同的操作。结束当前activity
实现Activity之间的快速切换
新建一个ParentActivity.java
package mraz.com.actionbardemo; import android.content.Context; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.TextView; public class ParentActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_parent); final Context mContext = this; TextView textView = (TextView) findViewById(R.id.tv_parent); textView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(); intent.setClass(mContext , MainActivity.class); startActivity(intent); } }); } }
AndroidManifest.xml文件中做如下修改
<application ……> <activity android:name=".ParentActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".MainActivity" android:parentActivityName="mraz.com.actionbardemo.ParentActivity"> </activity> </application>
这一句很关键
android:parentActivityName=”mraz.com.actionbardemo.ParentActivity”>
设置父Activity的名称,ParentActivity为启动Activity同时是MainActivity的父Activity
然后在MainActivity中针对这个返回按钮做一下处理,不再是简单的结束掉当前的这个Activity了,需要做出对应的导航的处理逻辑
case android.R.id.home: Intent upIntent = NavUtils.getParentActivityIntent(this); if (NavUtils.shouldUpRecreateTask(this, upIntent)) { TaskStackBuilder.create(this) .addNextIntentWithParentStack(upIntent) .startActivities(); } else { upIntent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); NavUtils.navigateUpTo(this, upIntent); } break;
其中,调用NavUtils.getParentActivityIntent()方法可以获取到跳转至父Activity的Intent,然后如果父Activity和当前Activity是在同一个Task中的,则直接调用navigateUpTo()方法进行跳转,如果不是在同一个Task中的,则需要借助TaskStackBuilder来创建一个新的Task。
这样,就按照标准的规范成功实现ActionBar导航的功能了。
–效果图–
相关文章推荐
- <Android 基础(六)> ActionBar
- Android之AsyncTask
- Android中事件分发机制
- android代码整理
- 原来fastboot boot custom.img可以无需刷机就以启动定制系统(以root)
- Android线程,线程池使用及原理博文参考
- Android进程间通信机制Binder应用层分析
- Android 权限大全
- Android学习笔记函数
- Android文本读写
- 15 个 Android 通用流行框架大全
- Android之service和thread的区别
- android中的Packagemanager
- Android真机调试
- Android Studio导出Jar包的方法探究
- Android 设置theme中的坑
- android脸萌3
- Android 选择图片,加载图片,显示图片 综合案例
- Android系统透明栏(Translucent Bars)使用SystemBarTint的实现攻略
- android常见异常总结