ViewPager和Tabhost结合,可滑动的tabhost

有朋友反映资源下载下来有问题,我看了下,确实是,已更新下面文章中的代码和资源,现在可以好好的跑起来了,另外还改动了个小地方的逻辑,因为我在使用中出了点小错,需要的可以试下。另外,在使用中,注意下子activity中的上下文context,有可能有错,具体的东西在源码里有。

源码下载:https://github.com/qianjin/TestTabHost (csdn我传不上来,传到git去了)

可滑动的Tabhost,借助了surporrtV13,V4也差不多,一样的。

二者结合,当tabhost的tabbar点击的时候,viewPager滑动,滑动viewPager的时候,tabbar切换。tabbar的样式进行了重新布局,当然,你也可以自己定义自己的,详情看代码吧(下面有源码下载的地址)。

首先你要先在项目下建个libs把surporrtV13的jar包放进去。

效果图:

/** * Program : ViewPagerActivity.java * Author : qianj * Create : 2012-5-31 下午2:02:15 */package cn.learn.tabhosttest;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.app.LocalActivityManager;import android.content.Context;import android.content.Intent;import android.os.Bundle;import android.os.Parcelable;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.widget.RelativeLayout;import android.widget.TabHost;import android.widget.TabHost.OnTabChangeListener;import android.widget.TextView;/** * * @author qianj * @version 1.0.0 * @2012-5-31 下午2:02:15 */public class ViewPagerActivity extends Activity {List<View> listViews;Context context = null;LocalActivityManager manager = null;TabHost tabHost = null;private ViewPager pager = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.viewpager);context = ViewPagerActivity.this;pager = (ViewPager) findViewById(R.id.viewpager);//定放一个放view的list,,用于存放viewPager用到的viewlistViews = new ArrayList<View>();manager = new LocalActivityManager(this, true);manager.dispatchCreate(savedInstanceState);Intent i1 = new Intent(context, T1Activity.class);listViews.add(getView("A", i1));Intent i2 = new Intent(context, T2Activity.class);listViews.add(getView("B", i2));Intent i3 = new Intent(context, T3Activity.class);listViews.add(getView("C", i3));tabHost = (TabHost) findViewById(R.id.tabhost);tabHost.setup();tabHost.setup(manager);//这儿主要是自定义一下tabhost中的tab的样式RelativeLayout tabIndicator1 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tabwidget, null);TextView tvTab1 = (TextView)tabIndicator1.findViewById(R.id.tv_title);tvTab1.setText("第一页");RelativeLayout tabIndicator2 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tabwidget,null);TextView tvTab2 = (TextView)tabIndicator2.findViewById(R.id.tv_title);tvTab2.setText("第二页");RelativeLayout tabIndicator3 = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.tabwidget,null);TextView tvTab3 = (TextView)tabIndicator3.findViewById(R.id.tv_title);tvTab3.setText("第三页");Intent intent = new Intent(context,EmptyActivity.class);//注意这儿Intent中的activity不能是自身,所以我弄了个空的acitivitytabHost.addTab(tabHost.newTabSpec("A").setIndicator(tabIndicator1).setContent(intent));tabHost.addTab(tabHost.newTabSpec("B").setIndicator(tabIndicator2).setContent(intent));tabHost.addTab(tabHost.newTabSpec("C").setIndicator(tabIndicator3).setContent(intent));pager .setAdapter(new MyPageAdapter(listViews));pager .setOnPageChangeListener(new OnPageChangeListener() {@Overridepublic void onPageSelected(int position) {//当viewPager发生改变时,同时改变tabhost上面的currentTabtabHost.setCurrentTab(position);}@Overridepublic void onPageScrolled(int arg0, float arg1, int arg2) {}@Overridepublic void onPageScrollStateChanged(int arg0) {}});//点击tabhost中的tab时,要切换下面的viewPager tabHost.setOnTabChangedListener(new OnTabChangeListener() {@Overridepublic void onTabChanged(String tabId) {if ("A".equals(tabId)) {pager.setCurrentItem(0);}if ("B".equals(tabId)) {pager.setCurrentItem(1);}if ("C".equals(tabId)) {pager.setCurrentItem(2);}}});}private View getView(String id, Intent intent) {return manager.startActivity(id, intent).getDecorView();}private class MyPageAdapter extends PagerAdapter {private List<View> list;private MyPageAdapter(List<View> list) {this.list = list;}@Overridepublic void destroyItem(View view, int position, Object arg2) {ViewPager pViewPager = ((ViewPager) view);pViewPager.removeView(list.get(position));}@Overridepublic void finishUpdate(View arg0) {}@Overridepublic int getCount() {return list.size();}@Overridepublic Object instantiateItem(View view, int position) {ViewPager pViewPager = ((ViewPager) view);pViewPager.addView(list.get(position));return list.get(position);}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {return arg0 == arg1;}@Overridepublic void restoreState(Parcelable arg0, ClassLoader arg1) {}@Overridepublic Parcelable saveState() {return null;}@Overridepublic void startUpdate(View arg0) {}}}

近朱者赤,近墨者黑

ViewPager和Tabhost结合,可滑动的tabhost

相关文章:

你感兴趣的文章:

标签云: