效果圖
image
1.添加依賴
//垂直的tablayout
implementation 'q.rorbin:VerticalTabLayout:1.2.5'
2.xml文件中添加控件【VerticalTabLayout集合幀布局使用疙咸，fragment開啟事物的方法，或者直接用豎著的ViewPager】
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".ui.country.fragment.InternationalFragment">
<q.rorbin.verticaltablayout.VerticalTabLayout
android:id="@+id/tab"
android:layout_width="@dimen/dp_100"
android:layout_height="match_parent"
android:background="@color/c_EAEAEA"
app:indicator_width="@dimen/dp_2"
app:tab_height="@dimen/dp_50"
app:tab_mode="scrollable" />
<FrameLayout
android:id="@+id/fl_container"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
3.代碼簡單使用
mTab.setTabAdapter(new TabAdapter() {
//設(shè)置個(gè)數(shù)
@Override
public int getCount() {
return list.size();
}
@Override
public ITabView.TabBadge getBadge(int position) {
return null;
}
@Override
public ITabView.TabIcon getIcon(int position) {
return null;
}
//給tab欄設(shè)置標(biāo)題
@Override
public ITabView.TabTitle getTitle(int position) {
ITabView.TabTitle title = new ITabView.TabTitle.Builder()
.setContent(list.get(position).getName())
.setTextColor(Color.RED,Color.BLACK)
.build();
return title;
}
//設(shè)置背景
@Override
public int getBackground(int position) {
return 0;
}
});
- 屬性說明
app:indicator_color 指示器顏色
app:indicator_width 指示器寬度
app:indicator_gravity 指示器位置
app:indicator_corners 指示器圓角
app:tab_mode Tab高度模式
app:tab_height Tab高度
app:tab_margin Tab間距
