徽章在Android TabHost

Question

我想實現的功能一樣在那裏在iPhone

我實現的定製Tabhost在底欄相同的iPhone。我可以爲Normal/Selected狀態設置兩個圖標 ，但我需要動態圖標，其數量爲 ，如圖中所示。

感謝

Answer 1

Android ViewBadger可能是您的解決方案。 （僅供參考，我還沒有實現它）

這裏是你可以通過這個解決方案的輸出卡：

Answer 2

這是一個例子如何添加徽章標籤

chat_tab.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="0dip" 
    android:layout_height="64dip" 
    android:layout_weight="1" 
    android:layout_marginLeft="-3dip" 
    android:layout_marginRight="-3dip" 
    android:orientation="vertical" 
    android:background="@drawable/tab_indicator" > 

    <ImageView 
     android:id="@+id/chat_icon" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/chat_icon" 
     android:layout_centerHorizontal="true"/> 

    <TextView 
     android:id="@+id/new_notifications" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignTop="@+id/chat_icon" 
     android:layout_toRightOf="@+id/chat_icon" 
     android:layout_marginLeft="-8dp" 
     android:layout_marginTop="0dp" 
     android:paddingTop="2dp" 
     android:paddingLeft="5dp" 
     android:paddingRight="5dp" 
     android:paddingBottom="2dp" 
     android:textSize="8sp" 
     android:textStyle="bold" 
     android:textColor="@android:color/primary_text_dark" 
     android:background="@drawable/badge" 
     android:visibility="gone"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="@string/chat" 
     style="@android:attr/tabWidgetStyle" 
     android:textColor="@android:color/tab_indicator_text" 
     android:layout_centerHorizontal="true" 
     android:layout_alignParentBottom="true"/> 


</RelativeLayout> 

這是badge.xml（紅圈的通知背景），TextView id:new_notifications背景

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
     android:shape="oval" > 

    <stroke android:width="2dp" android:color="#FFFFFF" /> 

    <corners android:radius="10dp"/> 

    <padding android:left="2dp" /> 

    <solid android:color="#ff2233"/> 

</shape> 

然後在代碼中，你可以簡單地做

LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); 

View chatTab = inflater.inflate(R.layout.chat_tab, null); 

tvNewNotifications = (TextView) chatTab.findViewById(R.id.new_notifications); 

intent = new Intent().setClass(MainTab.this, Chat.class); 
tabSpec = tabHost 
      .newTabSpec("chat") 
      .setIndicator(chatTab) 
      .setContent(intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP)); 

正如你可以看到我的相對佈局背景@drawable/tab_indicatortab indicator.xml是該標籤的框架的標準繪圖，我從SDK獲得，我建議你也應該從api的文件夾中獲取它在SDK中還需要一些圖片來自提拉文件夾複製，你可以找到它 your_sdk_drive：\ SDK \平臺\ Android的8