`
Season_Wang
  • 浏览: 1346 次
  • 性别: Icon_minigender_2
最近访客 更多访客>>
社区版块
存档分类
最新评论

ActionBar中Tab的简单实现

阅读更多
2014-5-27学习记录
1.ActionBar的导航模式一共有三种(List,Standard,Tabs文档介绍)
通过在Activity里调用ActionBar的setNavigationMode()方法来设置具体的导航模式
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
//设置模式
        ActionBar actionBar=getSupportActionBar();// 如果不使用Android Support Library, 则调用getActionBar()方法
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);// NAVIGATION_MODE_TABS常量表示Tab导航模式
        actionBar.setDisplayShowTitleEnabled(true);// 这里的Title显示的是Activity的android:label属性指定的文字,也就是图1中”Google Play”
        }


2.添加Tab
很简单,分为两个小步骤:
(1)定义一个Tab对象;
(2)调用ActionBar的addTab(Tab tab)方法。
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // setContentView(R.layout.activity_main);
    ActionBar actionBar = getSupportActionBar();
    actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    actionBar.setDisplayShowTitleEnabled(true);

    //定义Tab对象
    Tab tab = actionBar.newTab().setText("第一项").setTabListener(this);
    //addTab方法
    actionBar.addTab(tab);

    tab = actionBar.newTab().setText("第二项").setTabListener(this);
    actionBar.addTab(tab);
    
  }



3.Tab的监听

三种监听:
@Override
public void onTabSelected(Tab tab, FragmentTransaction ft) {
// Tab选中时要执行的代码
}

@Override
public void onTabUnselected(Tab tab, FragmentTransaction ft) {
// Tab离开选中状态时执行的代码
}
@Override
public void onTabReselected(Tab tab, FragmentTransaction ft) {
// Tab被选中后用户再次选中该Tab所执行的代码,通常不做任何事情
}


注意:如果作为内部类要implements TabListener
如:
public class MainActivity extends ActionBarActivity implements TabListener


填写监听的具体内容:
public void onTabSelected(Tab tab, FragmentTransaction ft) {
        switch (tab.getPosition()) {
        case 0:
            BlackFragment bf = new BlackFragment();
            ft.add(android.R.id.content, bf);
//          ft.commit();
            break;
        case 1:
            BlackFragment gf = new BlackFragment();
            ft.add(android.R.id.content, gf);
//          ft.commit();
            break;
        
        default:
            break;
        }
    }



4.Fragment
每个tab里面都有一个fragment,所以要新建一个fragment
public class BlackFragment extends Fragment{
@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        LinearLayout colorLayout = new LinearLayout(getActivity());
        LinearLayout.LayoutParams ll = new LayoutParams(
                LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
        colorLayout.setBackgroundColor(Color.BLACK);
        colorLayout.setLayoutParams(ll);
        return colorLayout;
    }

}

搞定了~
分享到:
评论

相关推荐

    actionBar一个例子(包括ActionBar.Tab)

    - `ActionBar.Tab`提供了在多个视图间切换的简单方式。每个`Tab`可以关联一个`Fragment`或者`Intent`,以实现不同的界面或功能。 - 首先,我们需要在`onCreate`方法中设置`ActionBar`,并启用`Tab`导航: ```java...

    ActionBar的tab + ViewPager 同时支持点击切换和滑动切换页面

    在Android开发中,`ActionBar`和`ViewPager`是两个非常重要的组件,它们分别用于实现界面导航和页面平滑切换。本篇文章将详细讲解如何利用`ActionBar`的`Tab`功能和`ViewPager`来构建一个既支持点击切换又支持滑动...

    Android巧用ActionBar实现tab导航效果

    通过这种方式,我们可以轻松地在ActionBar中实现Tab导航,让用户能够在多个视图间切换,提升应用的用户体验。不过,从Android设计指南来看,现在推荐使用`BottomNavigationView`或`Jetpack Navigation`组件来实现...

    Android tab的实现

    "Android tab的实现"这个主题主要是关于如何在Android应用中创建和管理Tab来提供多页面导航。通常,我们可以使用Android的TabHost、ActionBar(在API 11及以上版本)或ViewPager配合Fragment来实现Tab功能。下面将...

    android入门 Tab + ActionBar

    在Android开发中,`Tab`和`ActionBar`是两种常见的用户界面组件,它们用于构建具有多个视图的交互式应用程序。本教程将介绍如何将`TabHost`与`ActionBar`结合使用,创建一个简单的多标签应用程序。`TabHost`允许在同...

    防QQtab切换

    总的来说,防QQtab切换主要是通过自定义`ActionBar.TabListener`并在`onTabSelected`方法中添加控制逻辑来实现的,这有助于提供更加流畅和可控的用户体验。同时,`ActionBar`的使用也使得应用的导航界面更加专业和...

    PagerSlidingTabIndicator:ActionBar中tab的指针控件

    在Android应用开发中,通常使用ViewPager来实现页面的滑动切换,而PagerTitleStrip或PagerTabStrip则可以提供简单的tab指示。然而,这些原生控件的功能有限,无法实现自定义的动画效果或复杂的布局。...

    【Android UI设计与开发】顶部标题栏 ActionBar 一至四全集

    - **ActionBar.Tab对象**:用于创建并管理ActionBar中的各个标签。通过设置监听器 (`setTabListener()`) 和标签文本 (`setText()`) 或图标 (`setIcon()`) 来实现。 - **添加标签**:通过调用 `ActionBar.addTab()` ...

    ActionBar分页菜单

    总之,通过`ActionBar`的`TabHost`和`ActivityGroup`,以及自定义的`TextView`布局,我们可以实现一个简单的分页菜单,并添加动态滚动效果。然而,对于新的Android项目,建议使用`Fragment`和`ViewPager`来替代,以...

    简单的android选项卡Tab菜单TabHost(一)同一Activity上实现

    不过,Android开发中还有更高级的选项卡实现方式,比如使用ActionBar或Toolbar上的TabLayout,以及搭配ViewPager进行更复杂的页面滑动效果。这些方法通常适用于Android 3.0及以上版本,并且提供了更现代的用户体验。...

    Android高级应用源码-Fragment实现tab实例 代码.rar

    在Tab实现中,每个Tab通常对应一个Fragment,用于展示不同的内容。 2. **TabLayout**:TabLayout是Android Design Support Library中的一个组件,它提供了一种简单的方式来在顶部添加和管理标签。在这个实例中,...

    ActionBarTabs的实现代码

    值得注意的是,从Android设计指导原则出发,从API Level 21开始,`Toolbar`替代了`ActionBar`,并且在Android Support Library和AndroidX库中提供了对`TabLayout`的支持,它提供了一个更现代且可定制的Tab实现方式。...

    Tab和Fragment结合使用

    Tab布局通常是通过TabHost或者更现代的方式,如ActionBar/Toolbar中的TabLayout实现的。在Android设计支持库中,TabLayout与ViewPager结合使用,可以创建一个可滑动的页面指示器,每个页面由一个Fragment表示。这种...

    仿Android4.0左右滑动切换Tab的UI的源代码(实用1).zip

    通过学习和理解这个源代码,开发者可以掌握如何在Android应用中实现流畅的Tab切换效果,这对于构建多面板、多视图的应用是非常有用的。同时,这也有助于开发者了解如何优雅地处理Android版本兼容性问题,提升应用的...

    Android说明Broadcast的代码例子

    以下是一个简单的BroadcastReceiver示例,同时展示了在ActionBar中添加Tab并处理Tab切换的代码: ```java public class MainActivity extends AppCompatActivity { private TabHost mTabHost; @Override ...

    android 像qq的tab页移动动画效果

    在Android开发中,实现类似QQ应用中的Tab页移动动画效果是一项常见的需求,它能为用户界面增添生动性和交互性。这种动画通常涉及到视图切换、触摸反馈以及视觉过渡效果,可以提升用户体验,使得应用程序看起来更加...

    安卓ActionBarSherlock

    Tab tab = actionBar.newTab().setText("Tab 1"); tab.setTabListener(new ActionBar.TabListener() { // 实现Tab监听器方法 }); actionBar.addTab(tab); // 设置自定义视图 View customView = LayoutInflater....

    Android简单实现屏幕下方Tab菜单的方法

    本篇文章将详细讲解如何在Android中实现这样的底部Tab菜单,以及涉及到的关键技术和操作步骤。 首先,我们要了解Android的TabHost组件,它是实现Tab菜单的核心。TabHost是一个可以包含多个Tab的容器,每个Tab对应一...

    自适应Android 3.0以下api的ActionBarSherlock

    2. **导航模式**:如同原生ActionBar,支持Tab导航、Spinner导航和滑动页面导航。 3. **动作按钮**:在低版本上也能实现浮动的动作按钮(Action Items),这些按钮可以设置在菜单或Action Bar上。 4. **主题支持**:...

Global site tag (gtag.js) - Google Analytics