前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >1.ActionBar

1.ActionBar

作者头像
六月的雨
发布2022-01-17 19:57:37
5560
发布2022-01-17 19:57:37
举报
文章被收录于专栏:Android开发指南Android开发指南

ActionBar 低版本和高版本用法不同

低版本: 1. 引用v7-appcompat 2. Activity继承ActionBarActivity 3. android:theme="@style/Theme.AppCompat.Light" >

高版本:

1. Activity自带actionBar 2.从Android3.0(APIlever11)开始,所有使用Theme.Holo主题(或者它的子类)的activity都包含了actionbar,当

targetSdkVersion或minSdkVersion属性被设置成“11”或更大时,它是默认主题。

所以,为你的activity添加actionbar,只需简单地设置属性为11或者更大。

常用操作:

搜索

Actionbar允许你为当前上下文中最重要的操作添加按钮。那些直接出现在actionbar中的icon和/或文本被称作action

buttons(操作按钮)。安排不下的或不足够重要的操作被隐藏在actionoverflow中。

1.所有的操作按钮和actionoverflow中其他可用的条目都被定义在菜单资源的XML文件中。通过在项目的res/menu目录中

新增一个XML文件来为actionbar添加操作。(V7、V4只是功能功能不一样,没有升级的说法,要兼容低版本就要全部导V7的包,另外需要自定义命名空间)

代码语言:javascript
复制
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:yourapp="http://schemas.android.com/apk/res-auto" >
    <!-- Search, should appear as action button -->
    <item
        android:id="@+id/action_search"
        android:icon="@drawable/ic_action_search"
        android:title="@string/action_search"
        yourapp:actionViewClass="android.support.v7.widget.SearchView"
        yourapp:showAsAction="ifRoom"/>
                <!-- 设置, 在溢出菜单中展示    -->
                <item    android:id="@+id/action_settings"
        android:title="@string/action_settings"
        android:showAsAction="never"    />
 
</menu>

2.写监听(错误可以忽略,判断下就可以了)

代码语言:javascript
复制
@SuppressLint("NewApi")
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        // 如果运行的环境 (部署到什么版本的手机 )大于3.0
        if (android.os.Build.VERSION.SDK_INT > 11) {
            SearchView searchView = (SearchView) menu.findItem(
                    R.id.action_search).getActionView();
            searchView.setOnQueryTextListener(this);// 搜索的监听
        }
        return true;
    }

3.处理actionBar菜单条目的点击事件

代码语言:javascript
复制
public boolean onOptionsItemSelected(MenuItem item) {
		if (item.getItemId() == R.id.action_search) {
			Toast.makeText(getApplicationContext(), "搜索", 0).show();
		}
		return drawerToggle.onOptionsItemSelected(item)|super.onOptionsItemSelected(item);
	}
	// 当搜索提交的时候
	@Override
	public boolean onQueryTextSubmit(String query) {
		Toast.makeText(getApplicationContext(), query, 0).show();
		return true;
	}
	// 当搜索的文本发生变化
	@Override
	public boolean onQueryTextChange(String newText) {
		return true;
	}
}
代码语言:javascript
复制
@Override
public	boolean	onOptionsItemSelected(MenuItem	item)	{
				//	处理动作按钮的点击事件
	switch	(item.getItemId())	{
		case	R.id.action_search:
		     openSearch();
		    return	true;
		case	R.id.action_settings:
		    openSettings();
		    eturn	true;
		default:
		   return	;
super.onOptionsItemSelected(item);
    }
}

返回按钮的处理

在不是主要入口的其他所有屏中(activity不位于主屏时),需要在actionbar中为用户提供一个导航到逻辑父屏的up

button(向上按钮)。

1.在另一个activity

代码语言:javascript
复制
protected void initActionBar() {
    super.initActionBar();
    ActionBar actionBar = getSupportActionBar();//通过这样或得actionbar
    actionBar.setDisplayHomeAsUpEnabled(true);
            //  如果你的minSdkVersion属性是11活更高,  应该这么用:
            //  getActionBar().setDisplayHomeAsUpEnabled(true);
}

2.清单文件中指定它的父亲(高版本就不需要写元数据了)

代码语言:javascript
复制
<activity  android:name=".DetailActivity"
          android:label="@string/app_detail"
           android:parentActivityName="com.itheima.googleplay.MainActivity"
          >
           <!-- Parent activity meta-data to support 4.0 and lower -->
      <meta-data
          android:name="android.support.PARENT_ACTIVITY"
          android:value="com.itheima.googleplay.MainActivity" />
      </activity>

实现ActionBar Tab标签

1 在Drawable 目录下 写了一个标签的状态选择器(具体查文档)

代码语言:javascript
复制
<!-- 按钮没有按下的状态   -->
                <!-- 没有焦点的状态 -->
                <item    android:state_focused="false"   android:state_selected="false"
                                        android:state_pressed="false"
                                        android:drawable="@drawable/tab_unselected" />
                <item    android:state_focused="false"   android:state_selected="true"
                                        android:state_pressed="false"
                                        android:drawable="@drawable/tab_selected"   />
                <!-- 有焦点的状态  (例如D-Pad控制或者鼠标经过)   -->
                <item    android:state_focused="true"    android:state_selected="false"
                                        android:state_pressed="false"
                                        android:drawable="@drawable/tab_unselected_focused" />
                <item    android:state_focused="true"    android:state_selected="true"
                                        android:state_pressed="false"
                                        android:drawable="@drawable/tab_selected_focused"   />
