AI 助理
备案控制台
开发者社区 云原生 文章 正文

Android之Actionbar顶部标签的使用

2017-11-15 1239
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：

 今天写了个示例代码，就是使用Actionbar类实现顶部标签切换功能。如果所示。

  wKioL1PbOnvTIWiZAACPg7me6ZI290.jpg


使用最新的adt工具，创建项目的时候都会带一个android-support-v7-appcompat的类库项目，

这个libproject中有我们要用的ActionBar，可以适配2.1的Android系统。

废话不多说，直接上代码。


1、修改activity_main.xml，增加ViewPager。

1
2
3
4
5
< android.support.v4.view.ViewPager  xmlns:android = "http://schemas.android.com/apk/res/android"
     xmlns:tools = "http://schemas.android.com/tools"
     android:id = "@+id/pager"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent" />

2、修改MainActivity中的代码，让其继承ActionBarActivity

1
public  class  MainActivity  extends  ActionBarActivity  implements  TabListener {


3、创建TabsPagerAdapter继承FragmentPagerAdapter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
package  com.example.tabswithswie.adatper;
 
import  android.support.v4.app.Fragment;
import  android.support.v4.app.FragmentManager;
import  android.support.v4.app.FragmentPagerAdapter;
 
import  com.example.tabswithswie.fragments.AppFragment;
import  com.example.tabswithswie.fragments.GamesFragment;
import  com.example.tabswithswie.fragments.MoviesFragment;
 
public  class  TabsPagerAdapter  extends  FragmentPagerAdapter {
 
     public  TabsPagerAdapter(FragmentManager fm) {
         super (fm);
         // TODO Auto-generated constructor stub
     }
 
     @Override
     public  Fragment getItem( int  index) {
         switch  (index) {
         case  0 :
             return  new  AppFragment();
         case  1 :
             return  new  GamesFragment();
         case  2 :
             return  new  MoviesFragment();
      
         }
         return  null ;
     }
 
     @Override
     public  int  getCount() {
         // TODO Auto-generated method stub
         return  3 ;
     }
 
}

4、创建AppFragment继承android.support.v4.app.Fragment

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
package  com.example.tabswithswie.fragments;
 
import  com.example.tabswithswie.R;
 
import  android.os.Bundle;
import  android.support.v4.app.Fragment;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
 
public  class  AppFragment  extends  Fragment {
     
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         return  inflater.inflate(R.layout.fragment_app, container,  false );
     }
}

5、创建布局文件fragment_app.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<? xml  version = "1.0"  encoding = "utf-8" ?>
< RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent"
     android:background = "#43ff00ff"  >
 
     < TextView
         android:id = "@+id/textView1"
         android:layout_width = "wrap_content"
         android:layout_height = "wrap_content" 
         android:layout_centerInParent = "true"
         android:text = "这个是应用界面"
         android:textAppearance = "?android:attr/textAppearanceLarge"  />
 
</ RelativeLayout >


6、创建GamesFragment继承android.support.v4.app.Fragment

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
package  com.example.tabswithswie.fragments;
 
import  com.example.tabswithswie.R;
 
import  android.os.Bundle;
import  android.support.v4.app.Fragment;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
 
public  class  GamesFragment  extends  Fragment {
     
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         return  inflater.inflate(R.layout.fragment_game, container,  false );
     }
}

7、创建布局文件fragment_game.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<? xml  version = "1.0"  encoding = "utf-8" ?>
< RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent" 
     android:background = "#9445f353" >
 
     < TextView
         android:id = "@+id/textView1"
         android:layout_width = "wrap_content"
         android:layout_height = "wrap_content" 
         android:layout_centerInParent = "true"
         android:text = "游戏"
         android:textAppearance = "?android:attr/textAppearanceLarge"  />
 
</ RelativeLayout >

8、创建MoviesFragment继承android.support.v4.app.Fragment

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
package  com.example.tabswithswie.fragments;
 
import  com.example.tabswithswie.R;
 
import  android.os.Bundle;
import  android.support.v4.app.Fragment;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
 
public  class  MoviesFragment  extends  Fragment {
     
