android studio 30天学习笔记-day 17-TabLayout+TabItem

TabLayout提供了一个水平的布局方式显示，TabItem是TabLayout显示的物件。

dependencies

    implementation 'com.google.android.material:material:1.1.0'

在activity_main4修改

新增TabLayout

<com.google.android.material.tabs.TabLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/tablayout"
            app:tabRippleColor="@color/colorAccent"
            app:tabIndicatorColor="@color/colorPrimary">
            ...
            </com.google.android.material.tabs.TabLayout>

app:tabRippleColor=tabItem点下去会呈现扩散的颜色
app:tabIndicatorColor=tabItem下方指示条的颜色
tabTextColor=tab字体的颜色

• app:tabMode=有以下2种模式
  1.scrollable:当Tab过多无法显示在画面中时，可以左右滚动看其他的Tab。
  2.fixed:将所以Tab都塞到画面中。

新增TabItem

TabItem是TabLayout里可以点选的物件

<com.google.android.material.tabs.TabItem
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:text="显示"/>
<com.google.android.material.tabs.TabItem
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:text="新增"/>
<com.google.android.material.tabs.TabItem
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:text="修改"/>

成果:

明天会加上viewPager。