您的位置:首页 > 移动开发 > Android开发

Android Tab实现

2015-06-17 18:21 453 查看


Android底部tab实现思路:

1、Viewpager实现底部Tab

思路:

     (1)、编写三个布局,底部分类布局(bottom.xml),顶部标题布局(top.xml),中间内容布局(中间放置                                   Viewpager控件),可以在一个主布局中引入顶部和底部布局使用include layout属性。 

     (2)、底部图片的切换效果可以分别设置背景图片以及字体颜色,首先需要全部置灰然后设置对应的色彩。

     (3)、使用Viewpager控件,添加List(View)数据集,View通过LayoutInflater导入到List 中。

2、Fragment实现底部Tab

思路:

     (1)、编写三个布局,底部分类布局(bottom.xml),顶部标题布局(top.xml),中间内容布局(中间放置                                  FrameLayout布局,设置高度0dp,weight=1填满头布局和尾布局剩余的空间部分),可以在一个主布                     局中引入顶部和底部布局使用include layout属性。 

     (2)、Fragment的使用方法,记得要将fragment.add(R.Framenlayout.id,fragment);

     (3)、如果导入的是v4.fragment的包的话,那么获取getSupportFragmentManagement(),如果获取的是                               android.app.Fragment那么获取的是getFragmentManagement()

3、FragmentPagerAdapter和Viewpager实现底部Tab

思路:

     (1)、编写三个布局,底部分类布局(bottom.xml),顶部标题布局(top.xml),中间内容布局(中间放置                                   Viewpager控件),可以在一个主布局中引入顶部和底部布局使用include layout属性。 

     (2)、底部图片的切换效果可以分别设置背景图片以及字体颜色,首先需要全部置灰然后设置对应的色彩。

     (3)、FragmentPagerAdapter的数据源是List(Fragment),并且设置ViewPager的监听事件,实现底部图片和中                     间内容的切换。

4、FragmentPagerAdapter和Viewpager实现底部Tab

思路:
      (1)、使用第三方开源库,viewpagerindicator

      (2)、如果有jar包冲突的话,先删除本工程的jar包,然后将引入的工程里的jar包复制导入一份到本工程的libs下                    面。

        视频链接:点击打开链接

注意事项:

1.
github上搜索viewpagerIndicator: https://github.com/JakeWharton/ViewPagerIndicator 2. 下载zip包,解压,eclipse中import->Android Existing Code->(注意只导入解压后下面的Library)
3. 导入后标记为Property->Android->isLibrary
4. 将indicator下面的libs下的support-v4的jar包copy到主项目文件下的libs覆盖,否则会报version mismatch
5. 在主项目中property->Android->AddLibrary添加进来
6. ctrl+Alt+T试着将TabPagexxx的class搜索出来,说明项目已经成功导入
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: