1、 添加design包
在main_activity.xml中添加如下代码 :
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp"
tools:context="com.usher.studytablayout.MainActivity">
<android.support.design.widget.TabLayout
android:id="@+id/main_tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#D2A2CC" /></LinearLayout>
2、编写MainActivity代码
public class MainActivity extends AppCompatActivity {
private TabLayout tablayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tablayout = (TabLayout) findViewById(R.id.main_tablayout);
tablayout.addTab(tablayout.newTab().setText("新闻"));
tablayout.addTab(tablayout.newTab().setText("天气"));
tablayout.addTab(tablayout.newTab().setText("娱乐"));
}
}
这个东西就是TabLayout的基本显示,然后它有一些属性如下:
- tabIndicatorColor 下方滚动的下划线颜色
- tabTextColor 默认的文字颜色
- tabSelectedTextColor 被选中后文字的颜色
- tabIndicatorHeight 下划线的高度
- app:tabMode="scrollable" 很多标题的时候可以左右滑动
然后关于TabLayout的显示你还可以给他加上图片,代码如下:
public class MainActivity extends AppCompatActivity {
private TabLayout tablayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
tablayout = (TabLayout) findViewById(R.id.main_tablayout);
tablayout.addTab(tablayout.newTab().setText("新闻").setIcon(R.mipmap.icon1));
tablayout.addTab(tablayout.newTab().setText("天气").setIcon(R.mipmap.icon2));
tablayout.addTab(tablayout.newTab().setText("娱乐").setIcon(R.mipmap.icon3 ));
}
网友评论