效果如图： MainActivity.java具体实现： package com.rainmer.actionbartab; import android.app.ActionBar; import...android.app.Activity; import android.app.FragmentTransaction; import android.app.ActionBar.Tab; import...super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ActionBar...actionBar = getActionBar(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);//设置导航模式...ActionBar.TabListener tabListener = new ActionBar.TabListener() {
现在ActionBar广泛用做APP的顶部导航栏，它在布局上主要分为三部分：左边是返回区域，包括logo、返回箭头、左侧标题等等；右边是菜单区域，放的是溢出菜单OverflowMenu的各菜单项；中间是条件区域...导航项Navigation 使用导航项需要在ActionBar中将其设置为具体模式（setNavigationMode），目前ActionBar支持两种导航模式： 1、NAVIGATION_MODE_LIST....getDrawable(bgId)); } actionBar.setTitle(title); //允许在导航栏上显示下拉框，另一种NAVIGATION_MODE_TABS表示标签页切换...原生导航 ?...定制导航 ? 搜索导航 ? 点击下载本文用到的顶部导航栏三种方式的代码 点此查看Android开发笔记的完整目录
通过Action Bar图标进行导航 启用ActionBar图标导航的功能，可以允许用户根据当前应用的位置来在不同界面之间切换。...现在看上去，ActionBar导航和Back键的功能貌似是一样的。...没错，如果我们只是简单地finish了一下，ActionBar导航和Back键的功能是完全一样的，但ActionBar导航的设计初衷并不是这样的，它和Back键的功能还是有一些区别的，举个例子吧。...这就是ActionBar导航和Back键在设计上的区别，那么该怎样才能实现这样的功能呢？其实并不复杂，实现标准的ActionBar导航功能只需三步走。...这样，就按照标准的规范成功实现ActionBar导航的功能了。
限于篇幅的原因，在上篇文章中我们只学习了ActionBar基础部分的知识，那么本篇文章我们将接着上一章的内容继续学习，探究一下ActionBar更加高级的知识。...如果你还没有看过前面一篇文章的话，建议先去阅读Android ActionBar完全解析，使用官方推荐的最佳导航栏(上)。...添加导航Tabs Tabs的应用可以算是非常广泛了，它可以使得用户非常轻松地在你的应用程序中切换不同的视图。...actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); Tab tab = actionBar .newTab() ....自定义ActionBar样式 虽说ActionBar给用户提供了一种全局统一的界面风格和操作方式，但这并不意味着所有应用程序的ActionBar都必须要长得一模一样。
Android 3.0及以上已经有了ActionBar的API，可以通过引入support package在3.0以下的平台引用这些API，但这儿呢，完全自定义一个ActionBar，不用引入额外jar...提取出关于ActionBar的相关文件，你可以放在自己的项目中，最后会附下载地址。下面说下在程序中的用法。...match_parent" android:layout_height="match_parent" android:orientation="vertical" > actionbar.ActionBar...ActionBar其实是个Linearlayout，还有些自己的属性，首先要定义一个命名空间，名字随意，如上面的bar。...title就是actionbar的上的标题；type是区分这个actionbar的上左边item的布局，有三种类型，一种是normal：左边是一个显示主页的imagebutton和显示title的textview
Activity自带actionBar 2.从Android3.0(APIlever11)开始，所有使用Theme.Holo主题（或者它的子类）的activity都包含了actionbar，当 targetSdkVersion...所以，为你的activity添加actionbar，只需简单地设置属性为11或者更大。 常用操作: 搜索 Actionbar允许你为当前上下文中最重要的操作添加按钮。...中为用户提供一个导航到逻辑父屏的up button(向上按钮)。...(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); Tab tab1=actionBar.newTab().setText...上面 ActionBar actionBar = getSupportActionBar();//如果是高版本直接getActionBar actionBar.setDisplayHomeAsUpEnabled
Activity自带actionBar 2.从Android3.0(APIlever11)开始，所有使用Theme.Holo主题（或者它的子类）的activity都包含了actionbar，当 targetSdkVersion...所以，为你的activity添加actionbar，只需简单地设置属性为11或者更大。 常用操作: 搜索 Actionbar允许你为当前上下文中最重要的操作添加按钮。...中为用户提供一个导航到逻辑父屏的up button(向上按钮)。...(); actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); Tab tab1=actionBar.newTab().setText(...上面 ActionBar actionBar = getSupportActionBar();//如果是高版本直接getActionBar actionBar.setDisplayHomeAsUpEnabled
经过前面两篇文章的学习，我想大家对ActionBar都已经有一个相对较为深刻的理解了。...那么不用担心，本篇文章我就将带领大家一起进入ActionBar的应用实战，将理论和实践完美结合到一起。...如果你还没有看过我的前两篇文章，建议先去阅读一下 Android ActionBar完全解析，使用官方推荐的最佳导航栏(上) 和 Android ActionBar完全解析，使用官方推荐的最佳导航栏(下...现在我们已经把ActionBar的界面都实现好了，但是如果你现在运行一下会发现，效果和微信还差得比较远，因为在字体的颜色和大小等方面我们还没有进行微调，因此接下来我们还需要自定义ActionBar的样子...经过前后三篇文章的学习，我相信大家对ActionBar的技术都已经掌握的非常好了，那么我们ActionBar系列的文章也就到此结束。 源码下载，请点击这里
近期在项目中大量使用actionbar,所以把自己定义的一些属性总结一下。...效果例如以下： 1、自己定义actionbar 在theme的style中设置 @style/CustomActionBar...-- actionbar样式 --> ActionBar"> <...自己定义返回button图标 @drawable/navbar_back 3、自己定义标题样式 这个须要设置actionbar...OverflowButtonStyle @drawable/actionbar_add_icon
所以，这两节的内容我打算总结下ActionBar和Toolbar的基本使用，因为Toolbar实际上是ActionBar的扩展，所以这一节还是介绍复杂的ActionBar，下一节再继续介绍Toolbar...1.ActionBar的来源 ActionBar是从Android 3.0开始引入的，它是用于取代3.0之前的标题栏，并提供更为丰富的导航效果。...实现应用内的导航呢？...如果细想的话，还要考虑当前Activity和父Activity所处的Stack的情况，那么就复杂了，可以参考Providing Up Navigation学习下如何处理不同的launchMode下的导航...其他的关于ActionBar的内容参见这篇文章Android UI开发详解之ActionBar，它还详细介绍了如果开发带Tab的ActionBar以及下拉模式的ActionBar等内容。
com.actionbarsherlock.view.MenuItem @Override public boolean onCreateOptionsMenu(Menu menu) { // 设置背景图片，默认撑满整个ActionBar...getActionBar().setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_actionbar));...} }); // setNavigationMode getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_LIST...注意导的包要一致 getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); for...(int i = 1; i <= 3; i++) { ActionBar.Tab tab = getSupportActionBar().newTab();
启用ActionBar图标导航的功能，可以允许用户根据当前应用的位置来在不同界面之间切换。...现在看上去，ActionBar导航和Back键的功能貌似是一样的。...没错，如果我们只是简单地finish了一下，ActionBar导航和Back键的功能是完全一样的，但ActionBar导航的设计初衷并不是这样的，它和Back键的功能还是有一些区别的，举个例子吧。...这就是ActionBar导航和Back键在设计上的区别，那么该怎样才能实现这样的功能呢？其实并不复杂，实现标准的ActionBar导航功能只需三步走。...这样，就按照标准的规范成功实现ActionBar导航的功能了。
在Android3.0之后，Google对UI导航设计上进行了一系列的改革，其中有一个非常好用的新功能就是引入的ActionBar，他用于取代3.0之前的标题栏，并提供更为丰富的导航效果。...一、添加ActionBar 1、不需要导入ActionBar，因为在android3.0或者以上版本中，ActionBar已经默认的包含在Activity中 2、在Android3.0的默认主题“holographic...版本（默认含有ActionBar） 二、隐藏ActionBar 1、我们可以通过把主题设置为Theme.Holo.NoActionBar为一个Activity去除掉ActionBar。 ...Google提供给一个属性可以让ActionBar浮在界面上，当然你可以让ActionBar的背景为透明， 这样会有良好的体验效果。...name="android:maxLines">2 android:actionDropDownStyle 样式属性 actionDropDownStyle 定义了下拉导航列表的样式
设置标题： actionBar.setTitle("关于我们"); 显示“返回箭头的按钮" actionBar.setDisplayHomeAsUpEnabled(true); 监听返回按钮的
ActionBar Tab 导航 1....ActionBar 相关代码解析 (1) ActionBar 开启导航相关方法 开启 Tab 导航 : actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS...); -- ActionBar 有三种导航方式 : ActionBar.NAVIGATION_MODE_TABS Tab 导航, ActionBar.NAVIGATION_MODE_LIST List...导航, ActionBar.NAVIGATION_MODE_STANDARD 普通导航; -- 代码示例 : /* 获取 ActionBar */ ActionBar actionBar...ActionBar 实现下拉式导航 1.
需求 让Actionbar 的背景透明，相当于漂浮在你的页面上 思路 首先，设置ActionBar 浮动到主界面上来。 然后，设置ActionBar的背景色，透明或者半透明。...actionBar = getActionBar(); actionBar.setBackgroundDrawable(new ColorDrawable(Color.parseColor("#33000000..."))); //google的actionbar是分为上下两栏显示的，上面的代码只能设置顶部actionbar的背景色， //为了让下面的背景色一致，还需要添加一行代码： actionBar.setSplitBackgroundDrawable...-- 让actionbar漂浮 --> @style/my_actionbar_style...actionbar_style" parent="@android:style/Widget.Holo.Light.ActionBar"> <!
以下内容参考自Android官网http://developer.android.com/training/basics/actionbar/overlaying.html#EnableOverlay...直接调用ActionBar的hide()和show()方法,会造成Activity重新计算和重新绘制布局的新的大小。...如果想在覆盖模式下，依然让布局显示在ActionBar的下方，则在布局文件的父布局下设置paddingTop属性值： 3.0以上版本： 提示：如果想让ActionBar显示在布局的前面，也可以设置ActionBar的背景为透明即可。 效果如下。 image.png
本文提到的导航都是根据 Android 4.0 设计规范中推荐的 ActionBar 实现的， 因此整个应用程序启用带 ActionBar 的主题， 如果使用 Java 的话， 需要手工编辑 AppManifest.xml...标签导航 Android 的标签用 ActionBar 实现， 用户既可以点击标签切换视图， 也可以水平滑动切换视图， 如下图所示： ?..._viewPager.CurrentItem = tab.Position; }; actionBar.AddTab(tab); } } } 左右导航 标签导航并不适合所有的场景， 有时仅仅需要显示视图的标题即可.../ 设置 ActionBar 的导航模式为下拉列表 actionBar.NavigationMode = ActionBarNavigationMode.List; var titles...要显示向上导航的按钮， 需要在 OnCreate 方法中对 ActionBar 做如下设置： // 设置 ActionBar var actionBar = this.ActionBar; // 将 Home
一、Action Bar 导航栏。是3.0之后出现的。...当宽度有足够的位置时，导航选项标签会被放到主操作栏中； ? ...当屏幕太窄的时候，选项标签会被放到一个分离的横条中 创建导航标签步骤 * 使用ActionBar的Tab导航 * 1、设置ActionBar的导航模式为TABS * 2、当前Activity实现ActionBar.TabListener...Tab增加到ActionBar中 * 5、设置ActionBar选择事件监听 看一个Demo ， 设置四个导航标签，点击一个导航标签，显示对应的Fragment 1 import android.app.ActionBar...的导航模式为TABS 19 actionBar = getActionBar(); 20 actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
