国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > php开源 > 综合技术 > Android程序开发————ActionBar和ToolsBar

Android程序开发————ActionBar和ToolsBar

来源:程序员人生   发布时间:2016-09-27 08:53:52 阅读次数:2414次

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


生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生