Android程序開發(fā)————ActionBar和ToolsBar
來源：程序員人生 發(fā)布時間：2016-09-27 08:53:52 閱讀次數(shù)：2605次
1. 甚么是ActionBar：
Google在Android3.0以后，為了不開發(fā)人員總是仿照iOS界面去開發(fā)，并且要與iOS界面去對抗；同時，為了給用戶更多的空間，Google提出了1個新的設(shè)計理念： 將最經(jīng)常使用的按鈕，放到標(biāo)題欄上面，這樣用戶可以快速的點擊，所以構(gòu)成了”ActionBar”。
2.使用
1. ActionBar 需要斟酌使用哪個版本；提供了 v7 的兼容版本(Android 2.1)，和標(biāo)準(zhǔn)版本(Android 3.0 以后可用)
2. AppCompatActivity 或是 ActionBarActivity 默許已包括ActionBar的支持了
3. 通過 options menu，可以給ActionBar設(shè)置菜單和標(biāo)題動作按鈕
4. ActionBar 支持 Tab導(dǎo)航和下拉列表導(dǎo)航；通過代碼來設(shè)置
5. ActionBar 使用 SearchView 可以實現(xiàn)在標(biāo)題欄進行搜索
6. ActionBar 可以添加分享功能；
3. Menu item
1. 創(chuàng)建OptionsMenu，指定資源文件，在資源文件中，給指定的item設(shè)置 showAsAction 就能夠添加ActionBar相應(yīng)的按鈕；
2. showAsAction 指定的屬性，不能夠100%確保期望的效果，由于ActionBar顯示在標(biāo)題上面的按鈕，顯示效果依賴于屏幕的寬度；
3. always 是總是顯示在標(biāo)題欄上面，當(dāng)按鈕非常多，會把菜單項擠出去；
4. ifRoom: 代表，當(dāng)ActionBar的寬度還有剩余，能夠繼續(xù)放置菜單，那末這個時候，當(dāng)前菜單項可能能夠顯示在ActionBar的標(biāo)題上面；如果沒有空間，那末當(dāng)前的菜單就顯示在 “3個點”代表的菜單項當(dāng)中；對有些手機，需要點 “Menu”按鍵，才會顯示出來菜單。
4.1 never : 代表指定的Action永久不再ActionBar（標(biāo)題欄）上面顯示
5. withText 當(dāng)ActionBar空間足夠，能夠同時顯示標(biāo)題，圖標(biāo)的時候，就會自動顯示標(biāo)題；如果沒有空間，那末不顯示標(biāo)題
orderInCategory 屬性：填寫數(shù)字便可，數(shù)字會根據(jù)所有Action的值依照升序排列，數(shù)字 1 第1個顯示，數(shù)字越大越在后面顯示。
orderInCategory ：沒有設(shè)置這個屬性的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="設(shè)置"
app:showAsAction="always"
android:orderInCategory = "1"/>
<item android:id="@+id/actionbar_about"
android:title="關(guān)于"
android:orderInCategory="2"/>
<item android:id="@+id/actionbar_search"
android:title="搜索"
android:icon="@drawable/ic_action_search"
app:showAsAction="always"/>
</menu>
主類實現(xiàn)
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.設(shè)置
//2.1設(shè)置后退，當(dāng)被點擊，相當(dāng)逐一個菜單點擊方法，id =android.R.id.home
actionBar.setDisplayHomeAsUpEnabled(true);//設(shè)置最左側(cè)的menu是不是為后退
// actionBar.setHomeAsUpIndicator(R.mipmap.icon_main1);//設(shè)置后退的圖標(biāo)
actionBar.setDisplayShowTitleEnabled(false);//去掉標(biāo)題的文字
//2.2 導(dǎo)航模式，Tab模式，用于VP 和Fragment
//1,。設(shè)置模式
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
//2.先創(chuàng)建Tab，設(shè)置監(jiān)聽器，添加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, "設(shè)置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 參數(shù)不允許commit（）調(diào)用就出錯
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 參數(shù)不允許commit（）調(diào)用就出錯
}
@Override
public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
//FragmentTransaction 參數(shù)不允許commit（）調(diào)用就出錯
}
}
效果：
做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. 設(shè)置導(dǎo)航模式為列表
// 3. 設(shè)置下拉列表導(dǎo)航的 Adapter
// 4. 列表選中接口回調(diào)
ActionBar actionBar = getSupportActionBar();
if (actionBar != null){
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
actionBar.setDisplayShowTitleEnabled(false);//去掉標(biāo)題欄的文字
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.在標(biāo)題欄開發(fā)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 代表當(dāng)前MenuItem點擊的時候能偶顯示或隱藏1個actionView-->
<!--V4包內(nèi)部提供了SearchView的創(chuàng)建工具類，不需要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);
//設(shè)置搜索輸入框的步驟
//1.查找指定的MenuItem
MenuItem item = menu.findItem(R.id.actionbar_search);
//2.設(shè)置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 代表當(dāng)前MenuItem點擊的時候能偶顯示或隱藏1個actionView-->
<!--V4包內(nèi)部提供了SearchView的創(chuàng)建工具類，不需要actionViewClass-->
<!-- V4包內(nèi)部提供了SearchView的創(chuàng)建工具類， 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);
//設(shè)置搜索輸入框的步驟
//1.查找指定的MenuItem
MenuItem item = menu.findItem(R.id.actionbar_search);
//2.設(shè)置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;
//設(shè)置 SearchView 的查詢回調(diào)接口
searchView.setOnQueryTextListener(this);
// //在搜索輸入框沒有顯示的時候，點擊Action，回調(diào)這個接口，冰潔顯示輸入框
// searchView.setOnSearchClickListener();
//檔自動補全的 的內(nèi)容被選中，回調(diào)接口
// searchView.setOnSuggestionListener();
//可以設(shè)置搜索的自動補全功能，也能夠搜索歷史數(shù)據(jù)
// searchView.setSuggestionsAdapter();
}
return true;
}
/**
* 當(dāng)用戶在輸入法中點擊搜索按鈕時，調(diào)用這個方法，發(fā)起實際的搜索功能。
* @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;
}
/**
* 每次輸入字符都會回調(diào)這個方法，聯(lián)想功能
* @param newText
* @return
*/
@Override
public boolean onQueryTextChange(String newText) {
Toast.makeText(ActionBar_Search_Activity.this, "chhhhhhhh: "+newText, Toast.LENGTH_SHORT).show();
return true;
}
}
效果
新特性 ToolsBar
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈
