android 顶部Tab实现及原理

Android 顶部tab 比较流行实用，在很多的应用中都能见到。下面使用andbase 快速集成到自己的项目中

使用别人的框架可以不用重复造轮子，但是也需要知道实现的原理，那么以后自己也可以自定义一个，我们也可以从别人的框架中

学习到很多东西，比如别人的代码风格命名规范，以及封装的程度里面实现的一些细节都可以从中吸取经验，为以后进阶升级做准备。

andbase 顶部 Tab 切换快速集成以及实现原理

使用的自定义view 为 com.ab.view.sliding.AbSlidingTabView

先看下它的实现原理，

如果有andbase源码的朋友也可以对照着看，

首先AbSlidingTabView 这个类集成是 LinearLayout，大家都知道上面 tab切换点击下面的界面会变成相应的，
下面的界面确定了是 fragment ，从源码中能看到 ViewPager，HorizontalScrollView等控件

那基本可以知道实现的原理，我们的 tab 切换是一个LinearLayout，里面嵌套 HorizontalScrollView 使得可以滑动，然后

HorizontalScrollView里面就是具体每一个tab，tab里面提供设置文字，文字颜色大小间隔等等一些属性，

那么下面就是使用ViewPager，ViewPager 里面放入一个个的fragment ，然后上面的 tab 和下面的 ViewPager实现联动

就成就了我们一个tab控件，我们只需设置几个 fragment 和每一个 tab的文字以及颜色等等的调整。

虽然实现原理已经解析，但是真正要写的比较好用而且最重要的是稳定，那么需要做的工作考虑的细节还是非常的多。

希望大家有所感悟。那么看看它究竟怎么快速集成到我们的项目吧

public class TabTopActivity extends AbActivity {

private MyApplication application;
private AbSlidingTabView mAbSlidingTabView;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setAbContentView(R.layout.tab_top);
application = (MyApplication) abApplication;

AbTitleBar mAbTitleBar = this.getTitleBar();
mAbTitleBar.setTitleText(R.string.tab_top_name);
mAbTitleBar.setLogo(R.drawable.button_selector_back);
mAbTitleBar.setTitleBarBackground(R.drawable.top_bg);
mAbTitleBar.setTitleTextMargin(10, 0, 0, 0);
mAbTitleBar.setLogoLine(R.drawable.line);
initTitleRightLayout();

mAbSlidingTabView = (AbSlidingTabView) findViewById(R.id.mAbSlidingTabView);

//如果里面的页面列表不能下载原因：
//Fragment里面用的AbTaskQueue,由于有多个tab，顺序下载有延迟，还没下载好就被缓存了。改成用AbTaskPool，就ok了。
//或者setOffscreenPageLimit(0)

//缓存数量
mAbSlidingTabView.getViewPager().setOffscreenPageLimit(5);

FragmentLoad page1 = new FragmentLoad();
FragmentLoad page2 = new FragmentLoad();
FragmentLoad page3 = new FragmentLoad();
FragmentLoad page4 = new FragmentLoad();
FragmentLoad page5 = new FragmentLoad();
FragmentLoad page6 = new FragmentLoad();

List<Fragment> mFragments = new ArrayList<Fragment>();
mFragments.add(page1);
mFragments.add(page2);
mFragments.add(page3);
mFragments.add(page4);
mFragments.add(page5);
mFragments.add(page6);

List<String> tabTexts = new ArrayList<String>();
tabTexts.add("推荐");
tabTexts.add("排行");
tabTexts.add("游戏中心");
tabTexts.add("专题栏目");
tabTexts.add("英雄三国");
tabTexts.add("专题栏目");

//设置样式
mAbSlidingTabView.setTabTextColor(Color.BLACK);
mAbSlidingTabView.setTabSelectColor(Color.rgb(30, 168, 131));
mAbSlidingTabView.setTabBackgroundResource(R.drawable.tab_bg);
mAbSlidingTabView.setTabLayoutBackgroundResource(R.drawable.slide_top);

//设置间隔
mAbSlidingTabView.setTabPadding(20, 8, 20, 8);
}

}

在xml中引用就行
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/gray_white"
android:orientation="vertical" >

<com.ab.view.sliding.AbSlidingTabView
android:id="@+id/mAbSlidingTabView"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />

</RelativeLayout>

这章主要分析了下实现的原理和代码的使用，从整的使用上来说还是非常简单好用。
如果大家需要 andbase的源码以及 andbase Demo 到网上下，或者在评论中留下你的
邮箱地址，可以分享给大家。

更多相关文章

随机推荐