Android巧用ActionBar实现tab导航效果

本文实例为大家分享了ActionBar实现tab导航效果的具体代码,供大家参考,具体内容如下

先来说一说基础知识:

一、基本使用方法

1.获取ActionBar

获取actionbar很简单,在activity中,ationbar=this.getActionBar();

2.显示/隐藏

设置actionBar的显示/隐藏,可以使用show()和hide()方法。

3.设置MenuItem

通过设置menuItem,可以使menuItem成为actionbar上的item。

setShowAsAction(int actionenum),这个actionenum支持的参数如下:

SHOW_AS_ACTION_ALWAYS:  总是将该menuitem显示在actionbar上

SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW:将该ActionView折叠成普通菜单项

SHOW_AS_ACTION_IF_ROOM:当actionbar位置足够时才显示在actionbar上。

SHOW_AS_ACTION_NEVER:不将该menuitem显示在actionbar上。

SHOW_AS_ACTION_WITH_TEXT:把menuItem显示在actionbar上,并且显示该菜单项的文本。

也可以在xml属性,定义item的属性 android:showAsAction来设置。

4.启用程序图标导航

setDisplayHomeAsUpEnabled(boolean showHomeAsUp):设置是否应该将应用程序图标转变成可点击的图标,并且在图标上添加一个向左的箭头。

setDisplayOptions(int options):控制actionbar的显示选项。opitions选项为:

DISPLAY_HOME_AS_UP

DISPLAY_SHOW_CUSTOM

DISPLAY_SHOW_HOME

DISPLAY_SHOW_TITLE

DISPLAY_USE_LOGO

NAVIGATION_MODE_LIST

NAVIGATION_MODE_STANDARD

NAVIGATION_MODE_TABS

setDislayShowHomeEnabled(boolean showHome):设置是否显示应用程序的图标。

setHomeButtonEnabled(boolean eabled):  设置是否将应用程序图标转变成可点击的按钮。

5.actionbar中添加view

定义Action Item时,使用android:actionViewClass属性指定Action View的实现类。

定义Action Item时,使用android:actionLayout属性指定Action View对应的视图资源。

二、Android巧用ActionBar实现tab导航效果
利用actionbar同样也可以轻松的实现tab导航的效果,配合使用fragment实现切换不同view的功能。

若想使用这个功能,需要

1)设置actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS),使actionbar使用tab导航功能。

2)调用actionbar的addTab()方法,添加多个tab标签,并为每个tab标签添加时间监听器。

MyFragment.java

package com.app.main;

import android.annotation.SuppressLint;
import android.app.Fragment;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.TextView;

@SuppressLint("NewApi")
public class MyFragment extends Fragment {

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
   Bundle savedInstanceState) {

  Context context = this.getActivity();

  TextView tv = new TextView(context);

  Bundle arc = this.getArguments();

  int tabs=arc.getInt("key");

  tv.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,
    LayoutParams.WRAP_CONTENT));

  tv.setText("hello actionbar "+tabs);

  return tv;

 }

}

main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".Main" >

 <LinearLayout
  android:id="@+id/container"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" />

</RelativeLayout>

Main.java

package com.app.main;

import android.app.ActionBar;
import android.app.ActionBar.Tab;
import android.app.Activity;
import android.app.FragmentTransaction;
import android.os.Bundle;

public class Main extends Activity implements ActionBar.TabListener {

 ActionBar actionBar = null;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

  actionBar = this.getActionBar();

  actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

  actionBar.addTab(actionBar.newTab().setText("tab1")
    .setTabListener(this));

  actionBar.addTab(actionBar.newTab().setText("tab2")
    .setTabListener(this));

  actionBar.addTab(actionBar.newTab().setText("tab3")
    .setTabListener(this));

 }

 @Override
 public void onTabReselected(Tab tab, FragmentTransaction ft) {

 }

 @Override
 public void onTabSelected(Tab tab, FragmentTransaction ft) {

  MyFragment frag = new MyFragment();

  int index = tab.getPosition() + 1;

  Bundle bundle = new Bundle();

  bundle.putInt("key", index);

  frag.setArguments(bundle);

  FragmentTransaction action = Main.this.getFragmentManager()
    .beginTransaction();

  action.replace(R.id.container, frag);

  action.commit();

 }

 @Override
 public void onTabUnselected(Tab tab, FragmentTransaction ft) {

 }

}

