TabLayout替换ViewPagerIndicator
参照文章: http://chenfuduo.me/2015/07/30/TabLayout-of-design-support-library/
1.build.gradle关联库,需要在联网的情况下做
compile 'com.android.support:design:22.2.1'
2.在布局文件中使用TabLayout,即把TabPagerIndicator替换成TabLayout
<android.support.design.widget.TabLayout
android:id="@+id/tabpage_indicator"
android:layout_width="wrap_content"
style="@style/MyCustomTabLayout"
android:layout_height="wrap_content"
android:layout_weight="1" />
3.设置样式(不能没有样式)
style="@style/MyCustomTabLayout"
<style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
<item name="tabMaxWidth">@dimen/tab_max_width</item>
<item name="tabMinWidth">72dp</item>
<item name="tabIndicatorColor">#0000FF</item>
<item name="tabIndicatorHeight">3dp</item>
<item name="tabPaddingStart">8dp</item>
<item name="tabPaddingEnd">8dp</item>
<item name="tabBackground">@android:color/white</item>
<item name="tabTextAppearance">@style/MyCustomTabTextAppearance</item>
<item name="tabSelectedTextColor">@android:color/holo_red_light</item>
</style>
<style name="MyCustomTabTextAppearance" parent="TextAppearance.Design.Tab">
<item name="android:textSize">14sp</item>
<item name="android:textColor">@android:color/black</item>
<item name="textAllCaps">false</item>
</style>
4.关联ViewPager
//TabLayout关联ViewPager
tabLayout.setupWithViewPager(vp_news_menu_detail);
//一定要设置设置滚动模式
tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
5.在适配器中重写getPageTitle方法
@Override
public CharSequence getPageTitle(int position) {
return children.get(position).getTitle();
}
6.自定义Tab的效果
6.1 设置Tab的效果步骤一,在适配器中重写getTabView()方法
public View getTabView(int position){
View view = LayoutInflater.from(mActivity).inflate(R.layout.tab_item, null);
TextView tv= (TextView) view.findViewById(R.id.textView);
tv.setText(children.get(position).getTitle());
ImageView img = (ImageView) view.findViewById(R.id.imageView);
img.setImageResource(R.drawable.dot_focus);
return view;
}
要写布局如下:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="vertical">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="3dp" />
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true" />
</LinearLayout>
6.2调用 getTabView 方法
//自定义Table布局要结合适配器中的getTabView方法
for (int i = 0; i < tabLayout.getTabCount(); i++) {
TabLayout.Tab tab = tabLayout.getTabAt(i);
tab.setCustomView(mAdapter.getTabView(i));
}
如果不调用就没有效果
相关推荐
tablayout-android 修改 support 包 TabLayout,实现新浪微博/即刻 ...只需要把你原来使用的 TabLayout 替换为 com.antiless.support.widget.TabLayout,即可启用蚯蚓动画效果。然后加上一些自定义 indicator 属性,来
TabLayout修改下划线
TabLayout和Viewpager 的使用并自由修改 TabLayout 下划线长度。
Tablayout和ViewPager的结合使用Tablayout标题右上角加标记
TabLayout的多重用法
可自定义下划线的TabLayout,可以配合ViewPager使用,也可以单独使用,下划线可设置图片,可设置颜色,宽高等
TabLayout_____TabLayout_____TabLayout_____TabLayout_____TabLayout_____TabLayout_____
主要介绍了Android Tablayout 自定义Tab布局的使用案例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
Tablayout + ViewPage 完整案例,可以直接部署源码运行
tablayout实现fregment侧滑
tablayout+viewpager自定义tab和自定义指示器。完美解决滑动卡顿。
CoordingatorLayout + TabLayout + ViewPage实现上下滑动TabLayout停留页面顶部;
tablayout上拉悬停tablayout上拉悬停tablayout上拉悬停tablayout上拉悬停
Android Material Design之TabLayout + NavigationView联合使用
Tablayout+viewpager+fragment
TabLayout+Fragment 使用示例 包含所有的需要的jar包以及 资源工程(eclipse)
tablayout与viewpager联动,可以拿去做平时很常见的界面架构。其中还有个demo实现底部的tablayout与viewpager联动,类似微信。
使用Tablayout和RadioGroup两种方式实现底部导航,使用Tablayout实现顶部导航
TabLayout底部导航样例,包含整个工程Android Studio.
VerticalTabLayout 是一个垂直竖向的 Android TabLayout。特性:支持自定义Indicator大小支持自定义Indicator位置支持Indicator设置圆角支持Tab设置Badge支持Adapter的方式创建Tab多种Tab高度设置模式很方便的和...