android - Xamarin Android BottomBarBadge 无法正确显示 100+ 的计数

Question

当我尝试在 BottomBarBadge 中显示大于 99 的计数时，它不会正确显示，因为 Badge 中没有足够的空间。

此屏幕截图显示的徽章实际上包含 110 个计数，但它看起来像“11”，因为“0”被小徽章截断了:

问题是，当计数发生变化时，我只是像这样设置新的 badge.Count:

badge.Count = int.Parse(text);

此时，如果徽章需要新高度(例如，从 99 更改为 100 或相反)，我希望徽章自动呈现新宽度以适应新计数。但这似乎并没有发生。

我是否缺少更新徽章宽度的方法或其他东西？

如果需要，我希望徽章的宽度可以稍微拉伸(stretch)一些，就像在 WhatsApp 中一样:

我正在使用 pocheshire 的第 3 方 BottomNavigationBar:https://github.com/pocheshire/BottomNavigationBar

---

编辑:

使用 Sushi Hangover's answer确实有效，但它破坏了其他东西。当我点击包含徽章的选项卡时，应用程序将在 NullReferenceException 中崩溃:

System.NullReferenceException: Object reference not set to an instance of an object.
  at BottomNavigationBar.BottomBar.HandleClick (Android.Views.View v) [0x00010] in <f60603cf39c84bebb4c6ba69e7e8bb64>:0 
  at BottomNavigationBar.BottomBar+<MakeBadgeForTabAt>c__AnonStorey1.<>m__0 () [0x00011] in <f60603cf39c84bebb4c6ba69e7e8bb64>:0 
  at BottomNavigationBar.Listeners.OnTabClickListener.OnClick (Android.Views.View v) [0x0000d] in <f60603cf39c84bebb4c6ba69e7e8bb64>:0 
  at Android.Views.View+IOnClickListenerInvoker.n_OnClick_Landroid_view_View_ (System.IntPtr jnienv, System.IntPtr native__this, System.IntPtr native_v) [0x0000f] in <263adecfa58f4c449f1ff56156d886fd>:0 
  at (wrapper dynamic-method) System.Object.30ced559-6971-4697-bb8d-82a961a4b1e9(intptr,intptr,intptr)

我在自定义渲染器中找不到错误，我确实在调用 MakeBadgeForTabAt() 的每一行代码处设置了断点，但在异常发生之前它没有执行此代码。

这是导致异常的代码:

protected virtual void OnTabbedPagePropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
{
    var page = sender as Page;
    if (page == null)
        return;

    if (e.PropertyName == TabBadge.BadgeTextProperty.PropertyName)
    {
        if (CheckValidTabIndex(page, out int tabIndex))
        {
            var element = Element.Children[tabIndex];
            UpdateTabBadgeText(BadgeViews[element], page);
        }
        return;
    }
}

private void UpdateTabBadgeText(BottomBarBadge badge, Element element)
{
    var text = TabBadge.GetBadgeText(element);
    if (!String.IsNullOrEmpty(text))
    {
        try
        {
            // This does not cause an exception, but doesn't update the badge's size:
            // badge.Count = int.Parse(text);

            // This causes NullReferenceException when taping the tab:
            var index = Element.Children.IndexOf((Page)element);
            _bottomBar.RemoveBadgeAt(index);
            _bottomBar.MakeBadgeForTabAt(index, "#FF0000", int.Parse(text));
        }
        catch (Exception)
        {
            // exception handling
        }
    }
    if (badge.Count == 0)
    {
        badge.Hide(false);
    }
    else
    {
        badge.Show(false);
    }
}

Answer 1

这是已弃用的 Java 版本的移植版本，该问题出现在原始版本中。

解决方法是在值超过 99 时删除徽章并再次添加它，而不是仅仅增加计数。

我没有看过 C# 版本，但假定代码为 BottomBarBadge.java是“相同的”，徽章 View 的大小只在 attachToTab 期间计算一次方法。所以解决方法自 attachToTab/adjustPositionAndSize 起有效再次调用 flow，但真正应该检查标志内容以确定它们是否会溢出标志圈并重新调用 adjustPositionAndSize。 , ...我认为... ;-)

回复:https://github.com/roughike/BottomBar/blob/master/bottom-bar/src/main/java/com/roughike/bottombar/BottomBarBadge.java#L94

更新:

在该库(与原始 Java 库略有不同)中，删除/重新创建徽章等存在大量问题/错误。

虽然这应该在库本身中，但您可以这样做以在设置计数时正确调整徽章的大小:

void ResetBadgeCount(BottomBarBadge badge, int count)
{
    badge.Count = count;
    ViewGroup.LayoutParams lparams;
    using (var bounds = new Rect())
    {
        badge.Paint.GetTextBounds(badge.Text, 0, badge.Text.Length, bounds);
        lparams = _badge2.LayoutParameters;
        badge.SetSingleLine();
        lparams.Width = (int)((bounds.Right - bounds.Left) * 1.25);
    }
    lparams.Height = lparams.Width;
    badge.LayoutParameters = lparams;
}

每次设置徽章计数时调用它:

ResetBadgeCount(_yourBadgeInstance, 999);

或者让它成为一个扩展方法:

public static class MyExtensions
{
    public static void ResetBadgeCount(this BottomBarBadge badge, int count)
    {
        badge.Count = count;
        ViewGroup.LayoutParams lparams;
        using (Rect bounds = new Rect())
        {
            badge.Paint.GetTextBounds(badge.Text, 0, badge.Text.Length, bounds);
            badge.SetSingleLine();
            lparams = badge.LayoutParameters;
            lparams.Width = (int)((bounds.Right - bounds.Left) * 1.25);
        }
        lparams.Height = lparams.Width;
        badge.LayoutParameters = lparams;
    }
}

然后你可以通过以下方式调用它:

_yourBadgeInstance.ResetBadgeCount(999);
_yourBadgeInstance.ResetBadgeCount(1999);

---

要获得更“类似 WhatsApp”的外观，请查找问题图像中的徽章(拉伸(stretch)宽度但不增加高度)，您可以在 ResetBadgeCount 中使用此代码方法代替:

private void ResetBadgeCount(BottomBarBadge badge, int count)
{
    badge.Count = count;
    ViewGroup.LayoutParams lparams;
    using (var bounds = new Rect())
    {
        badge.Paint.GetTextBounds(badge.Text, 0, badge.Text.Length, bounds);
        lparams = badge.LayoutParameters;
        badge.SetSingleLine();
        lparams.Width = (int)Math.Round(badge.Paint.MeasureText(badge.Text) * 1.25);
        var metrics = badge.Paint.GetFontMetrics();
        lparams.Height = (int)Math.Round((metrics.Bottom - metrics.Top) * 1.25);
    }
    if (lparams.Width < lparams.Height)
    {
        lparams.Width = lparams.Height;
    }
    badge.LayoutParameters = lparams;
}