5

我有一个 android 应用程序,其中主屏幕是选项卡视图。其中一个选项卡转到“收件箱”活动。我想显示一个数字,表示新消息的数量。这似乎是 iPhone 应用程序的标准功能。是否有任何类型的系统支持?如果没有,为 android tabviews 实现这种效果的最简单方法是什么?

4

4 回答 4

4

从我在 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)

于 2010-12-03T08:42:34.123 回答
0

这是如何在选项卡中添加徽章的示例

聊天标签.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_indicator选项卡指示器.xml 是框架的标准可绘制选项卡,我从 sdk 获得,我建议您也应该从 sdk 中的 api 文件夹中获取它,因为您还需要要从可绘制文件夹中复制一些图像,您可以找到它 your_sdk_drive:\sdk\platforms\android-8

于 2013-05-03T13:57:28.680 回答
0

您可以从这里下载 viewbadger.jar 文件,并可以使用此示例作为参考 https://github.com/jgilfelt/android-viewbadger

这是一个示例代码

TabWidget tabs = (TabWidget) findViewById(android.R.id.tabs); BadgeView 徽章 = new BadgeView(context, tabs, 3); 徽章.setTextSize(12); 徽章.setBadgePosition(BadgeView.POSITION_TOP_RIGHT); 徽章.setText("0")); 徽章.切换();

于 2014-09-25T06:55:37.103 回答
-2

我假设您有一个对象列表。您可以为对象创建一个“读取”属性,然后read = false在打开选项卡的那一刻计算对象的数量。

于 2010-12-03T08:28:16.100 回答