美文网首页
TabLayout的使用

TabLayout的使用

作者: 青见仔 | 来源:发表于2017-04-22 23:58 被阅读0次

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 ));
}

相关文章

网友评论

      本文标题:TabLayout的使用

      本文链接:https://www.haomeiwen.com/subject/rtsezttx.html