MDTab 如何使用如何配合CoordinatorLayout使用和ViewPager一块使用 介绍
MDTab
一个仿google photos和google G+的Material Design风格的Tabbar
如何使用
as引入:compile 'org.loader:mdtab:1.0.1'
在xml中使用
<org.loader.mdtab.MDTab android:id="@+id/tab" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:textSize="12sp" app:checked_color="#FF0000FF" app:checked_percent="130%" app:normal_color="@android:color/black" app:ripple_color="#22448aca" android:background="@android:color/white" app:tab_padding="5dp" />
效果如下:
如何配合CoordinatorLayout使用
添加一条配置项目app:layout_behavior="@string/tab_behavior"就可以, 代码如下:
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <android.support.v4.widget.nestedScrollView android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:padding="50dp" android:text="loader" /> <!-- 像这样的TextView还有不少个--> </LinearLayout> </android.support.v4.widget.nestedScrollView> <org.loader.mdtab.MDTab android:id="@+id/tab" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:textSize="12sp" app:checked_color="#FF0000FF" app:checked_percent="130%" app:layout_behavior="@string/tab_behavior" app:normal_color="@android:color/black" app:ripple_color="#22448aca" android:background="@android:color/white" app:tab_padding="5dp" /></android.support.design.widget.CoordinatorLayout>
效果如下:
和ViewPager一块使用
tab.setupWithViewPager(mViewPager);
实现效果:
MDTab 如何使用如何配合CoordinatorLayout使用和ViewPager一块使用 官网
https://github.com/qibin0506/MDTab
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。