Android: Questa serie di nuovi elementi contare su schede

Question

Ho un'applicazione Android in cui la schermata iniziale è una visualizzazione a schede. Uno della scheda va a un'attività "Posta in arrivo". Mi piacerebbe mostrare un numero che indica i nuovi messaggi numerici. Questo sembra essere una caratteristica standard su applicazioni per iPhone. C'è qualche tipo di supporto del sistema per questo? Se no, qual è il modo più semplice per implementare questo effetto per Android visualizzazioni a scheda?

Answer 1

Da quello che posso leggere nel Android Sourcecode (TabHost.java) non c'è modo di farlo con i widget standard in modo simile come l'iPhone.

Che cosa si potrebbe fare è:

1. Ogni volta che il conteggio casella di posta è stata modificata, eliminare tutte le schede utilizzando http: / /developer.android.com/reference/android/widget/TabHost.html#clearAllTabs ()
2. Quindi, creare le schede di nuovo utilizzando http://developer.android.com/reference/android/widget/TabHost.html#addTab (android.widget.TabHost.TabSpec ) ma assicurarsi che il TabSpec viene inizializzato con [http: // sviluppatore. android.com/reference/android/widget/TabHost.TabSpec.html#setIndicator(java.lang.CharSequence, android.graphics.drawable.Drawable)] [1]. è possibile passare il proprio drawable lì e utilizzarlo per dipingere la badge per te stesso.

Non è un sostituto per il badge iPhone Style, però, come il distintivo iPhone è abbastanza bene negli angoli topright dell'etichetta. E finora non c'è modo di cambiarlo.

D'altra parte, essendo questo tutto Java qualcuno potrebbe estendere la classe TabHost e aggiungere il supporto per iPhone distintivi di stile.

[1]: http: //developer.android.com/reference/android/widget/TabHost.TabSpec.html#setIndicator(java.lang.CharSequence , android.graphics.drawable.Drawable)

Answer 2

Questo è un esempio di Come aggiungere un badge nella scheda

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>

Questa è badge.xml (cerchio rosso per le notifiche di sfondo), TextView ID: new_notifications sfondo

<?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>

Poi nel codice si può semplicemente fare

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));

Come si può vedere il mio layout relativa ha un @drawable/tab_indicator sfondo la indicator.xml è drawable standard della cornice della scheda, che ho ottenuto dalla sdk, ti ??suggerisco di dovrebbe anche ottenere da la cartella di API in SDK, come pure è necessario copiare alcune immagini dalle cartelle disegnabili, lo si può trovare your_sdk_drive: \ SDK \ piattaforme \ android-8

Answer 3

È possibile scaricare il file viewbadger.jar da qui e possibile utilizzare questo esempio come riferimento https://github.com/jgilfelt/android-viewbadger

Ecco un codice di esempio

TabWidget linguette = (TabWidget) findViewById (android.R.id.tabs); BadgeView distintivo = new BadgeView (contesto, schede, 3); badge.setTextSize (12); badge.setBadgePosition (BadgeView.POSITION_TOP_RIGHT); badge.setText ( "0")); badge.toggle ();

Answer 4

I suppone che si abbia una lista dei vostri oggetti. È possibile creare una proprietà "leggere" per l'oggetto, e poi contare il numero di oggetti con read = false nel momento dell'apertura della scheda.