直播平臺開發,TabLayout的使用和自定義紅點訊息提示

zhibo系統開發發表於2022-07-14

直播平臺開發,TabLayout的使用和自定義紅點訊息提示

1.首先要引入android design包,在gradle中加入:

implementation 'com.android.support:design:27.1.1'


2. 在xml佈局中直接跟ViewPager一起使用

<android.support.design.widget.TabLayout
        android:id="@+id/about_my_tab"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:background="@color/white_color"
        app:tabIndicatorColor="@color/main_color"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@color/main_color"
        app:tabTextAppearance="@style/MiddleTextStyle"
        app:tabTextColor="@color/second_text_color" />
 
    <android.support.v4.view.ViewPager
        android:id="@+id/about_my_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 
app:tabIndicatorColor:指示器的顏色,就是底部那條線的顏色,這裡選擇的是綠色
app:tabMode:tab滑動模式,有fixed和scrollable兩種,fixed是不可滑動,scrollable是可滑動
app:tabIndicatorHeight: 底部指示器的高度,這裡使用是預設高度
app:tabSelectedTextColor: tab選中之後文字的顏色
app:tabTextAppearance:tab標題文字的大小
app:tabTextColor:tab標題文字非選中狀態時的顏色


3.下一步就是在Activity中設定標題,並設定與ViewPager聯動:

tabLayout= view.findViewById(R.id.about_my_tab);
tabLayout.addTab(tabLayout.newTab().setText("我的私信"));
tabLayout.addTab(tabLayout.newTab().setText("我的回覆"));


設定與ViewPager的聯動也異常簡單:

tabLayout.setupWithViewPager(viewPager);


以上就是直播平臺開發,TabLayout的使用和自定義紅點訊息提示, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2905743/,如需轉載,請註明出處,否則將追究法律責任。

相關文章