<!--     按钮按下的状态D    -->
                <!-- 没有焦点的状态 -->
                <item    android:state_focused="false"   android:state_selected="false"
                                        android:state_pressed="true"
                                        android:drawable="@drawable/tab_unselected_pressed" />
                <item    android:state_focused="false"   android:state_selected="true"
                                android:state_pressed="true"
                                android:drawable="@drawable/tab_selected_pressed"   />
                <!--有焦点的状态   (例如D-Pad控制或者鼠标经过)-->
                <item    android:state_focused="true"    android:state_selected="false"
                                        android:state_pressed="true"
                                        android:drawable="@drawable/tab_unselected_pressed" />
                <item    android:state_focused="true"    android:state_selected="true"
                                        android:state_pressed="true"
                                        android:drawable="@drawable/tab_selected_pressed"   />
</selector>

2 实现自定义主题 (想改的话改图片就行了)

代码语言:javascript
复制
    <?xml version="1.0" encoding="utf-8"?>
    <resources>
         <!-- the theme applied to the application or activity -->
        <style name="CustomActionBarTheme"
               parent="@style/Theme.AppCompat.Light">
//这里会报错,写着只有11以上能能用,可以先在清单文件中改成11,然后在改成低的就不报错了
        <item name="android:actionBarTabStyle">@style/MyActionBarTabs</item>
     
            <!-- Support library compatibility -->
            <item name="actionBarTabStyle">@style/MyActionBarTabs</item>
        </style>
     
        <!-- ActionBar tabs styles -->
        <style name="MyActionBarTabs"
               parent="@style/Widget.AppCompat.ActionBar.TabView">
            <!-- tab indicator -->
            <item name="android:background">@drawable/actionbar_tab_indicator</item>
     
            <!-- Support library compatibility -->
            <item name="background">@drawable/actionbar_tab_indicator</item>
        </style>
    </resources>

3 在代码里添加标签(删除、隐藏等操作改模式就行)

代码语言:javascript
复制
ActionBar actionBar = getSupportActionBar();
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
Tab tab1=actionBar.newTab().setText("标签一").setTabListener(new MyTabListener());//需要这个接口,可以什么也不写
actionBar.addTab(tab1);

DrawerLayout

在布局里这样写就行了

代码语言:javascript
复制
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/dl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >
     
    <!--如果抽屉没有打开 会显示线性布局  -->
    <LinearLayout android:layout_width="match_parent"
        android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />
     
    </LinearLayout>
     <!--  左面可以滑出来一个抽屉   -->
  <!-- 
    <RelativeLayout
        android:layout_gravity="left"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ff0000">
         
    </RelativeLayout> -->
    <RelativeLayout
        android:layout_gravity="right"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#ffff00">
         
    </RelativeLayout>
</android.support.v4.widget.DrawerLayout>

可以一进如程序就打开一个抽泣

代码语言:javascript
复制
drawerLayout=(DrawerLayout) findViewById(R.id.dl);
    drawerLayout.openDrawer(Gravity.RIGHT);//  打开左面抽屉

ActionBarDrawerToggle

控制抽屉的开关, 显示在actionBar 上面

代码语言:javascript
复制
		ActionBar actionBar = getSupportActionBar();//如果是高版本直接getActionBar
		actionBar.setDisplayHomeAsUpEnabled(true);
		actionBar.setHomeButtonEnabled(true);
            1)显示Navigation Drawer的 Activity 对象
            2) DrawerLayout 对象
            3)一个用来指示Navigation Drawer的 drawable资源
            4)一个用来描述打开Navigation Drawer的文本 (用于支持可访问性)。
            5)一个用来描述关闭Navigation Drawer的文本(用于支持可访问性). 

		drawerToggle = new ActionBarDrawerToggle(this,
				mDrawerLayout, R.drawable.ic_drawer_am, R.string.open_drawer,
				R.string.close_drawer){
					@Override
					public void onDrawerClosed(View drawerView) {
						super.onDrawerClosed(drawerView);
						Toast.makeText(getApplicationContext(), "抽屉关闭了", 0).show();
					}
					@Override
					public void onDrawerOpened(View drawerView) {
						super.onDrawerOpened(drawerView);
						Toast.makeText(getApplicationContext(), "抽屉打开了", 0).show();
					}
			
			
			
		};
		mDrawerLayout.setDrawerListener(drawerToggle);
		//  让开关和actionbar建立关系 
		drawerToggle.syncState();
		/** 处理actionBar菜单条目的点击事件 */
		public boolean onOptionsItemSelected(MenuItem item) {
			if (item.getItemId() == R.id.action_search) {
				Toast.makeText(getApplicationContext(), "搜索", 0).show();
			}
	
			return drawerToggle.onOptionsItemSelected(item)|super.onOptionsItemSelected(item);
		}

切换ViewPager

actionbar的Tab不好看,可以用viewpager里的Tab,只需要嵌套这个PagerTabStrip就可以了

如果的viewpager里是fragment,可以继承FragmentActivity

代码语言:javascript
复制
    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
       >
        <android.support.v4.view.PagerTabStrip //这样viepager上面就有了Tab
        android:id="@+id/pager_tab_strip“
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="#ffffff"
        android:textColor="#000"
        android:paddingTop="4dp"
        android:paddingBottom="4dp" />
         
         
    </android.support.v4.view.ViewPager>
private class MainAdpater extends FragmentStatePagerAdapter{
    public MainAdpater(FragmentManager fm) {
        super(fm);
    }
    // 每个条目返回的fragment
    //  0
    @Override
    public Fragment getItem(int position) {
        if(position==0){
            return new HomeFragment();
        }else{
            return new AppFragment();//现在先这样写,其余的都显示这个fragment
        }
    }
    // 一共有几个条目
    @Override
    public int getCount() {
        return 4;
    }
    // 返回每个条目的标题
    @Override
    public CharSequence getPageTitle(int position) {
        return "标签"+position;
    }
     
}

完整代码请看:2.代码抽取

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-11-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档