android tab上显示数字（转）

最新推荐文章于 2022-04-15 17:44:36 发布

原创最新推荐文章于 2022-04-15 17:44:36 发布 · 414 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动开发 #java

android 专栏收录该内容

255 篇文章

订阅专栏

本文介绍了一种简单的方法来实现在Android应用中为Tab图标添加数字通知效果。通过使用自定义布局和Drawable资源，可以轻松地在Tab图标上显示数字，以提示用户未读消息或更新的数量。

好多人问怎么实现tab上有数字，其实很简单实现方法有很多，这里有布局实现吧，只是demo，希望大家明白原理res/drawable/shapecount.xml

   Java代码  
    
  
<?xml version="1.0" encoding="utf-8"?>  
<shape  
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:shape="rectangle">  
  <corners android:radius="20dp"  />      
  <solid android:color="#ff2233" />  
</shape>  

   Java代码  
    
  
res/layout/tabicon.xml  
  
<RelativeLayout  
    android:orientation="vertical"  
    android:background="@null"  
    android:id="@+id/rlayout"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content" >  
    <ImageView   
            android:id="@+id/icon"  
            android:src="@android:drawable/ic_menu_mylocation" <!-- Just for test -->  
            android:layout_margin="0dp"  
            android:layout_height="wrap_content"   
            android:layout_width="wrap_content"/>  
  
    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"  
        android:text="50" android:textSize="12dp" android:textStyle="bold"    
        android:background="@drawable/shapecount"  
        android:textColor="#FFFFFF"  
        android:paddingLeft="3dp" android:paddingRight="3dp"  
            android:layout_margin="0dp"  
        android:layout_alignBottom="@+id/rlayout"  
        android:id="@+id/txtCount" />  
  
</RelativeLayout>  

  

 

LayoutInflater inflater = LayoutInflater.from(this);

 View view = inflater.inflate(R.layout.tabicon, null);
final TextView txtCount = (TextView) view.findViewById(R.id.txtCount);

spec = tabHost.newTabSpec("artists").setIndicator(view).setContent(intent);