Android ViewPager实现选项卡切换
程序员文章站
2024-02-17 09:36:34
本文实例介绍了viewpager实现选项卡切换,效果图如下:
步骤一:这里使用兼容低版本的v4包进行布局,这里eclipse没有输入提示,所以要手动输入,文件名称“a...
本文实例介绍了viewpager实现选项卡切换,效果图如下:
步骤一:这里使用兼容低版本的v4包进行布局,这里eclipse没有输入提示,所以要手动输入,文件名称“activity_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=".mainactivity" > <android.support.v4.view.viewpager android:id="@+id/viewpager" android:layout_height="wrap_content" android:layout_width="wrap_content" > <android.support.v4.view.pagertabstrip android:id="@+id/tabstrip" android:layout_height="wrap_content" android:layout_width="wrap_content" /> </android.support.v4.view.viewpager> </relativelayout>
步骤二:选项卡中的内容都是从布局文件中获取,所以我新建两个测试布局“layout1.xml”和“layout2.xml”,里面内容随意。
步骤三:布局已经完成,在mainactivity.java类中,实现关键功能。
首先要声明viewpager和pagertabstrip对象,通过findviewbyid分别找到资源id,声明arraylist<view>来存放测试布局文件,核心代码如下:
package com.example.viewpager; import java.util.arraylist; import android.os.bundle; import android.app.activity; import android.graphics.color; import android.support.v4.view.pageradapter; import android.support.v4.view.pagertabstrip; import android.support.v4.view.viewpager; import android.support.v4.view.viewpager.onpagechangelistener; import android.view.menu; import android.view.view; import android.view.viewgroup; import android.widget.toast; public class mainactivity extends activity implements onpagechangelistener { private viewpager viewpager; private pagertabstrip tabstrip; private string[] title={"首页","新闻","公告","图片"}; private arraylist<view> views=new arraylist<view>(); @override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); viewpager=(viewpager) findviewbyid(r.id.viewpager); tabstrip=(pagertabstrip) findviewbyid(r.id.tabstrip); initial(); viewpager.setadapter(new mypageradapter()); } public void initial(){ views.add(getlayoutinflater().inflate(r.layout.layout1,null)); views.add(getlayoutinflater().inflate(r.layout.layout2,null)); views.add(getlayoutinflater().inflate(r.layout.layout1,null)); views.add(getlayoutinflater().inflate(r.layout.layout2,null)); tabstrip.setbackgroundcolor(getresources().getcolor(android.r.color.holo_blue_light)); tabstrip.settabindicatorcolor(getresources().getcolor(android.r.color.holo_blue_bright)); tabstrip.settextcolor(color.white); viewpager.setonpagechangelistener(this); } class mypageradapter extends pageradapter{ @override public int getcount() { // todo 自动生成的方法存根 return views.size(); } @override public object instantiateitem(viewgroup container, int position) { view v=views.get(position); container.addview(v); return v; } @override public void destroyitem(viewgroup container, int position, object object) { // todo 自动生成的方法存根 //super.destroyitem(container, position, object); container.removeview(views.get(position)); } @override public boolean isviewfromobject(view arg0, object arg1) { // todo 自动生成的方法存根 return arg0==arg1; } @override public charsequence getpagetitle(int position) { // todo 自动生成的方法存根 return title[position]; } } @override public void onpagescrollstatechanged(int arg0) { // todo 自动生成的方法存根 } @override public void onpagescrolled(int arg0, float arg1, int arg2) { // todo 自动生成的方法存根 } @override public void onpageselected(int arg0) { // todo 自动生成的方法存根 //toast.maketext(mainactivity.this,"新年快乐",toast.length_short).show(); } }
以上就是本文的全部内容,还有一些问题会在之后的文章中继续学习,希望大家继续关注。
推荐阅读
-
Android viewpager中动态添加view并实现伪无限循环的方法
-
Android仿微信底部实现Tab选项卡切换效果
-
Android编程实现图片背景渐变切换与图层叠加效果
-
Android编程实现两个Activity相互切换而不使用onCreate()的方法
-
Android编程实现ActionBar的home图标动画切换效果
-
Android启动屏实现左右滑动切换查看功能
-
android实现ViewPager的Indicator的实例代码
-
Android ViewPager实现轮播图效果
-
灵活使用Android中ActionBar和ViewPager切换页面
-
Android 实现无网络页面切换的示例代码