zoukankan      html  css  js  c++  java
  • Android基础控件——TabLayout的使用、仿爱奇艺导航条


    学习,学习,学以致用,让基础控件贴近实战效果

    TabLayout是Google新推出的Material Design的控件之一,TabLayout的使用必须结合ViewPager和Fragment的使用,如果对ViewPager不熟悉的同学,请自行查阅资料,很简单的。我们来看下爱奇艺导航条的原效果

    我们今天要实现的效果图,在真机上运行效果会更接近原图

    由于TabLayout是Material Design中的控件之一,集成它需要在Gradle文件中添加依赖库,由于我的compileSdkVersion为24,所以采用24的版本就不会提示错误

    我不知道是我电脑项目中东西太多,还是Material Design本来就很大的库,编译的时候花了8分钟

    TabLayout需要和ViewPager一起使用,所以在TabLayout下面放置一个ViewPager

    由于使用了TabLayout的自定义属性,所以记得导入资源

    这里对上面TabLayout的参数进行介绍

    • tabIndicatorHeight:Tab指示器下标的高度
    • tabGravity:Tab内容的显示模式
    • tabMode:Tab的展示模式
      • fixed(默认):固定的,标签很多时候会被挤压,不能滑动
      • scrollable:可滚动的,标签多的时候可滚动
    • tabIndicatorColor:Tab指示器下标的颜色
    • tabSelectedTextColor:Tab文字被选中的颜色
    • tabTextColor:Tab文字的颜色

    其实这些属性都可以在代码中设置,不过为了代码的阅读性和美观,所以将属性设置都在布局文件中实现

    找到对应的控件,并添加对应的Tab和Fragment

    可以发现,创建Tab都是通过声明的该TabLayout生成的,这里我们采用的是高级for循环遍历

    然后通过TabLayout的setupWithViewPager()方法绑定一个ViewPager,记得ViewPager是要有东西的,所以需要一个Adapter,ViewPager的使用和ListView大同小异,如果对ViewPager不懂的同学,请先学习ViewPager后再来理解

    下面我们可以创建很多个不同的Fragment来跟我们的标签绑定,这里为了方便演示,所以只创建同一个Fragment

    这里有个方法需要注意:需要重写getPageTitle()方法来为TabLayout的Tab添加上文字,否则会显示不出来文字,这也是为什么我们需要在构造方法中传进来List< String> strings,其他的与ListView的Adapter大同小异

    部分源码下载

    到这里的课程就结束,如果对基础控件感兴趣的朋友可以关注我博客的基础控件系列

  • 相关阅读:
    了解教育网访问情况
    .NET开源社区存在的问题
    欢迎大家谈谈Windows Live Mail desktop的使用感受
    [公告]新版排行榜页面发布
    国外技术新闻[来自Digg.com]
    首页小改进
    [SQL Server 2005]String or binary data would be truncated
    Linux获得真正3D桌面 开源支持者喜不自禁
    新版 .net开发必备10大工具
    使用新类型Nullable处理数据库表中null字段
  • 原文地址:https://www.cnblogs.com/zhanglixina/p/9597676.html
Copyright © 2011-2022 走看看