Android TabLayout(选项卡布局)简单用法实例分析

本文介绍了如何在Android中使用TabLayout实现选项卡布局,作为ViewPager的配套组件,TabLayout提供了美观的界面效果,并且兼容2.2及以上版本。通过在build.gradle中添加依赖,然后在布局文件中配置TabLayout和ViewPager,可以轻松创建类似知乎的页面。示例代码包括Find_fragment.xml的布局设计,Find_tab_Adapter.java中使用List<Fragment>管理多个页面,以及FindFragment.java的详细实现。
摘要由CSDN通过智能技术生成

本文实例讲述了Android TabLayout(选项卡布局)简单用法。分享给大家供大家参考,具体如下:

我们在应用viewpager的时候,经常会使用TabPageIndicator来与其配合。达到很漂亮的效果。但是TabPageIndicator是第三方的,而且比较老了,当然了现在很多大神都已经开始自己写TabPageIndicator来满足自己的需求,在2015年的google大会上,google发布了新的Android Support Design库,里面包含了几个新的控件,其中就有一个TabLayout,它就可以完成TabPageIndicator的效果,而且还是官方的,最好的是它可以兼容到2.2以上版本,包括2.2。下面我就举一个简单的例子来使用它。

这里使用的 android studio进行开发的,所以引用TabLayout很简单,只要在build.gradle中加入compile 'com.android.support:design:22.2.0'即可。

这个使用是我在仿 知乎 的时候使用。所以页面就和知乎很像了

fragment_find.xml

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   android:orientation = "vertical" >
   < android.support.design.widget.TabLayout
     android:id = "@+id/tab_FindFragment_title"
     android:layout_width = "match_parent"
     android:layout_height = "wrap_content"
     android:background = "@color/titleBlue"
     app:tabIndicatorColor = "@color/white"
     app:tabSelectedTextColor = "@color/gray"
     app:tabTextColor = "@color/white"
     />
   < android.support.v4.view.ViewPager
     android:id = "@+id/vp_FindFragment_pager"
     android:layout_width = "fill_parent"
     android:layout_height = "0dp"
     android:layout_weight = "1"
     />
</</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值