     @Override
     public  View onCreateView(LayoutInflater inflater, ViewGroup container,
             Bundle savedInstanceState) {
         // TODO Auto-generated method stub
         return  inflater.inflate(R.layout.fragment_movie, container,  false );
     }
}

9、创建布局文件fragment_movie.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<? xml  version = "1.0"  encoding = "utf-8" ?>
< RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent"
     android:background = "#34fef443"  >
 
     < TextView
         android:id = "@+id/textView1"
         android:layout_width = "wrap_content"
         android:layout_height = "wrap_content" 
         android:layout_centerInParent = "true"
         android:text = "视频"
         android:textAppearance = "?android:attr/textAppearanceLarge"  />
 
</ RelativeLayout >


10、回到 MainActivity类，添加Tabs到ActionBar中，并处理点击滑动事件。完整代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
package  com.example.tabswithswie;
 
import  android.os.Bundle;
import  android.support.v4.app.FragmentTransaction;
import  android.support.v4.view.ViewPager;
import  android.support.v4.view.ViewPager.OnPageChangeListener;
import  android.support.v7.app.ActionBar;
import  android.support.v7.app.ActionBar.Tab;
import  android.support.v7.app.ActionBar.TabListener;
import  android.support.v7.app.ActionBarActivity;
 
import  com.example.tabswithswie.adatper.TabsPagerAdapter;
 
public  class  MainActivity  extends  ActionBarActivity  implements  TabListener {
     private  ViewPager viewPager;
     private  ActionBar actionBar; 
     private  TabsPagerAdapter mTabsPagerAdapter;
     
     private  String[] tabs ={ "应用" , "游戏" , "视频" };
     @Override
     protected  void  onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         //获取viewpager
         viewPager = (ViewPager) findViewById(R.id.pager);
         //实例化pageradapter
         mTabsPagerAdapter =  new  TabsPagerAdapter(getSupportFragmentManager());
         viewPager.setAdapter(mTabsPagerAdapter);
         //获取适配的actionbar
         actionBar = getSupportActionBar();
         //设置home按钮不可点击
         actionBar.setHomeButtonEnabled( false );
         //设置顶部导航的模式  -tabs
         actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
         //添加标签
         for (String tab:tabs)
         {
             actionBar.addTab(actionBar.newTab().setText(tab).setTabListener( this ));
          }
         //设置ViewPager切换时候的监听事件
         viewPager.setOnPageChangeListener( new  OnPageChangeListener() {
             
             @Override
             public  void  onPageSelected( int  position) {
                 //页面滑动，顶部标签跟着改变
                  actionBar.setSelectedNavigationItem(position);
             }
             
             @Override
             public  void  onPageScrolled( int  arg0,  float  arg1,  int  arg2) {
                 // TODO Auto-generated method stub
                 
             }
             
             @Override
             public  void  onPageScrollStateChanged( int  arg0) {
                 // TODO Auto-generated method stub
                 
             }
         });
     }
      
 
     @Override
     public  void  onTabReselected(Tab arg0, FragmentTransaction arg1) {
         // TODO Auto-generated method stub
         
     }
 
     @Override
     public  void  onTabSelected(Tab tab, FragmentTransaction fragmentTransaction) {
         //tab选中，切换viewpager
         viewPager.setCurrentItem(tab.getPosition());
     }
 
     @Override
     public  void  onTabUnselected(Tab arg0, FragmentTransaction arg1) {
         // TODO Auto-generated method stub
         
     }
 
      
}


代码就是这样的，搞定收工了。


本文转自xuzw13 51CTO博客，原文链接：http://blog.51cto.com/xuzhiwei/1533803，如需转载请自行联系原作者

