Значок на Android TabHost

Я хочу реализовать функциональность так же, как это было в iPhone

введите здесь описание изображения

Я реализовал пользовательский Tabhost так же, как в iPhone, в нижней панели. Я могу установить два значка для нормального/выбранного состояния, но мне нужен динамический значок с количеством уведомлений, как указано на изображении.

Спасибо


person Vishal Khakhkhar    schedule 28.11.2011    source источник


Ответы (2)


Android ViewBadger может быть решением для вас. (К вашему сведению, я еще не реализовал это)

Вот снимок, который вы можете получить в качестве вывода с помощью этого решения:

введите здесь описание изображения

person Paresh Mayani    schedule 28.11.2011
comment
прост в использовании... BadgeViewer - это класс, который вы будете использовать. Вы также можете скопировать его вместо использования в качестве библиотеки. - person Its not blank; 18.01.2014
comment
@Paresh Mayani Я использовал эту библиотеку BadgeViewer, и я столкнулся с проблемой, здесь я разместил вопрос stackoverflow.com/questions/26099124/ - person Ali Ashiq; 29.09.2014

Это пример Как добавить значок на вкладку.

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 background

<?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_indicator, вкладка индикатор.xml является стандартным рисунком вкладки фреймворка, который я получил из SDK, я предлагаю вам также получить его из папки API в sdk, так как вам также нужно скопировать некоторые изображения из папок с возможностью рисования, вы можете найти его your_sdk_drive:\sdk\platforms\android-8

person Muhammad Babar    schedule 03.05.2013