实现效果:

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • Android ActionBar使用教程

    ActionBar的引入方式: 有几种,从 Android 3.0(API lever 11) 开始,所有使用 Theme.Holo 主题(或者它的子类)的 Activity 都包含了 action bar,当 targetSdkVersion 或 minSdkVersion 属性被设置成 "11" 或更大时,它是默认主题.为了兼容Android3.0之前的低版本,actionbar通常通过extends集成Support包下的AppCompatActivity实现,同时需要使用The

  • Android巧用ActionBar实现下拉式导航

    本文实例为大家分享了ActionBar下拉式导航的实现代码,供大家参考,具体内容如下 利用Actionbar同样可以很轻松的实现下拉式的导航方式,若想实现这种效果: 1)actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST)  2)setListNavigationCallbacks(SpinnerAdapter adapter,ActionBar.OnNavigationListener callback). 首先是创建一个Fra

  • Android编程之ActionBar Tabs用法实例分析

    本文实例讲述了Android编程之ActionBar Tabs用法.分享给大家供大家参考,具体如下: 这里主要实现用Tab切换不同的Fragment,点击View显示or隐藏ActionBar,把ActionBar 设为透明,使界面更加友好,详细代码见资源里的ActionBarTabs. ActionBar Tab主要用于Fragment之间的切换,其必须要设置ActionBar.TabListener,详细代码如下 ActionBarActivity.Java: import android.

  • Android ActionBar搜索功能用法详解

    本文实例讲述了Android ActionBar搜索功能用法.分享给大家供大家参考,具体如下: 使用ActionBar SearchView时的注意点: 首先要吐槽一下Android的官方Guide文档 ,关于用法讲得不明确,可能是一直没更新的原因吧. 本来照着文档搞了一下,hint死活出不来,也无法跳转到搜索结果Activity. StackOverflow也有人提出了这个问题,答案说得很明白 - 参考链接. 正确用法 1. 在AndroidManifest.xml中为提供SearchView

  • 灵活使用Android中ActionBar和ViewPager切换页面

    本文实例讲述了Android使用ActionBar和ViewPager切换页面,分享给大家供大家参考.具体如下: 运行效果截图如下: 项目布局如下: 具体代码如下: MainActivity.java代码 import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.

  • Android中ActionBar以及menu的代码设置样式

    menu部分xml代码 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/action_search" android:title="搜索1" android:orderI

  • Android自定义ActionBar实例

    本文实例讲述了Android自定义ActionBar的实现方法.分享给大家供大家参考.具体实现方法如下: Android 3.0及以上已经有了ActionBar的API,可以通过引入support package在3.0以下的平台引用这些API,但这儿呢,完全自定义一个ActionBar,不用引入额外jar包,参照的是开源的UI组件GreeenDroid,项目主页:https://github.com/cyrilmottier/GreenDroid .提取出关于ActionBar的相关文件,你可

  • Android编程实现ActionBar的home图标动画切换效果

    本文实例讲述了Android编程实现ActionBar的home图标动画切换效果.分享给大家供大家参考,具体如下: Material Design中一个重要特性是侧滑菜单 展开/关闭 时,ActionBar上的home图标也动画切换.本例要实现的正是这个效果,如图所示: 实现这个效果仅需几步: 1.首先,该页面的布局是一个DrawerLayout,代码如下: <android.support.v4.widget.DrawerLayout xmlns:android="http://sche

  • Android 活动条ActionBar的详解及实例代码

    Android 活动条ActionBar的详解 图一 图二 图三 图四 图五 ActionBar其提供的功能总结 图一使用ActionBar显示选项菜单项 menu_mainxml代码 启用程序图标导航 如何添加Action View 图二Activity代码区 menu_mainxml代码 clockxml 图三使用ActionBar实现Tab导航 创建ActionBar实现Tab导航步骤 MainActivity代码 DummyFragmentjava代码 图四Android 30之前的Fr

  • Android学习笔记之ActionBar Item用法分析

    本文实例讲述了Android ActionBar Item用法.分享给大家供大家参考,具体如下: 这里主要讲述ActionBar Item的使用方法.在手机上,按Menu键出现Menu菜单,但是在平板中可以把菜单放在ActionBar里面,放置的Item也比手机上多,下面详细介绍其用法: 1.在Androidmanifest.xml里面加上 <uses-sdk Android:minSdkVersion="11"/> 或者 <uses-sdk android:targ

  • Android ActionBarActivity设置全屏无标题实现方法总结

    Android  ActionBarActivity设置全屏无标题实现方法总结 前言: 新建的Activity继承自ActionBarActivity,设置全屏无标题本来很简单的事,但是没想到app竟然无缘无故的挂,要么就是白屏一片,要么就是黑屏.坑了我一个多小时!!! 原因是ActionBarActivity设置theme的时候只能使用v7包里的Theme.AppCompat***开头的主题,因此设置全屏无标题的话需要自定义个style: <style name="ActionBarFu

  • android中开启actionbar的两种方法

    两种方法,第一种是静态开启方法 把application 或者 activity的主题设置为Theme.Holo即可 <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.baidu.homer" android:versi

随机推荐