文章标签：
Android开发
容器
关键词：
Android标签
Android ActionBar
Android顶部
科技小先锋
目录
相关文章
保山hh
|
4月前
|
移动开发 JavaScript Java
关于Android中如何过滤HTML标签
关于Android中如何过滤HTML标签
保山hh
58 0
一笑轮回~
|
4月前
Android-自定义流布局标签
Android-自定义流布局标签
一笑轮回~
47 0
xiaowang_lj
|
6月前
|
Android开发
Android中去掉ActionBar的几种方法
Android中去掉ActionBar的几种方法
xiaowang_lj
154 0
热烈的马
|
6月前
|
XML Java Android开发
Android Studio App开发中工具栏Toolbar、溢出菜单OverflowMenu、标签布局TabLayout的讲解及实战（实现京东App的标签导航栏，附源码）
Android Studio App开发中工具栏Toolbar、溢出菜单OverflowMenu、标签布局TabLayout的讲解及实战（实现京东App的标签导航栏，附源码）
热烈的马
629 0
路宇
|
Android开发
Android 获取include标签中的控件属性并设置事件
Android 获取include标签中的控件属性并设置事件
路宇
186 0
孤街酒客0911
|
Android开发 网络虚拟化
Android 13.0 StatusBar顶部图标加载流程
Android 13.0 StatusBar顶部图标加载流程
孤街酒客0911
764 0
孤街酒客0911
|
Android开发
Android 10.0 顶部状态栏系统图标显示分析
Android 10.0 顶部状态栏系统图标显示分析
孤街酒客0911
926 0
黄林晴
|
Android开发
Android 自定义View小实例-实现绘制打折标签
Android 自定义View小实例
黄林晴
356 0
Android 自定义View小实例-实现绘制打折标签
韩曙亮
|
Android开发
【Android 逆向】IDA 工具使用 ( 重命名函数 | 添加注释 | 添加标签 / 跳转标签 | 代码跳转前进 / 后退 )（二）
【Android 逆向】IDA 工具使用 ( 重命名函数 | 添加注释 | 添加标签 / 跳转标签 | 代码跳转前进 / 后退 )（二）
韩曙亮
187 0
【Android 逆向】IDA 工具使用 ( 重命名函数 | 添加注释 | 添加标签 / 跳转标签 | 代码跳转前进 / 后退 )（二）
韩曙亮
|
Java Android开发
【Android 逆向】IDA 工具使用 ( 重命名函数 | 添加注释 | 添加标签 / 跳转标签 | 代码跳转前进 / 后退 )（一）
【Android 逆向】IDA 工具使用 ( 重命名函数 | 添加注释 | 添加标签 / 跳转标签 | 代码跳转前进 / 后退 )（一）
韩曙亮
417 0
【Android 逆向】IDA 工具使用 ( 重命名函数 | 添加注释 | 添加标签 / 跳转标签 | 代码跳转前进 / 后退 )（一）

热门文章

最新文章

  • 1
    离线安装Eclipse的Android ADT开发插件
  • 2
    Android——Fragment介绍
  • 3
    android使用Activity
  • 4
    Android开发1——查找所需要出示权限的内容
  • 5
    0xA02 Android 10 源码分析：APK 的安装流程
  • 6
    大叔也说Xamarin~Android篇~Activity之间传递数组
  • 7
    传谷歌收紧 Android 厂商控制：力推自家应用
  • 8
    android-async-http框架的学习和使用
  • 9
    Android响应式编程RxAndroid（1）：简单例程
  • 10
    Android学习之四大组件（四）——BroadcastReceiver
  • 1
    kotlin开发安卓app，如何让布局自适应系统传统导航和全面屏导航
    130
  • 2
    kotlin开发安卓app，使用webivew 触发 onShowFileChooser， 但只能触发一次，第二次无法触发，是怎么回事。 如何解决
    365
  • 3
    Android面试题之View的invalidate方法和postInvalidate方法有什么区别
    59
  • 4
    Android深入Binder拦截问题分析
    63
  • 5
    安卓与iOS开发环境对比：选择适合你的平台
    48
  • 6
    安卓与iOS开发环境对比：选择合适的平台
    48
  • 7
    使用kotlin Jetpack Compose框架开发安卓app， webview中h5如何访问手机存储上传文件
    159
  • 8
    探索安卓应用开发的未来趋势
    47
  • 9
    安卓与iOS开发环境对比分析
    51
  • 10
    Android studio 安装以及第一个程序
    134

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    无影云桌面