android tab 文本框,Android TabLayout

本文详细介绍了如何在Android开发中使用TabLayout进行定制,包括设置tab的指示器颜色、文字颜色、选中状态颜色以及模式和对齐方式。同时,讲解了TabLayout与ViewPager的联动,通过监听Tab选中事件和设置TabLayoutOnPageChangeListener实现交互。此外,还展示了如何自定义TabLayout的子布局,以实现更丰富的UI效果。
摘要由CSDN通过智能技术生成

常用属性

app:tabIndicatorColor="@color/colorPrimary_pink"//指示器的颜色

app:tabTextColor="@color/colorPrimary_pink"//tab的文字颜色

app:tabSelectedTextColor="@color/colorPrimary_pinkDark"//选中的tab的文字颜色

app:tabMode="fixed"//scrollable:可滑动;fixed:不能滑动,平分tabLayout宽度

app:tabGravity="center"// fill:tabs平均填充整个宽度;center:tab居中显示

常用方法

//1.TabLayout和Viewpager关联

tabLayout.setOnTabSelectedListener(new OnTabSelectedListener() {

@Override

public void onTabUnselected(Tab arg0) {

// TODO Auto-generated method stub

}

@Override

public void onTabSelected(Tab tab) {

// 被选中的时候回调

viewPager.setCurrentItem(tab.getPosition(),true);

}

@Override

public void onTabReselected(Tab arg0) {

// TODO Auto-generated method stub

}

});

//2.ViewPager滑动关联tabLayout

viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));

//设置tabLayout的标签来自于PagerAdapter

tabLayout.setTabsFromPagerAdapter(adapter);

viewPager.setAdapter(adapter);

//方法二:一步到位

tabLayout.setupWithViewPager(viewPager);

自定义TabLayout子布局

for (int i = 0; i < tabLayout.getTabCount(); i++) {

Tab tab = tabLayout.getTabAt(i);

// tab.setText(Html.toHtml(text))

View view = View.inflate(this, R.layout.bottom_navigation, null);

TextView tv_name = (TextView) view.findViewById(R.id.tv_name);

tv_name.setText(title[i]);

tab.setCustomView(view);

// tab.setIcon(icon)

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值