首页 文章 精选 留言 我的

Android之Actionbar顶部标签的使用

2017-11-14 534

 今天写了个示例代码，就是使用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，如需转载请自行联系原作者

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/478325

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

android精要——BroadcastReceiver

在UI主线程中构建，不可进行耗时操作； 生命周期短暂，主要是起到一个过渡作用； 目标组件：Notification、Activity、Service； 两种注册方式： （1）动态注册，通常情况下在onResume()中调用Context.registerReceiver()注册，在onPause()中调用unRegisterReceiver()注销； （2）静态注册，在注册文件中进行注册； 通常情况下，触发率过高的事件不宜采用静态注册； 发送的广播分为普通广播和有序广播： （1）普通广播：所有注册了该广播的接受者都可以接收到该广播； （2）有序广播：按照接受者的优先级进行排列接受广播，优先级高的接收者可以终止该广播（BroadcastReceiver.abortReceiver()）的传播并且在传播的过程中可以添加额外的数据(BroadcastReceiver.setResult()),之后的接收者可以接收到该数据并进行处理（BroadcaseReceiver.getResultData()）； 本文转自wauoen51CTO博客，原文链接：http://blog.51cto.com/...
2017-11-15
580
上一篇

IOS开发——手动设置屏幕旋转

在移动开发过程。您可能需要跨越看看你的手机。有可能是所有的接口必须跨越，有可能是一个交叉通过电话，当用户当，你的接口也希望他能跨越。还有可能的是，界面的一部分需要被侧向显示。视情况而定，有不同的方法来解决。 首先，我们想澄清，以两种方式方向，向。一种是视图方向。设备方向有两种方式能够改变，一个是通过重力加速计，即旋转屏幕的方式去改变，一个是通过代码，调用UIDevice的方式去改变！ 直接设置 UIDevice 的 orientation，可是这样的方式不推荐，上传appStore有被拒的风险。 if([[UIDevicecurrentDevice]respondsToSelector:@selector(setOrientation:)]){ [[UIDevicecurrentDevice]performSelector:@selector(setOrientation:)withObject:(id)UIInterfaceOrientationPortrait]; } 我们都是通过改变视图的方向来让屏幕旋转的。 情景一：程序中全部界面都是横屏显示的 解决的方法：改动project配...
2017-11-15
635
下一篇

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

时间: 2025-12-03 大小: 4.36MB 下载: 23次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2025-12-28 大小: 1MB 下载: 4次
Rocky Linux

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

时间: 2026-01-03 大小: 1.42GB 下载: 2次
Sublime Text

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

时间: 2025-12-03 大小: 9.84MB 下载: 39次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
Service Mesh SpringCloud HarmonyOS6 DeepSeek Kubernetes Redis Nacos3 SpringBoot4 Docker OpenAi Rocky Jdk25 Gemini3

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273

用户登录
用户注册