Tablayout选项卡
<h2>效果:</h2>
<p><img src="https://www.showdoc.cc/server/api/common/visitfile/sign/818d3f2c6594ac0aef788f6ab73f1b7b?showdoc=.jpg" alt="" />
<img src="https://www.showdoc.cc/server/api/common/visitfile/sign/2996a93b8310fa162987de03889c752e?showdoc=.jpg" alt="" /></p>
<h2>一、引用: 借用support design库,build.gradle文件中加入com.android.support:design依赖库</h2>
<h2>二、布局layout文件: android.support.design.widget.TabLayout</h2>
<h6><strong> 常用自定义属性</strong>:</h6>
<p>"tabBackground": 标签背景资源,可以定义颜色也可以用图片资源
"tabIndicatorColor":导航标签条的颜色
"tabIndicatorHeight":导航标签条的高度
"tabMode":标签模式,"fixed":固定在那里,"scrollable":可横向滚动模式
"tabGravity": tab内容填充位置属性,常用的"fill":tab内容横向填充宽度按tab平分,"center":自适应tab内容宽度并横向居中显示
"tabSelectedTextColor":选中标签字体颜色
"tabTextColor":未选中标签的字体颜色
"textSize":tab标签字体大小</p>
<h5>设置上面的标签属性便能实现常规效果了</h5>
<h2>三、viewpager装载fragment: tablayout标签底部大多数情况会与viewpager一块使用,</h2>
<h3>布局文件如: android.support.v4.view.ViewPager</h3>
<h3>设置适配器:</h3>
<pre><code> mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
@Override
public Fragment getItem(int i) {
return mTabFragmentList.get(i);
}
@Nullable
@Override
public CharSequence getPageTitle(int position) {
return mTabAry[position];
}
@Override
public int getCount() {
return mTabAry.length;
}
});</code></pre>
<h2>四、建立tablayout和viewpager的关联:</h2>
<p>mTabLayout.setupWithViewPager(mViewPager);</p>