Android: отображение количества новых элементов на вкладках - PullRequest
Новая
       1

Android: отображение количества новых элементов на вкладках

5 голосов
/ 03 декабря 2010

У меня есть приложение для Android, где на главном экране отображается вкладка.Одна из вкладок переходит к операции «Входящие».Я хотел бы показать число, которое указывает количество новых сообщений.Кажется, это стандартная функция в приложениях для iPhone.Есть ли какая-либо системная поддержка для этого?Если нет, то как проще всего реализовать этот эффект для вкладок Android?

Ответы [ 4 ]

4 голосов
/ 03 декабря 2010

Из того, что я могу прочитать в исходном коде Android (TabHost.java), нет способа сделать это со стандартными виджетами аналогично iPhone.

То, что вы могли бы сделать, это:

  1. Всякий раз, когда счетчик входящих сообщений был изменен, удалите все вкладки, используя http://developer.android.com/reference/android/widget/TabHost.html#clearAllTabs()
  2. Затем создайте вкладки снова, используя http://developer.android.com/reference/android/widget/TabHost.html#addTab(android.widget.TabHost.TabSpec), но убедитесь, что TabSpec инициализирован с помощью [http://developer.android.com/reference/android/widget/TabHost.TabSpec.html#setIndicator(java.lang.CharSequence,android.graphics.drawable.Drawable)] [1].Вы можете передать свой собственный рисунок и использовать его, чтобы нарисовать значок самостоятельно.

Однако он не заменяет значок iPhone Style, поскольку значок iPhone довольно хорошо расположен в верхних правых углах этикетки.И до сих пор нет возможности изменить это.

С другой стороны, это все, что Java может расширить класс TabHost и добавить поддержку значков в стиле iPhone.

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

0 голосов
/ 25 сентября 2014

Вы можете скачать файл viewbadger.jar отсюда и использовать этот пример для справки https://github.com/jgilfelt/android-viewbadger

Вот пример кода

TabWidget tabs = (TabWidget) findViewById (android.R.id.tabs);BadgeView badge = новый BadgeView (контекст, вкладки, 3);badge.setTextSize (12);badge.setBadgePosition (BadgeView.POSITION_TOP_RIGHT);badge.setText ( "0"));badge.toggle ();

0 голосов
/ 03 мая 2013

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

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: фон новых уведомлений 

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

Как вы можете видеть, у моего Relative Layout есть фон @drawable/tab_indicator вкладка Indicator.xml - это стандартная схема фреймворка для вкладки, которую я получил из sdk, я предлагаю вам также получить ее из папки API в SDK, так как вам также нужно скопировать некоторые изображения из папок для рисования, вы можете найти его your_sdk_drive: \ SDK \ платформы \ андроида-8

0 голосов
/ 03 декабря 2010

Я предполагаю, что у вас есть список ваших объектов.Вы можете создать свойство «чтение» для объекта, а затем подсчитать количество объектов с помощью read = false в момент открытия вкладки.

...