Android中TabLayout添加小红点的示例代码

概述本文介绍了Android中TabLayout添加小红点的示例代码，分享给大家，具体如下 

本文介绍了AndroID中TabLayout添加小红点的示例代码，分享给大家，具体如下

 

安卓原生的androID.support.design.Widget.TabLayout，配合VIEwPager已经很好用了，但是有时我们会在内容更新时，在tab标题右上方加上一个红点等标记此tab内容有更新时，就需要给原生的TabLayout设置你定义的布局，用法和原生的一样，只是在代码中设置一下TabLayout的布局。

1.主布局文件

<?xml version="1.0" enCoding="utf-8"?><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"  xmlns:app="http://schemas.androID.com/apk/res-auto"  tools:context="com.bxkj.dylan.tablayoutreddot.MainActivity">  <androID.support.design.Widget.TabLayout    androID:ID="@+ID/tabLayout"    app:tabBackground="@androID:color/white"    app:tabTextcolor="@color/colorBlack"    app:tabSelectedTextcolor="@color/colorAccent"    app:tabMode="scrollable"    androID:layout_wIDth="match_parent"    androID:layout_height="40dp" /></linearLayout>

2.要显示小红点的自定义布局文件

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  androID:layout_wIDth="wrap_content"  androID:layout_height="40dp"  androID:layout_gravity="center"  androID:orIEntation="horizontal">  <TextVIEw    androID:ID="@+ID/tv_tab_Title"    androID:layout_wIDth="wrap_content"    androID:layout_height="match_parent"    androID:gravity="center"    androID:textcolor="@color/colorBlack"    androID:textSize="15sp" />  <TextVIEw    androID:ID="@+ID/iv_tab_red"    androID:layout_gravity="right"    androID:layout_wIDth="18dp"    androID:text="5"    androID:gravity="center"    androID:textcolor="@androID:color/white"    androID:layout_height="18dp"    androID:background="@drawable/red_dot" /></linearLayout>

3.设置TabLayout加载的各个Tab

import androID.content.res.Resources;import androID.support.design.Widget.TabLayout;import androID.support.v7.app.AppCompatActivity;import androID.os.Bundle;import androID.vIEw.VIEw;import androID.Widget.TextVIEw;/** * @author dylan */public class MainActivity extends AppCompatActivity {  private TabLayout tabLayout;  private TextVIEw tv_tab_Title;  @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentVIEw(R.layout.activity_main);    tabLayout = findVIEwByID(R.ID.tabLayout);    initData();  }  private voID initData() {    TabLayout.Tab tab = tabLayout.newTab().setText("全部");    tabLayout.addTab(tab);    //待付款栏目-加载自定义显示小红点的布局    tab = tabLayout.newTab();    tab.setCustomVIEw(R.layout.tab_wait_for_pay);    tv_tab_Title = tab.getCustomVIEw().findVIEwByID(R.ID.tv_tab_Title);    tv_tab_Title.setText("待付款");    tabLayout.addTab(tab);    tab = tabLayout.newTab().setText("待发货");    tabLayout.addTab(tab);    tab = tabLayout.newTab().setText("待收货");    tabLayout.addTab(tab);    tab = tabLayout.newTab().setText("已完成");    tabLayout.addTab(tab);    tab = tabLayout.newTab().setText("已取消");    tabLayout.addTab(tab);    //添加tabLayout选中监听    tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {      @OverrIDe      public voID onTabSelected(TabLayout.Tab tab) {        //设置选中时的文字颜色        if (tab.getCustomVIEw() != null) {          tv_tab_Title.setTextcolor(getResources().getcolor(R.color.colorAccent));        }      }      @OverrIDe      public voID onTabUnselected(TabLayout.Tab tab) {        //设置未选中时的文字颜色        if (tab.getCustomVIEw() != null) {          tv_tab_Title.setTextcolor(getResources().getcolor(R.color.colorBlack));        }      }      @OverrIDe      public voID onTabReselected(TabLayout.Tab tab) {      }    });  }}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android中TabLayout添加小红点的示例代码全部内容，希望文章能够帮你解决Android中TabLayout添加小红点的示例代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。