将指标动态添加到tabhost图标android答案

【问题标题】：Add indicator dynamically to tabhost icon android将指标动态添加到tabhost图标android
【发布时间】：2014-08-13 00:56:18
【问题描述】：

我在 Android 应用中使用 Tabhost 进行导航。一切正常，但是我的选项卡之一是用于消息，如果用户至少有 1 条消息，我想在选项卡图标中添加一个文本视图，以显示用户拥有的消息数量。所以基本上我有下面的图标和文本消息，并希望在选项卡图标的右上角有一个额外的文本视图，显示消息计数。

我发现了与向选项卡添加文本相关的帖子，但它只是修改了现有的选项卡指示器文本视图。是否可以在选项卡上添加一个额外的文本视图，我可以引用并设置为可见性正常消失，如果存在消息，将可见性更新为可见并显示计数？

我猜我需要为此选项卡创建一个自定义 XML 布局并在调用时使用它

.setIndicator("Messages",res.getDrawable(R.drawable.tab_messages))

非常感谢任何见解或示例，谢谢！

【问题讨论】：

将消息数量附加到“消息”标签有什么问题？
@MartinGolpashin 因为这不是这个应用程序所必需的。当消息出现时，我需要在标签上显示一个带有消息计数的红色圆圈

标签： android android-tabhost android-xml android-tabs

【解决方案1】：

要实现这一点，您需要实现一个自定义 TabHost，它会覆盖 Android 框架中的 TabHost。

public class CustomTabHost extends TabHost {

    public CustomTabHost(Context context) {
        super(context);
    }

    public CustomTabHost(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
}

Androids TabHost 有一个名为TabSpec 的内部类，它实现了以下方法：

public TabSpec setIndicator(CharSequence label, Drawable icon) {
    mIndicatorStrategy = new LabelAndIconIndicatorStrategy(label, icon);
    return this;
}

所以为了添加另一个TextView到Tab，你需要像这样重载这个方法：

public TabSpec setIndicator(CharSequence label, Drawable icon, CharSequence text) {
        mIndicatorStrategy = new LabelIconTextIndicatorStrategy(label, icon, text);
        return this;
    }

要完成这项工作，您还需要实现一个类似于LabelAndIconIndicatorStrategy 的LabelIconTextIndicatorStrategy，但包含一个文本。

private class LabelIconTextIndicatorStrategy implements IndicatorStrategy {

    private final CharSequence mLabel;
    private final Drawable mIcon;
    private final CharSequence mText;

    private LabelIconTextIndicatorStrategy(CharSequence label, Drawable icon, CharSequence text) {
        mLabel = label;
        mIcon = icon;
        mText = text;
    }

    public View createIndicatorView() {
        final Context context = getContext();
        LayoutInflater inflater =
                (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View tabIndicator = inflater.inflate(mTabLayoutId,
                mTabWidget, // tab widget is the parent
                false); // no inflate params

        final TextView tv = (TextView) tabIndicator.findViewById(R.id.title);
        final ImageView iconView = (ImageView) tabIndicator.findViewById(R.id.icon);

        // when icon is gone by default, we're in exclusive mode
        final boolean exclusive = iconView.getVisibility() == View.GONE;
        final boolean bindIcon = !exclusive || TextUtils.isEmpty(mLabel);

        tv.setText(mLabel);

        if (bindIcon && mIcon != null) {
            iconView.setImageDrawable(mIcon);
            iconView.setVisibility(VISIBLE);
        }

        if (context.getApplicationInfo().targetSdkVersion <= Build.VERSION_CODES.DONUT) {
            // Donut apps get old color scheme
            tabIndicator.setBackgroundResource(R.drawable.tab_indicator_v4);
            tv.setTextColor(context.getResources().getColorStateList(R.color.tab_indicator_text_v4));
        }

        return tabIndicator;
    }
}

【讨论】：

【解决方案2】：

请检查此示例是否有效。它在您的标签栏中显示徽章

TAB_BAR SHOWING NUMBER

【讨论】：