Android程序开发————ActionBar和ToolsBar
来源：程序员人生 发布时间：2016-09-27 08:53:52 阅读次数：2264次
1. 甚么是ActionBar：
Google在Android3.0以后，为了不开发人员总是仿照iOS界面去开发，并且要与iOS界面去对抗；同时，为了给用户更多的空间，Google提出了1个新的设计理念： 将最经常使用的按钮，放到标题栏上面，这样用户可以快速的点击，所以构成了”ActionBar”。
2.使用
1. ActionBar 需要斟酌使用哪个版本；提供了 v7 的兼容版本(Android 2.1)，和标准版本(Android 3.0 以后可用)
2. AppCompatActivity 或是 ActionBarActivity 默许已包括ActionBar的支持了
3. 通过 options menu，可以给ActionBar设置菜单和标题动作按钮
4. ActionBar 支持 Tab导航和下拉列表导航；通过代码来设置
5. ActionBar 使用 SearchView 可以实现在标题栏进行搜索
6. ActionBar 可以添加分享功能；
3. Menu item
1. 创建OptionsMenu，指定资源文件，在资源文件中，给指定的item设置 showAsAction 就能够添加ActionBar相应的按钮；
2. showAsAction 指定的属性，不能够100%确保期望的效果，由于ActionBar显示在标题上面的按钮，显示效果依赖于屏幕的宽度；
3. always 是总是显示在标题栏上面，当按钮非常多，会把菜单项挤出去；
4. ifRoom: 代表，当ActionBar的宽度还有剩余，能够继续放置菜单，那末这个时候，当前菜单项可能能够显示在ActionBar的标题上面；如果没有空间，那末当前的菜单就显示在 “3个点”代表的菜单项当中；对有些手机，需要点 “Menu”按键，才会显示出来菜单。
4.1 never : 代表指定的Action永久不再ActionBar（标题栏）上面显示
5. withText 当ActionBar空间足够，能够同时显示标题，图标的时候，就会自动显示标题；如果没有空间，那末不显示标题
orderInCategory 属性：填写数字便可，数字会根据所有Action的值依照升序排列，数字 1 第1个显示，数字越大越在后面显示。
orderInCategory ：没有设置这个属性的item始终依照xml的顺序在最前面，以后才是随着有顺序的item
ActionBar 显示的顺序，先将所有的没有 orderInCategory属性的Action 依照 XML书写的顺序，进行显示，以后才会进行有 orderInCategory 属性的Action，进行排序，再显示。
先显示没有orderInCategory的菜单，以后才是有orderInCategory的菜单
4.代码解决1切
ActionBar的简单使用
menu文件
<?xml version="1.0" encoding="utf⑻"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/actionbar_settings"
android:title="设置"
app:showAsAction="always"
android:orderInCategory = "1"/>
<item android:id="@+id/actionbar_about"
android:title="关于"
android:orderInCategory="2"/>
<item android:id="@+id/actionbar_search"
android:title="搜索"
android:icon="@drawable/ic_action_search"
app:showAsAction="always"/>
</menu>
主类实现
package com.treasure_ct.android_xt.basedfunction.actionbar;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;
import com.treasure_ct.android_xt.R;
public class ActionBar_SimpleUse_Activity extends AppCompatActivity implements ActionBar.TabListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_basedfunction_actionbar_simpleuse);
//ActionBar的基本使用
//1.获得ActionBar，注意可能为null
ActionBar actionBar = getSupportActionBar();
if (actionBar != null) {
//2.设置
//2.1设置后退，当被点击，相当逐一个菜单点击方法，id =android.R.id.home
actionBar.setDisplayHomeAsUpEnabled(true);//设置最左侧的menu是不是为后退
// actionBar.setHomeAsUpIndicator(R.mipmap.icon_main1);//设置后退的图标
actionBar.setDisplayShowTitleEnabled(false);//去掉标题的文字
//2.2 导航模式，Tab模式，用于VP 和Fragment
//1,。设置模式
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
//2.先创建Tab，设置监听器，添加Tab
ActionBar.Tab tab = actionBar.newTab();
tab.setTabListener(this);
tab.setText("首页");
actionBar.addTab(tab);
tab = actionBar.newTab();
tab.setTabListener(this);
tab.setText("详情");
actionBar.addTab(tab);
tab = actionBar.newTab();
tab.setTabListener(this);
tab.setText("更多");
actionBar.addTab(tab);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.actionbar_main_item,menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.actionbar_settings:
Toast.makeText(ActionBar_SimpleUse_Activity.this, "设置biubiubiu", Toast.LENGTH_SHORT).show();
break;
case android.R.id.home:
finish();
break;
}
return true;
}
@Override
public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
//FragmentTransaction 参数不允许commit（）调用就出错
int position = tab.getPosition();
Toast.makeText(ActionBar_SimpleUse_Activity.this, String.valueOf(position)+": "+tab.getText(), Toast.LENGTH_SHORT).show();
}
@Override
public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
//FragmentTransaction 参数不允许commit（）调用就出错
}
@Override
public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
//FragmentTransaction 参数不允许commit（）调用就出错
}
}
效果：
做1个下拉列表。类似于日历上的 选择按月显示还是按周显示
package com.treasure_ct.android_xt.basedfunction.actionbar;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Toast;
import com.treasure_ct.android_xt.R;
import java.util.ArrayList;
public class ActionBar_Spinner_Activity extends AppCompatActivity implements ActionBar.OnNavigationListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_basedfunction_actionbar_spinner);
// 1. getSupportActionBar()
// 2. 设置导航模式为列表
// 3. 设置下拉列表导航的 Adapter
// 4. 列表选中接口回调
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
actionBar.setDisplayShowTitleEnabled(false);//去掉标题栏的文字
ArrayList<String> list = new ArrayList<>();
list.add("按天");
list.add("按周");
list.add("按月");
list.add("按年");
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_dropdown_item_1line,list);
actionBar.setListNavigationCallbacks(adapter,this);
}
}
@Override
public boolean onNavigationItemSelected(int itemPosition, long itemId) {
boolean ret = true;
Toast.makeText(ActionBar_Spinner_Activity.this, "选中"+itemPosition, Toast.LENGTH_SHORT).show();
return ret;
}
}
效果：
3.在标题栏开发1个搜索界面
v4包下
<?xml version="1.0" encoding="utf⑻"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<!--collapseActionView 代表当前MenuItem点击的时候能偶显示或隐藏1个actionView-->
<!--V4包内部提供了SearchView的创建工具类，不需要actionViewClass-->
<item android:id="@+id/actionbar_search"
android:title="搜索"
app:showAsAction="always|collapseActionView"
android:icon="@drawable/ic_action_search"
/>
</menu>
package com.treasure_ct.android_xt.basedfunction.actionbar;
import android.support.v4.view.MenuItemCompat;
import android.support.v4.widget.SearchViewCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.SearchView;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;
import com.treasure_ct.android_xt.R;
public class ActionBar_Search_Activity extends AppCompatActivity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_basedfunction_actionbar_search);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.actionbar_search_item,menu);
//设置搜索输入框的步骤
//1.查找指定的MenuItem
MenuItem item = menu.findItem(R.id.actionbar_search);
//2.设置SearchView
View view = SearchViewCompat.newSearchView(this);
item.setActionView(view);
MenuItemCompat.setActionView(item, view);
return true;
}
}
V7包下
<?xml version="1.0" encoding="utf⑻"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<!--collapseActionView 代表当前MenuItem点击的时候能偶显示或隐藏1个actionView-->
<!--V4包内部提供了SearchView的创建工具类，不需要actionViewClass-->
<!-- V4包内部提供了SearchView的创建工具类， V7包 提供了 android.support.v7.widget.SearchView -->
<item
android:id="@+id/actionbar_search"
android:icon="@drawable/ic_action_search"
android:title="搜索1下"
app:actionViewClass="android.support.v7.widget.SearchView"
app:showAsAction="always|collapseActionView"/>
</menu>
<pre name="code" class="java">package com.treasure_ct.android_xt.basedfunction.actionbar;
import android.support.v4.view.MenuItemCompat;
import android.support.v4.widget.SearchViewCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.SearchView;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;
import com.treasure_ct.android_xt.R;
public class ActionBar_Search_Activity extends AppCompatActivity implements SearchView.OnQueryTextListener {
private SearchView searchView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_basedfunction_actionbar_search);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.actionbar_search_item,menu);
//设置搜索输入框的步骤
//1.查找指定的MenuItem
MenuItem item = menu.findItem(R.id.actionbar_search);
//2.设置SearchView
// 2 View view = SearchViewCompat.newSearchView(this);
// 1 item.setActionView(view);
// 2 MenuItemCompat.setActionView(item, view);
View view = MenuItemCompat.getActionView(item);
if (view != null){
searchView = (SearchView) view;
//设置 SearchView 的查询回调接口
searchView.setOnQueryTextListener(this);
// //在搜索输入框没有显示的时候，点击Action，回调这个接口，冰洁显示输入框
// searchView.setOnSearchClickListener();
//档自动补全的 的内容被选中，回调接口
// searchView.setOnSuggestionListener();
//可以设置搜索的自动补全功能，也能够搜索历史数据
// searchView.setSuggestionsAdapter();
}
return true;
}
/**
* 当用户在输入法中点击搜索按钮时，调用这个方法，发起实际的搜索功能。
* @param query
* @return
*/
@Override
public boolean onQueryTextSubmit(String query) {
Toast.makeText(ActionBar_Search_Activity.this, "su= b "+query, Toast.LENGTH_SHORT).show();
searchView.clearFocus();
return true;
}
/**
* 每次输入字符都会回调这个方法，联想功能
* @param newText
* @return
*/
@Override
public boolean onQueryTextChange(String newText) {
Toast.makeText(ActionBar_Search_Activity.this, "chhhhhhhh: "+newText, Toast.LENGTH_SHORT).show();
return true;
}
}
效果
新特性 ToolsBar
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
