书写布局tab.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <com.csm.hwtab.TabLinearLayout android:id="@+id/tab" android:layout_width="match_parent" android:layout_height="65dp" android:background="#0000ff" android:gravity="center_vertical" android:orientation="vertical" > </com.csm.hwtab.TabLinearLayout> <android.support.v4.view.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1" /> </LinearLayout>在Activity中使用:
package com.csm.hwtab; import com.csm.hwtab.adapter.MyFragmentPagerAdapter; import com.csm.hwtab.fragment.OneFragment; import android.os.Bundle; import android.support.v4.app.FragmentActivity; import android.support.v4.view.ViewPager; import android.view.Window; public class TestActivity extends FragmentActivity{ private ViewPager mViewPager; private TabLinearLayout mTabview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.tab); initTabsView(); } private void initTabsView() { mViewPager = (ViewPager) findViewById(R.id.view_pager); mTabview = (TabLinearLayout)findViewById(R.id.tab); mTabview.addTab("先秦0", new OneFragment()); mTabview.addTab("先秦1", new OneFragment()); mTabview.addTab("先秦2", new OneFragment()); mTabview.addTab("先秦3", new OneFragment()); mTabview.addTab("先秦4", new OneFragment()); mTabview.addTab("先秦5", new OneFragment()); mTabview.addTab("先秦6", new OneFragment()); mViewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), mTabview.getTabs())); mTabview.setViewPager(mViewPager); mViewPager.setCurrentItem(0); } }效果就如同上面的效果一样了。
源码下载
github:https://github.com/shuangmin/HwTab