Как реализовать динамические значения в пункте меню в Android
У меня есть пункт меню в панели действий. Наряду с изображением пункта меню, мне нужно показать номер, связанный с ним, который будет часто меняться. Я не пользуюсь Action bar sherlock. Я не хочу этим пользоваться. Кроме этого все остальное просто отлично работает. На изображении белый значок цветной значок - мой. Мне нужно генерировать число с красным цветом фона динамически. Как я могу сделать это в Android?
Вот пример изображения:
Обновить:
У меня есть этот пункт меню в моем menu.xml. Это должно работать как пункт меню уведомлений, который показывает количество счетчиков уведомлений. Я установил значок меню, как,
menuItem.setIcon(image);
Теперь в верхней части пункта меню мне нужно разместить один текстовый вид, который имеет общее количество уведомлений.
Можно ли реализовать эту функциональность с ViewBadger? Github URL
4 ответа
Я обнаружил, как добавить actionView к элементу меню и получить в виде установленных значений представление в коде.
Смотрите здесь: /questions/35758809/kak-poluchit-tekst-na-znachke-actionbar/35758823#35758823
После многих попыток почти всех ресурсов на 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 importante Drawable (как макет) в 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>
Удачи!
Вот одна вещь, которую вы можете попробовать:
Создать кастом Drawable которые рисуют ваше изображение на заднем плане и текст сверху изображения. Проверьте этот пост для образца.
Затем установите это Drawable как MenuItem фон динамически...
Используйте вид действия. Работает с обоими: по умолчанию ActionBar а также ActionBarSherlock,
При таком подходе вы можете просто создать свой собственный View (например, надувая какой-то макет), а затем делайте все, что хотите (измените фон, измените содержимое, динамически добавьте другие виды, если ваш вид действия является подклассом ViewGroup так далее.).