12

我在操作栏中有一个菜单项。除了菜单项图像,我还需要显示一些与之相关的数字,这些数字会经常变化。我没有使用操作栏 sherlock。我不想用那个。除此之外,其他一切都可以正常工作。在显示的图像中,白色图标颜色图标是我的。我需要动态生成带有红色背景的数字。我怎样才能在 Android 中做到这一点?

这是示例图像:

在此处输入图像描述

更新:

我的 menu.xml 中有这个菜单项。这应该像显示通知计数的通知菜单项一样工作。我将菜单图标设置为,

 menuItem.setIcon(image);

现在,在菜单项的顶部,我需要放置一个包含通知总数的文本视图。

是否可以使用 viewbadger 实现此功能? Github 网址

4

4 回答 4

7

我发现了如何将 actionView 添加到菜单项并在代码中将设置值检索到视图中。

见这里:https ://stackoverflow.com/a/16648170/857681

于 2013-05-20T16:31:41.107 回答
5

在对 SO 上的几乎所有资源进行了大量尝试之后,我转向了博客;成功。我想分享对我有用的东西(Api >= 13);来源

让我们从甜蜜的代码开始,它的使用方式

 public boolean onCreateOptionsMenu(Menu menu) {
    //inflate menu
    getMenuInflater().inflate(R.menu.menu_my, menu);

    // Get the notifications MenuItem and LayerDrawable (layer-list)
    MenuItem item = menu.findItem(R.id.action_notifications);
    LayerDrawable icon = (LayerDrawable) item.getIcon();

    // Update LayerDrawable's BadgeDrawable
    Utils2.setBadgeCount(this, icon, 2);

    return true;
}

menu_my.xml: _

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
    <item
        android:id="@+id/action_notifications"
        android:icon="@drawable/ic_menu_notifications"
        android:title="Notifications"
        app:showAsAction="always" />
</menu>

此类方便地制作BadgeDrawable; 它的外观也可以修改:

public class BadgeDrawable extends Drawable {

    private float mTextSize;
    private Paint mBadgePaint;
    private Paint mTextPaint;
    private Rect mTxtRect = new Rect();

    private String mCount = "";
    private boolean mWillDraw = false;

    public BadgeDrawable(Context context) {
        //mTextSize = context.getResources().getDimension(R.dimen.badge_text_size);
        mTextSize = 12F;

        mBadgePaint = new Paint();
        mBadgePaint.setColor(Color.RED);
        mBadgePaint.setAntiAlias(true);
        mBadgePaint.setStyle(Paint.Style.FILL);

        mTextPaint = new Paint();
        mTextPaint.setColor(Color.WHITE);
        mTextPaint.setTypeface(Typeface.DEFAULT_BOLD);
        mTextPaint.setTextSize(mTextSize);
        mTextPaint.setAntiAlias(true);
        mTextPaint.setTextAlign(Paint.Align.CENTER);
    }

    @Override
    public void draw(Canvas canvas) {
        if (!mWillDraw) {
            return;
        }

        Rect bounds = getBounds();
        float width = bounds.right - bounds.left;
        float height = bounds.bottom - bounds.top;

        // Position the badge in the top-right quadrant of the icon.
        float radius = ((Math.min(width, height) / 2) - 1) / 2;
        float centerX = width - radius - 1;
        float centerY = radius + 1;

        // Draw badge circle.
        canvas.drawCircle(centerX, centerY, radius, mBadgePaint);

        // Draw badge count text inside the circle.
        mTextPaint.getTextBounds(mCount, 0, mCount.length(), mTxtRect);
        float textHeight = mTxtRect.bottom - mTxtRect.top;
        float textY = centerY + (textHeight / 2f);
        canvas.drawText(mCount, centerX, textY, mTextPaint);
    }

    /*
    Sets the count (i.e notifications) to display.
     */
    public void setCount(int count) {
        mCount = Integer.toString(count);

        // Only draw a badge if there are notifications.
        mWillDraw = count > 0;
        invalidateSelf();
    }

    @Override
    public void setAlpha(int alpha) {
        // do nothing
    }

    @Override
    public void setColorFilter(ColorFilter cf) {
        // do nothing
    }

    @Override
    public int getOpacity() {
        return PixelFormat.UNKNOWN;
    }
}

这个类有助于设置数字。我建议实施更多的方法来将徽章设置为日期等:

public class Utils2 {
    public static void setBadgeCount(Context context, LayerDrawable icon, int count) {

        BadgeDrawable badge;

        // Reuse drawable if possible
        Drawable reuse = icon.findDrawableByLayerId(R.id.ic_badge);
        if (reuse != null && reuse instanceof BadgeDrawable) {
            badge = (BadgeDrawable) reuse;
        } else {
            badge = new BadgeDrawable(context);
        }

        badge.setCount(count);
        icon.mutate();
        icon.setDrawableByLayerId(R.id.ic_badge, badge);
    }


}

并且mui 重要的是一个可绘制对象(如布局)res/drawable

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/ic_notification"
        android:drawable="@drawable/ice_skate"
        android:gravity="center" />

    <!-- set a place holder Drawable so android:drawable isn't null -->
    <item
        android:id="@+id/ic_badge"
        android:drawable="@drawable/ice_skate" />
</layer-list>

祝你好运!

于 2015-02-10T22:15:04.883 回答
1

这是您可以尝试的一件事:

创建一个自定义Drawable,在背景中绘制图像并在图像顶部绘制文本。查看此帖子以获取示例。

然后将其动态设置DrawableMenuItem背景...

于 2012-11-26T07:56:07.923 回答
0

使用动作视图。它适用于: defaultActionBarActionBarSherlock.

这是一个例子

使用这种方法,您可以创建自己的View(例如通过膨胀一些布局),然后做任何您想做的事情(更改背景、更改内容、如果您的操作视图是子类ViewGroup等动态添加另一个视图)。

于 2012-11-26T07:59:08.630 回答